﻿/*Front page template start*/
/*clint*/


#center
{
	margin-left: auto;
	margin-right: auto;
	width: 1003px;
	border:0px red solid;
}

#outerlayout
{
	border:0px green solid;
	height:auto;
	position:absolute;
	width:1024px;
}

#header
{
	border: 0px;
	position: absolute; 
	width: 1024px;
	height: 116px;
	left: 0px;
	top: 0px;
	right: 1024px;
	bottom: 116px;
}

#Content
{
	border: 0px;
	position: absolute;
	width: 860px;
	height: 651px;
	top: 117px;
	right: 1024px;
	bottom: 768px;
	left: 164px;
}


#RightTopMenu
{
	border: 0px;
	top: 0px;
	left:800px;
	right:1024px;
	bottom: 116px;
	width: 224px;
	height: 116px;
	position:absolute;	
	
	background-image: url(../Images/bannerRightPart.jpg);
	background-repeat:repeat-x; 	
}
/*Front page template end*/




/*Front page paragraphs specific start*/

#paragraphHomeUpperImages
{
	border: 0px solid;
	position: absolute;
	width: 690px;
	height: 350px;
	top: 0px;
	right: 852px;
	bottom: 466px;
	left: 0px;
}

#paragraphHomeRightTopMenu
{
	border: 0px solid;
	position: absolute;
	width: 167px;
	height: 800px;  /*750*/
	top: 0px;
	right: 1024px;
	bottom: 916px;
	left: 690px;
	
	padding:0px;
}

#paragraphHomeNewsMenu
{
	border: 0px solid;
	position: absolute;
	width: 690px;
	height: 450px; /*450;*/ 
	top: 350px;
	right: 852px;
	bottom: 916px; /*1016px*/
	left: 0px;
	
	padding-top : 0px;
}


#paragraphHomeFooter
{
	border: 0px solid;
	position: absolute;
	width: 857px;
	height: 175px; /*225px*/ 
	top: 800px; 
	right: 852px;
	bottom: 975px; /*1025px*/
	left: 0px;
	
	padding-top : 50px;
	

}

/*Front page paragraphs specific end*/





/*Paragraphjs and related start*/

#leftMenu
{

}

#LeftMenuSubHeader
{
	background-color: #0C2C43;
	border: 0px;
	position: absolute;
	width: 164px;
	height: /*201px;*/ 240px;		/*incremembt this value by X when you want to increase the height of this DIV*/
	top: 116px;
	right: 164px;
	bottom: /*317px;*/ 359px;		/*incremembt this value by X when you want to increase the height of this DIV*/
	left: 0px;
}

#LeftMenuMiddleMenuHeader
{
	background-color: #0C2C43;
	border: 0px ;
	position: absolute;
	width: 164px;
	height: /*243px;*/ 600px;  /*incremembt this value by X when you want to increase the height of this DIV*/
	top: /*317px;*/ 356px;
	right: 164px;
	bottom: /*560px;*/ 917px;	/*incremembt this value by X when you want to increase the height of this DIV*/
	left: 0px;
}

#LeftMenuBottomHeader
{
	border-style: none;
	border-width: 0px;
	
	border:0px;
	
	position: absolute;
	width: 164px;
	height: 208px;
	top: /*560px;*/ 917px; 		/*incremembt this value by X when you want to increase the height of this DIV*/
	right: 164px;
	bottom: /*768px;*/ 1125px; 	/*incremembt this value by X when you want to increase the height of this DIV*/
	left: 0px;
	width: 164px;
	height: /*208px;*/247px;
	background-image: url(../Images/smallpic.jpg);
	background-repeat: no-repeat;
}


.paragraph .paraText
{
	/*ie, this will be applied to what is inside the div with css of paraText Given that the paraText must be inside anotehr div with css paragraph*/
	float: right;
}

.paragraph .ParaImage
{
	float: left;
}
/*Paragraphs & related end*/

.paragraph_Style
{
	position:absolute;
	padding-right:50px;
	padding-left:50px;
	padding-top:50px;
}


/*Menu Start*/

a.leftmenu:link, a.leftmenu:visited {
	display: block;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #ccc;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 22px !important;
	height: 27px;
	width: 137px;
	text-decoration: none;
	background-image: url(../Images/menu_buttons.jpg);
	background-repeat: no-repeat;
	font-family: "Helvetica Neue", Helvetica, Arial;
}

a.leftmenu:hover {
	background-position: 0px -27px;
	text-decoration: none;
	color: #fff;
}

a.leftmenu_selected:link, a.leftmenu_selected:visited {
	display: block;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 22px !important;
	height: 27px;
	width: 137px;
	text-decoration: none;
	background-image: url(../Images/menu_buttons_selected.jpg);
	background-repeat: no-repeat;
	font-family: "Helvetica Neue", Helvetica, Arial;
}

/*Menu end*/

/*News related*/

#NewsItemTitle
{
	width:690px;
	height:15px;
	top:0px;
	left:0px;
	bottom:15px;
	border:1px solid black;
}

#NewsItemDate
{
	width:690px;
	height:15px;
	top:0px;
	left:0px;
	bottom:30px;
	border:1px solid black;
}

#NewsItemContent
{
	width:690px;
	height:15px;
	top:15px;
	left:0px;
	bottom:105px;
	border:1px solid black;
}

#NewsItemMore
{
	width:690px;
	height:15px;
	top:30px;
	left:0px;
	bottom:120px;
	border:1px solid black;
}



#NewsItemOuterDiv
{
	position:absolute;
	
	width:720px;
	
	left:10px;
	
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
	
	border:0px solid;
}

#HomePageNewsFormat
{
	padding-left:10px;
	padding-top:0px;
	padding-right:10px;
	padding-bottom:10px;
}

/*end news related*/



