
	/* CSS Document */


/* GENERAL LAYOUT*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*************************** CONTAINERS *********************************/

/*the main container*/

#OuterContainer {
	position: relative;
	width:750px;
	float:left; 
	background-color:#FFFFFF;
}

.whiteSpacer{
	color:#FFFFFF;
}

.lightGreySpacer{
	color:#C6C5C5;
}

.darkGreySpacer{
	color:#A8A6A6;
}


.floatLeft {
	float:left;
}

.floatInherit {
	float: inherit;
}

.floatRight {
float:right;

}

	
.floatLeft192 {
	width:192px;
	float:left;
	border:0px;
	}

	
.topBannerLeft {
	position: relative; 
	background-color:#7AAADD;
	width: 541px;
	height:36px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#ffffff;
	background-position: center;
	vertical-align: middle;
	margin-bottom: 6px;
	float:left;
	

}

.topBannerRight {
	position: relative; 
	background-color:#00305C;
	height:26px;
	width: 196px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	vertical-align:middle;
	letter-spacing:2px;
	color:#ffffff;
	margin-bottom:2px;
	padding-top:10px;
	float:right;
		
	}
	

#topBannerDateTime {
	background-color:#C6C5C5;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#333333;
	vertical-align: middle;
	text-align:center;
	width: 196px;
	padding-top:3px;
	float:right;
	}
	

.pageTitleContainer {
	width:750px;
	height:437px;
	margin-bottom:0px;
	}

/*to keep left content which located after the banner*/
.leftLongContainer{
	width:550px;
	margin-right:4px;
	float:left;
	}	
	
/*to house right content which located after the banner*/
.rightLongContainer{
	width:192px;
	
	}	
	
.orangeBanner {
	background-color:#EC6E00;
	height:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	vertical-align: middle;
	}

.lightBlueBanner {
	background-color:#7AAADD;
	height:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	color:#ffffff;
	}

.blueBanner {
	background-color:#00305C;
	height:21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top:3px;
	color:#ffffff;
	vertical-align: middle;

	}

.pinkBanner {
	background-color:#D5006E;
	height:19px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top:3px;
	color:#ffffff;
	}


.GreyTextLight {
	background-color:#C6C5C5;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	background-position:top;
	vertical-align:top;
	margin-bottom:4px;
	padding-right:8px;
		
}



.GreyTextDark {
	background-color:#A8A6A6;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	background-position:top;
	padding-right:8px;
	margin-bottom:4px;

	}

.GreyTextDivDarker {
	background-color:#7A7A78;
	padding-top:8px;
	padding-bottom:8px;
	
	}

.footerTitle {
	background-color:#00305C;
	height:19px;
	width:743px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	font-size: 9px;
	padding-left:8px;
	color:#ffffff;

}

.footerLogoStrip{
	text-align: center;
	margin: 0 0 10px 0;
	width: 743px;
	height: 50px;
	float: inherit;
}

.newsquoteTitle {
	background-color:#00305C;
	min-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	color:#ffffff;
	background-position: top;
	vertical-align: top;
	}



.leftFooter {
	width:530px;
	float:left;
	margin-top:15px;
	margin-bottom:10px;

}

.rightFooter {
	float:right;
	margin-top:15px;
	margin-bottom:10px;

}

.title {
	width:750px;
	height: 50px;
	display: block;
	position: relative;
	float: left;
	padding: 10px 0 0 10px;
}

.title span{
	font-size: 36px;
	color: #D2006E;
}



/***************** WIDTH AND HEIGHTS FOR IMAGES AND CONTAINER ETC..*/

.w750Xh142px {
	width:750px;
	height:142px;
}


.w196Xh250pxMargin4px {
	width:196px;
	height:250px;
	margin-bottom:4px;
}

.w196Xh240pxMargin4px {
	width:196px;
	height:240px;
	margin-bottom:4px;
}
.w196Xh220pxMargin4px {
	width:196px;
	height:220px;
	margin-bottom:4px;
}

