/* CSS Document */

/*-------- Mandatory CSS -------------*/
body {
 background:#5ea2ff url('images/pagebg.gif'); margin: 0px; padding:0px; background-repeat:repeat-x; }

body,td,th,tr,font,div,.text{
	font:11px Tahoma, Arial, Helvetica, sans-serif; color:#222222; }

img{
	border:0px; }

form{
	display:block; padding:0px; margin:0px; }

input{ padding:0px; margin:0px; }

/*----------- CSS Selector, anchors ----------------*/
a{
	text-decoration:none; color: #000000; border:1px none #ffffff; }
a:hover, .a2{
	text-decoration:none; border-bottom:1px solid #ff9900; color: #B0301E; }
.navBarTxt {
	width:16px; height:15px; border: 1px solid #dddddd; font: bold 10px Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; padding:1px 4px 1px 4px; }
.navBarTxt:hover {
	width:16px; height:15px; background-color:#666666; font: bold 10px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; padding:1px 4px 1px 4px; border: 1px solid #666665; }

/*-------- Text Align Classes -------------*/
.txtAlignRight{
	text-align:right; }
.middleAlign{
	 vertical-align:middle; }

.bgAlignRight{
	background-position:right top;
	background-repeat:no-repeat;
}

/*-------- Text Coloring Classes -------------*/
.txtOrange{
	color:#ff6600;
}

.txtLightGray{
	color:#bbbbbb;
}

.txtLightGray2, .txtLightGray2 a{
	color:#999999;
}

/*-------- Border Classes -------------*/
.borderBottom{
	border-bottom:1px solid #eaeaea; }
.borderBottomDark{
	border-bottom:1px solid #bbbbbb; }
.borderBottomDashed{
	border-bottom:1px dashed #777777; }	
.borderLight{
	border:1px solid #b0bec7; }
.borderLight2{
	border:1px solid #D0D8DD;
}
.borderDark{
	border:1px solid #666666; }
.imgborder{
	padding:1px; border:1px solid #cccccc;
}
/*-------- Padding Classes -------------*/
.padding5{
	padding:5px;
}

.paddingLeft10{
	padding:0px 4px 0px 10px;	
}

.overflowHidden{
	overflow:hidden;
}

.overflowScroll{
	overflow:auto;
}


#popChaps a, #ccTips a, #ccTips a:hover{
	text-decoration:none;
	border:0px;
	color:#000000;
}
#popChaps a:hover, #ccTips a:hover{
	color:#10759e;
}
#popChaps a{
	font-weight:bold;
} 

#welcome{
	color:#ffffff;
}

#welcome .title{
	font-size:14px;
	font-weight:bold;
}
#layoutBody{
	width:776px;
	text-align:left; 
}

#layoutBody table{
	text-align:left; 
}

.head2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0153FC;
}

ul{
	list-style-image:url(images/bullet-pin2.gif);
	vertical-align:middle;
}

.ul2{
	list-style-image:url(images/bullet-clip.gif);
	vertical-align:middle;
}

.tileX{
	background-repeat:repeat-x;
	background-position:bottom;
}


.input{
	font:10px Arial, Helvetica, sans-serif;
	border:1px solid #D0D8DD;
	padding:2px;
}

.marq{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#ff0000; 
}
div.marquee{width:95%; margin:auto; text-align:center;}

.lineHeight20 {
	line-height: 18px;
}

.font18px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

.font15px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}


.txtWhite{
	color:#ffffff;
}

.txtRed{
	color:#ff0000;
}

#topLinks, #topLinks a{
	font:bold 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#ffffff;
}
#topLinks a:hover{
	color:#dadada;
	border:0px;
	text-decoration:none;
}
.grayBG {
	background-color: #F3F3F3;
}


.deelteButton {
	border: 1px solid #eaeaea;
	background-color: #ffffff;
	padding:0px;
	margin:2px;
	color: #333333;
	font: bold 10px 'Trebuchet MS', verdana, Helvetica, sans-serif;
	cursor:hand;
	background-image:url(images/delete-ico.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:21px;
	text-transform: uppercase;
	padding-right: 15px;
}


.viewButton {
	border: 1px solid #eaeaea;
	background-color: #ffffff;
	padding:0px;
	margin:2px;
	color: #333333;
	font: bold 10px 'Trebuchet MS', verdana, Helvetica, sans-serif;
	cursor:hand;
	background-image:url(images/view-ico2.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:21px;
	padding-right:15px;
	text-transform: uppercase;
}
.updateButton {
	border: 1px solid #eaeaea;
	background-color: #ffffff;
	padding:0px;
	margin:2px;
	color: #333333;
	font: bold 10px 'Trebuchet MS', verdana, Helvetica, sans-serif;
	cursor:hand;
	background-image:url(images/update-ico.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:21px;
	padding-right:15px;
	text-transform: uppercase;
}
.saveButton {
	border: 1px solid #eaeaea;
	background-color: #ffffff;
	padding:0px;
	margin:2px;
	color: #333333;
	font: bold 10px 'Trebuchet MS', verdana, Helvetica, sans-serif;
	cursor:hand;
	background-image:url(images/save-ico.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:21px;
	padding-right:15px;
	text-transform: uppercase;
}
.resetBut {
	background-image: url(images/reset2.gif);
	height: 28px;
	width: 57px;
	border: 0px;
	cursor: hand;
}
.resetBut2 {
	background-image: url(images/reset2.gif);
	height: 38px;
	width: 96px;
	border: 0px;
	cursor: hand;
}.submitBut {
	background-image: url(images/submit.gif);
	height: 28px;
	width: 57px;
	border: 0px;
	;
	cursor: hand;
}

/*----------------27--------------------*/

#layoutBody1{
	width:776px;
	text-align:left; 
}

.ft-nav a{ color:#ffffff; text-decoration:none; }
.ft-nav a:hover{ color:#000;}
.b{font-weight:bold;}
.f18{font-size:18px;}
.wht{color:#ffffff;}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.style3 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF; text-decoration:none;
}

h1 {font-size:11px; font-weight:bold; color:#fff;}

.sitemap a{font:bold 12pxTahoma, Arial, Helvetica, sans-serif; color:#0b59a1; text-decoration:none; padding:6px 10px 2px 30px;  display:block; background:url(images/arrow-icon2.jpg) 8px no-repeat; border-bottom:#e5e5e5 1px dashed;}
.sitemap a:hover{background:#f2f0f1 url(images/arrow-icon2.jpg) 8px no-repeat; color:#000;}