body { background:#b9cad6 url(/new-images/body-bg.jpg) center -27px no-repeat;}
.rightcol a:link, .rightcol a:visited, .rightcol a:active, .rightcol a:focus, 
li#first_item a:link, li#first_item a:visited, li#first_item a:active, li#first_item a:focus {
	color: #369;text-decoration: underline;
}

li#first_item a:hover, .rightcol a:hover {
	color: #f7ac1f;
	text-decoration: none;
}


.clearfix { clear:both;}
#header { width:974px; margin:0 auto; height:130px;}
		#logo,#other {height:130px;}
		#logo { float:left; width:500px; position: relative;}
		h2#slogan { position: absolute; top: 75px; left: 60px; width: 850px; color: #081f68; font-family: arial; font-weight: bold; }
			#logo img { padding-top:20px;}
		#other { float:right; width:450px;}
		
		/*Navigation*/
		/*Horizontal Navigation*/
.h-nav{
	width:960px; margin:0 auto;
	overflow: hidden;
	padding:0 20px;
	/*background:url(/new-images/nav-bg-x.jpg) repeat-x;*/
}

.h-nav ul{
	margin: 0;
	padding: 0;
	padding-left: 10px; /*offset of tabs relative to browser left edge*/
	font:14px;
	list-style-type: none;
	float:left;
}

.h-nav li{
	display: inline;
	margin: 0;
}

.h-nav li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 10px 8px 13px 9px; /*padding inside each tab*/
	font-size:18px;
	color: #fff;
	font-family:Arial;
	/*border-right:1px solid #669999; border-left:1px solid #333366;*/
}

.h-nav li a:visited{
/*color: white;*/
}