.w196Xh135pxMarginB4px {
	width:196px;
	height:135px;
	margin-bottom:4px;
}

.w178Xh105pxMarginR4px {
	position:relative;
	width:178px;
	height:105px;
	margin-right:4px;
	margin-bottom:4px;
	border:0px;
	
}


.w178Xh105pxBackground{
	background-color:#7A7A78;
	position:relative;
	width:170px;
	height:105px;
	margin-right:4px;
	margin-bottom:4px;
	
}


.w196h84xMargin4px {
	width:196px;
	height:84px;
	border:0px;
	margin-bottom:4px;

}


.hw192X126px {
	width:192px;
	height:126px;
	margin-bottom:6px;
}	


.hw174X100px{
	width:174px;
	height:100px;
	border:0px;
}

.hw174X94px{
	width:170px;
	height:94px;
	border:0px;
	
}

.hw192X84px {
	width:192px;
	height:84px;
	border:0px;
	margin-bottom:4px;
}

#menuBreak{
	height:5px;
	width:472px;
}

.lineHeight25px{
	line-height:25px;
}
.lineHeight5px{
	line-height:5px;
}

.height642px{
	height:640px;
	 overflow:auto;
}


.height450px{
	height:434px;
	overflow:auto;
}


.height365px{
	height:346px;
	overflow:auto;
}

.height395px{
	height:376px;
	overflow:auto;
}

/* 359 + 22 paddig which is 367 */
.height381px{
	height:359px;
	overflow:auto;
}
/* 345 + 22 paddig which is 367 */
.height367px{
	height:343px;
	overflow:auto;
}

/* it has some padding  */
.height335px{
	height:312px;
 overflow:auto;
}

.height350px{
	height:329px;
	 overflow:auto;
}

/* it has some padding  */
.height534px{
	height:534px;
 	overflow:auto;
}

.height580px{
	height:600px;
 	overflow:auto;
}


.height188px{
	height:194px;
	overflow:auto;
}


.height262px{
	height:260px;
	overflow:auto;
}

.height213px{
	height:209px;
}

.height130px{
	height:125px;
}

.height160px{
	height:155px;
}

.height169px{
	height:171px;

}

.height154px{
	height:154px;

}


.height32px{
	height:32px;
}


.width196px {
	width:188px;
}

.width196apx {
	width:180px;
}



#col1{ 
	position:relative; 
	width: 60px;
	float:left;
	line-height:20px;
}

#col2{ 
	position:relative; 
	width: 250px;
	float:left;
	line-height:20px;

}

#col3{ 
	position:relative; 
	width: 90px;
	float:left;
	line-height:20px;
}

#col4{ 
	position:relative; 
	width: 100px;
	float:right;
	line-height:20px;
}

.colwidth150px{ 
	position:relative; 
	width: 150px;
	float:left;
}

.colForName124px{ 
	position:relative; 
	width: 124px;
	margin-bottom:10px;
	float:left;
}

.colForInpute401px{ 
	position:relative; 
	width: 395px;
	margin-bottom:12px;
	float:left;

}


/*********************PADDINGS & MARGINES ***************************/

.paddingLeft8Top5px {
	padding-left:8px;
	padding-top:4px;
}

.paddingLeft13px {
	padding-left:13px;
}

.paddingLeft23px {
	padding-left:13px;
}

.paddingLeft8px {
	padding-left:8px;
}


.paddingLeft4px {
	padding-left:4px;
}

.paddingTop22px {
	padding-top:22px;
}

.paddingTop8px {
	padding-top:8px;
}

.paddingTop6px {
	padding-top:6px;
}

.paddingTop3px {
	padding-top:px;
}

.paddingBottom6px {
	padding-bottom:6px;
}

.paddingRight13px{
	padding-right:13px;
}



