﻿/* reset  styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li, ol,
fieldset, form, label, legend {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
}

table, caption, tbody, tfoot, thead, tr, th, td {border: 0px;outline: none;}
input, select, textarea, option {color: #4a6777;}

/* General styles */

html, body {height: 100%;}
* {font-family: Trebuchet MS; font-size: 13px;}

	a:link, a:active, a:visited {outline: none; color: #2e9cc1; text-decoration: underline;}
	a:hover {color: #757fcd; text-decoration: none;}
	
	a.nounderline {text-decoration: none; color: #2e9cc1;}
	
	h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #004278;}
	h1 {font-size: 18px; color: #2e9cc1;}
	h2 {font-size: 16px; line-height: 16px;}
	h3 {font-size: 14px; margin: 20px 0 5px 0; clear: both;}
	h4 {font-size: 12px;}
	h5 {font-size: 11px;}
	h6 {font-size: 10px;}

	img {border:0;}

body {color: #4a6777; background: url('images/bg.jpg') center top no-repeat;}

/* Clear styles */

.clearit, #clearit {clear: both;}

/*Top styles */

.RightBg {
	position:absolute; top:120px; left:auto;right:0;
	width:13%; height:45px;
	background: url('images/right_bg.png') left top repeat-x;
}

div.General {height: 95%; background: url('images/dblue_top.png') left top repeat-x;}

div#Top {width: 70%; min-width:960px; text-align: center; background:url('images/topline_c.gif') left top repeat-x; position:relative;}

	div#Top div {background:url('images/topline_l.gif') left top no-repeat;}
	div#Top div div {background:url('images/topline_r.gif') right top no-repeat; padding-top: 15px;}
	div#Top div div div.Corner {background: url('images/dblue_corner.png') 94px 31px no-repeat; padding: 0px; height: 45px;}

	#TopMenu {display: inline; width: 100%; list-style-type: none;}
	#TopMenu li {display: inline; margin: 0px 40px 0px 40px;border: 0px solid red; height: 47px;}

	#TopMenu li a {font-size: 14px;}
	#TopMenu li a:link, #TopMenu li a:active, #TopMenu li a:visited {color: #FFFFFF; text-decoration: none;}
	#TopMenu li a:hover {color: #9faad7;}
	
	#TopMenu li.selected a:link, #TopMenu li.selected a:active, #TopMenu li.selected a:visited {color: #9faad7; text-decoration: none;}
	#TopMenu li.selected a:hover {color: #FFFFFF;}
	
	#TopMenu li a.selected:link, #TopMenu li a.selected:active, #TopMenu li a.selected:visited {color: #9faad7; text-decoration: none;}
	#TopMenu li a.selected:hover {color: #FFFFFF;}


#SecondLine {width: 74%; text-align: center; margin-top: 60px;clear: both;}
	.Logo {float:left;}
	.Slogan {float:right; background:url('images/slogan_bg.png') right top no-repeat; 
		height: 96px; width: 372px; line-height: 45px;
		font-size: 14px; font-style:italic; text-align: right;
		padding-right: 20px;
	}
	
	/* 5 content styles */
	
#Content {
	 clear: both; 
	 width: 95%;
	 max-width: 930px;
	 border: 0px solid red; 
	 padding-top: 0px;	 
}

	#Content ul#CenterBlock {display:block;  width: 100%; list-style-type: none;}
	
	#Content ul#CenterBlock li {
	float:left;
	width: 20%;	
	background: url('images/shad.png') center bottom no-repeat;
	padding-bottom: 30px;
	}
	* html #Content ul#CenterBlock li {background: none;}
	
	#Content ul#CenterBlock li	div.WhiteIn {	 
	padding: 0px; margin-left: -1px; clear: both; 
	}
	#Content ul#CenterBlock li:first-child	div.WhiteIn {margin-left: 0px;}
	#Content ul#CenterBlock li:first-child	div.WhiteIn div, #Content ul#CenterBlock li:first-child	div.WhiteIn p, 
	#Content ul#CenterBlock li:first-child	div.WhiteIn h2 {color: #FFFFFF;}
	#Content ul#CenterBlock li:first-child	div.WhiteIn A:hover {color: #9faad7;}
	#Content ul#CenterBlock li:first-child	div.WhiteIn A:visited {color: #9faad7;}
	
		
	#Content ul#CenterBlock	li div.WhiteIn div, #Content ul#CenterBlock li div.WhiteIn p {text-align: justify;  line-height: 16px;} 
	#Content ul#CenterBlock	li div.WhiteIn h2 {text-align: right; margin-top: 10px; margin-bottom: 10px; }
	#Content ul#CenterBlock	li div.WhiteIn div strong {color: #2e9cc1;}
	

		/* Corners */
				
		/* Basic styling, used when JavaScript is unsupported */
		.cbb {
			margin:0;
			padding:0 10px;
			border:1px solid #a0b3de;
			background:#fff;
			
			
		}
		/* Normal styling */
		.cb {margin:0.5em 0;}
		
			/* Top corners and border */
		.bt {
			height:12px;
			margin:0 0 0 6px;
			background:url(images/tab/box.png) no-repeat 100% 0;
			text-align: left;
			
		}
		.bt div {
			position: relative;
			left:-6px;
			width:6px;
			height:12px;
			background:url(images/tab/box.png) no-repeat 0 0;
			font-size:0;
			line-height:0;
			text-align: left;
		}
				
		#Content ul#CenterBlock li:first-child div.cb .bt {background:url(images/tab/boxb.png) no-repeat 100% 0;}
		#Content ul#CenterBlock li:first-child div.cb .bt div {background:url(images/tab/boxb.png) no-repeat 0 0;}
				
		
			/* Bottom corners and border */
		.bb {
			height:6px;
			margin:0 0 0 6px;
			background:url(images/tab/box.png) no-repeat 100% 100%;
			text-align: left;
		}
		.bb div {
			position:relative;
			left:-6px;
			width:6px;
			height:6px;
			background:url(images/tab/box.png) no-repeat 0 100%;
			font-size:0;
			line-height:0;
		}
		#Content ul#CenterBlock li:first-child div.cb .bb {background:url(images/tab/boxb.png) no-repeat 100% 100%;}
		#Content ul#CenterBlock li:first-child div.cb .bb div {background:url(images/tab/boxb.png) no-repeat 0 100%;}
		
		
			/* Left border */
		.i1 {
			padding:0 0 0 6px;
			background:url(images/tab/borders.png) repeat-y 0 0;
		}
			/* Right border */
		.i2 {
			padding:0 6px 0 0;
			background:url(images/tab/borders.png) repeat-y 100% 0;
		}
		
		#Content ul#CenterBlock li:first-child div.cb .i1 {background:url(images/tab/bordersb.png) repeat-y 0 0;}
		#Content ul#CenterBlock li:first-child div.cb .i2 {background:url(images/tab/bordersb.png) repeat-y 100% 0;}
		
			/* Wrapper for the content. */
		.i3 {
			display:block;
			margin:0;
			padding:20px 10px 10px 10px;
			background:#fff;
			text-align: justify;
			/* min-height: 360px;	*/	
		}
		
		
		
		#Content ul#CenterBlock li:first-child div.cb .i3 {background:#001738; background-image: url('images/blue.png'); background-repeat:no-repeat; background-position: left bottom;}
		
			/* Make the content wrapper auto clearing so it will contain floats  */
		.i3:after {
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
		}
		.i3 {display:inline-block;}
		.i3 {display:block;}
		/* Default CSS ends here */
		
		/* Custom position border CSS */
		
		.one {position:absolute; top:0;	right:0;}
		.two {float:left; width:45%;}
		
		.two .i1, .two .i2 { background-image:url(images/tab/borders.gif); }
		.two .bt, .two .bt div,
		.two .bb, .two .bb div { background-image:url(images/tab/box.gif); }
		
		#three {float:left;	clear:both;	width:80%;}
		#three .cb {float:left;	width:40%;}
		/* End of custom position border CSS */
		
		/*Some float blocks on first page */

		#Content ul#CenterBlock li div.First {margin-top: 30px;}
		* html #Content ul#CenterBlock li div.First div.cb .i3 {height: 360px;}
		#Content ul#CenterBlock li div.First div.cb .i3 {min-height: 360px;}


#LastLine {width: 74%; text-align: center;  clear: both; }

	#Copyright {float:left; padding-bottom: 10px;}
	#Search {float:right; text-align: right; padding-right: 20px;}


/*Inside styles */

.Blue {color: #2e9cc1;}
.underline {text-decoration: underline; color: #2e9cc1;}
#Content ul#CenterBlock	li.Wide div.WhiteIn div.jText {text-align:center;}


	/*Wide li */
	#Content ul#CenterBlock li.Wide {width: 80%; background-position: right bottom;}
	
	#Content ul#CenterBlock li.Wide .i3 {min-height: 330px;}
	
	#Content ul#CenterBlock li.Wide div.WhiteIn h2 {margin-top: 30px; color: #2e9cc1;}
	#Content ul#CenterBlock li.Wide div.WhiteIn h2:first-child {margin-top: 10px; color: #2e9cc1;}
	
	#Content ul#CenterBlock li.Wide ul li {float:none; width: auto; padding: 2px 0; margin-left: 20px; background-image: none; list-style-type: disc;}
	#Content ul#CenterBlock li.Wide ul.custom li {list-style-type: none;}


.pic {border: 1px solid #a0b3de; background-color: #c4def3; padding: 5px; float: left; margin-right: 10px;}
.pic2 {padding: 5px; float: left; margin-right: 10px;}
.m10 {margin-left: 10px;}
.mr10 {margin-right: 10px; float: left;}
.ml10 {margin-left: 10px; float: right;}

/* Forms styles */

.itext_140 {width: 140px; background: url(images/input_140.gif) center center no-repeat; height: 25px; border:0;}
.itext_140 input {width: 126px; height: 18px; border:0; margin: 5px 5px !important; padding:0 !important; line-height: 16px;}
.textarea_210_100 {width: 210px; height: 100px; background: url(images/textarea_210.gif); padding:0;}
.textarea_210_100 textarea {width:200px; height: 90px; border:0; margin: 6px 5px; padding:0; line-height: 16px;}


/* Behaviors */