.h-nav li a:hover, .h-nav li.selected a, .selected{
	color:#f7ac1f;
	background:#fff url(/new-images/nav-hover-bg.jpg) no-repeat center top; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.first-option a { border-left:none !important;}

#banner { width:974px; height:237px; background-repeat:no-repeat; /*background:#333 url(/new-images/banners/banner.jpg) no-repeat;*/ margin:0 auto;}
	.more-btn {padding:160px 0 0 820px;}
#experience {margin:0 auto; width:974px; height:58px; background:#069 url(/new-images/experience-bg.jpg) no-repeat;}
	#experience h1 { font:18px arial; color:#fff; text-indent:20px; margin:0; padding:20px 0;}
	.round_shadow { width:974px; height:27px; background:url(/new-images/round-shadow.png) no-repeat; margin:0 auto;}
	.round_shadow-inverse { width:974px; height:27px; background:url(/new-images/round-shadow-inverted.png) no-repeat; margin:0 auto;}
#lower-boxes { width:974px; margin:0 auto;}
	#services { width:560px; height:236px; float:left; background:#165786 url(/new-images/services-bg.jpg) repeat-x;}
		#services h1 { font:20px arial; color:#fff; margin:0; padding:10px 0; text-indent:10px;}
		#services h2 { font:bold 14px arial; color:#fff; margin:0; padding:4px 0;}
		/*Slideshow*/
		
			/*Looped Slider*/
		/*
		 * Required 
		*/
		.container { width:510px; overflow:hidden; position:relative; cursor:pointer; font:11px/1.3em arial; color:#fff;}
		.slides { position:absolute; top:0; left:0; }
		.slides > div { position:absolute; top:0; width:510px; display:none; padding-top:10px;} /*Important! Masks the divs that are sliding - the width should be => .container width above*/
		/*
		 * Optional
		*/
		#loopedSlider,#newsSlider { margin:0 auto; width:600px; position:relative; clear:both; } /*This must be the biggest width to accommodate the next, container, and previous*/
		.container, a.previous, a.next { height:190px; float:left; margin:1px;} /*A single height/float/margin property for the container, the "next" and "previous" links*/
		ul.pagination { list-style:none; padding:0; margin:0; }
		ul.pagination li  { float:left; }
		ul.pagination li a { padding:2px 4px; }
		ul.pagination li.active a { background:blue; color:white; }
		/**/
		a.previous,a.next { width:20px; background:#999; text-indent:-9999px;} /*Must be the same as ".container" height*/
		a.previous { background:url(/new-images/a.previous.png) no-repeat center left;}
		a.next { background:url(/new-images/a.next.png) no-repeat center right;}
		
	#news { width:398px; height:246px; background:url(/new-images/news.png) no-repeat; float:right;}
	#news h1 { font:20px arial; color:#666; margin:0; padding:10px 0 20px 0; text-indent:10px;}
	  ul.news { display:block; margin:0; padding:0 10px;}
	  ul.news li span.newsHeader { font:bold 12px arial; margin:0; color:#333; display:block; padding-bottom:3px;}
	  #first_item { border-bottom:1px solid #999;}
	  ul.news li { display:block; padding:5px 0; font:italic 12px arial; margin:0; background:none !important; line-height:1.3em !important; color:#666;}
	  #partners {padding:0 10px; width:985px; margin:0 auto; height:77px; background:url(/new-images/parter-bg.jpg) no-repeat center top;}
		.column { width:160px; margin-right:0px; float:left;}
		.column img { width: 160px; height: 77px; border: 0; }
		.column h1#t-partners { font:18px arial; color:#666; margin:0; padding:27px 0 0 0;}
		
	#footer {padding:0 10%; width:80%; margin:0 auto; height:77px; background:#369; padding-top:10px;}
	#footer, #footer a { color:#fff; font:12px arial;}
	
	/*Content Page*/
	#content {width:974px; margin:0 auto; background:#fff; font:12px/1.4em arial; border-bottom:4px solid #369;}
		.leftcol, .rightcol {min-height:400px; height:auto !important; height:400px;}
		.leftcol h1, .rightcol h1{ font:22px arial; margin:10px; padding:5px 0; border-bottom:1px dotted #999; display:block; color:#336699;}
		.leftcol { float:left; width:250px; background:#efefef;}
		.rightcol { float:right; width:710px; padding:0 0 0 10px;}
		.rightcol h2 { font:18px arial; padding:5px 0; display:block; margin: 0;color:#369;}
		p.content-paragraph { margin: 0 0 10px 5px;  }
		.rightcol ol { margin: 0 0 0 330px; list-style-type: decimal; }
		.rightcol ol#about-list, .rightcol ul#govt-list, .rightcol ul#govt-list li ul, .rightcol ul.generic-list, .rightcol ul.generic-list li ul { margin: 0 0 0 40px; list-style-type: decimal; }
		.rightcol ul#about-list, .rightcol ul#govt-list, .rightcol ul.generic-list, .rightcol ul#about-list li ul li { margin: 0 0 0 40px; list-style-type: disc; }
		.rightcol ol li, .rightcol ul li, .rightcol ul li ul li { margin: 10px 0 0 0; }
		.image-float-left { float:left; margin:0 7px 7px 0;border: 3px solid #369; }
		.image-float-right { float:right; padding:0 0 7px 7px;}
		
		
		.sidebar { width:90%; margin-right:4px;}
		.sidebar ul { /*padding:15px 0 0 10px;*/}
		.sidebar ul li { line-height:1.5em !important; background:url(/new-images/bullet.jpg) no-repeat; padding:0 0 9px 19px; font:italic 12px tahoma;}
		.sidebar ul li.subTitle { line-height:1.5em !important; background:url(/new-images/bullet.jpg) no-repeat; padding:0 0 9px 19px; font:bold italic 12px tahoma;}
		.sidebar ul li a { border-bottom:1px dashed #ccc; color:#000; padding-bottom:4px; width:90%; display:block;}
		
		/* BEGIN: Contact Form code */

.asterix { color:#f00; font-family:Verdana, sans-serif; font-size:14pt; font-weight:bold; }
form#contact { margin: 20px; font-size: 13px;}
form#contact label { float: left; width: 12em; }
form#contact p { margin: 20px 0 0 0;}
form#contact input, form#contact select { margin-bottom: .5em; }

fieldset#contact-info { border: 1px solid #0e4a00; width: 530px; background: #fff; padding:5px 20px 5px; margin:10px 0; }
fieldset#contact-info legend { background: #37a010; padding: 0.2em 0.5em; border:1px solid #0e4a00; text-align:right; font-weight: bold; }
fieldset#contact-info label { width:14em; display:block; float:left; }
fieldset#contact-info br { clear:both; }
textarea:focus { border-top:2px solid #990; border-right:2px solid #CF3; border-bottom:2px solid #CCFF33; border-left:2px solid #990;}
input, select { margin-bottom: .5em; }


form#login-left {
	margin: 0 0 5px 8px;
}

form#login-left input {
	margin: 0 0 5px 0;
}

div#center-column form#contact fieldset span { padding-left: 10px; }
html>body div#center-column form#contact fieldset span { padding-left: 0; }
div#center-column form#contact legend { background: #ffffe6; padding: 0.2em 0.5em; border:1px solid #063; text-align:right; font-weight: bold; }

/* END: Contact Form code */