.marginTop4px {
	margin-top:4px;
	
}


.marginTop3px {
	margin-top:3px;
	
}

.marginRight15px{
	margin-right:15px;
}

.marginRight0px{
	margin-right:0px;
}

.marginBottom4px {
	margin-bottom:4px;
}
.marginBottom0px{

	margin-bottom:0px !important;
}

.marginLeft208px{

	margin-left:208px;
}
.marginLeft4px{
	margin-left:4px;
}

/********************* BORDER STYLES  ETC.. ***************************/

.thinBorder {
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	padding-right:8px;

	
}

.pinkThinBorder {
	border-color:#D5006E;
	border-style:solid;
	border-width:1px;
	margin-bottom:4px;
	
}


/********************* TEXTS, BANNERS ETC.. ***************************/


.white14px {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	}
	
.white12px {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	}
	
.pink14px {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#D5006E;
	}
	
.black11px {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	}
	
.black10px {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000 !important;
	}

.black12px {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	}
	
.Grey10px {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#7A7A78;
	}

.orangeText12px{
	color: #EC6E00;
	font-size: 12px;
}

.blueLightText12px{
	color: #7AAADD;
	font-size: 12px;
}


/********************* LINKS ***************************/
a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D5006E;
	text-decoration:underline;
}

a:visited {
	color: #D5006E;
}

a:hover {
	color: #D5006E;
}


a:active {
	color: #D5006E;
}


.orangeLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EC6E00;
	text-decoration:underline;
}
.orangeLink a:link {
	color: #EC6E00;
	text-decoration:underline;
}
.orangeLink a:visited {
	color: #EC6E00;
	text-decoration:underline;
}
.orangeLink a:hover {
	color: #EC6E00;
	text-decoration:underline;
}
.orangeLink a:active {
	color: #EC6E00;
	text-decoration:underline;
}

a.orangeLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EC6E00;
	text-decoration:underline;
}
a.orangeLink a:link {
	color: #EC6E00;
	text-decoration:underline;
}
a.orangeLink a:visited {
	color: #EC6E00;
	text-decoration:underline;
}
a.orangeLink a:hover {
	color: #EC6E00;
	text-decoration:underline;
}
a.orangeLink a:active {
	color: #EC6E00;
	text-decoration:underline;
}


.topNavigationSelected{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D5006E;
	}
	
	
.topNavigation {
	font-family: Arial, Helvetica, sans-serif;
	width: 529px;
	text-decoration:none;
	font-size: 10px;
	color: #A8A6A6;
	
}

a.topNavigation:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 10px;
	color: #A8A6A6;
	
}

a.topNavigation:link {
	color: #A8A6A6;
	font-size: 10px;

}
a.topNavigation:visited {
	color: #A8A6A6;
}
a.topNavigation:hover {
	color: #D5006E;
}
a.topNavigation:active {
	color: #D5006E;
}

a.footerNavigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration:none;
}

a.footerNavigation:link {
	font-size: 10px;
	color: #000000;
}

a.footerNavigation:visited {
	color: #000000;
}
 
a.footerNavigation:hover {
	color: #D5006E ;
}
a.footerNavigation:active {
	color: #D5006E;
}

a.newsquoteLink {
	background-color:#00305C;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#ffffff !important;
	text-decoration:none !important;
	cursor:pointer;
	}



/*////////////// IE Sepcifics ///////////////////////////////////////*/

.ie .margineTop-2px {
	margin-top:-2px;
}

.ie .margineTop-3px {
	margin-top:-3px;
}

.ie .margineTop-4px {
	margin-top:-4px;
}

.ie .marginRight-4px {

	margin-right:-10px !important;
	
}

.ie .margineBottom-3px {
	margin-bottom:-3px;
}

.ie .marginLeft-2px {

	margin-left:2px;
	
}


.ie .overflowAuto{
	overflow:auto;
}

.ie .height250px{
	height:250px !important;
}





