/* 
	M.R. Williams
	edreamz 2008
	J. Johnson
*/

body{
	margin: 0;
	padding: 0;
 	font: 12px/1.5em Arial,Verdana,sans-serif;
	color: #333;
	background: #131313;
}

a{color: #253D86;}

.homeLeft .admin_content{margin: 20px 0; padding: 0 15px 20px 5px;}
#innercontent .admin_content{background: url(../images/admin_contentBg.gif) repeat-x left top; margin-left: 10px; padding: 0 10px;}
.admin_content ul li{list-style-image: url(../images/li_icon.gif);}
.admin_content img{}
.admin_content{color: #111;}
.green{color: #bcd531;}

h2, h4{font: normal 20px/1.5em "Trebuchet MS",Arial,sans-serif; letter-spacing: -1px;}
h2 {color: #00529c;}
h4 {color: #BCD531; font-size: 14px; letter-spacing: 0; font-weight: bold;}

#wrapper{background: #bcc1c4 url(../images/wrapperBg.gif) repeat-x left top;}
#innerwrapper{
	width: 960px; 
	margin: 0 auto;
	padding: 0 10px 0 9px;
  	background: url(../images/innerwrapperbg.png) repeat-y top left !important;
 	background: url(../images/innerwrapperbg.gif) repeat-y top left;
	}
#content{background: url(../images/contentBg.gif) repeat-x left top;}

#hd{
	width: 960px; margin: 0 auto; 
	position: relative; 
	font-family: "Lucida Sans",Arial,sans-serif; 
	color: #757678; font-size: 11px; 
	background: url(../images/hdBackground.gif) no-repeat 649px 0px; 
	height: 91px;
	}

#hd h1{background-image: url(../images/web_logo.gif); width: 274px; height: 53px; position: absolute; left: 0; top: 16px;}
#hd h1 a{width: 274px; height: 53px;}

.topNav{position: absolute; right: 0; top: 5px; text-align: right; width: 600px;}
.topNav ul li{display: inline; margin-right: 8px; padding-right: 12px;  border-right: 1px solid #757678;}
.topNav a{color: #757678;}
.topNav a:hover{color: #253D86; text-decoration: none;}

.mainNav{bottom: 0; right:11px; position: absolute;}

.programCallout{background: #1e2021 url(../images/programCalloutBg.gif) repeat-x left top;}

.homeLeft{width: 720px; padding-left: 11px; float: left;}
	.featured{float: left; width: 45%; position: relative; padding-left: 15px; margin-top: 8px; border-right: 1px solid #fff;}
		.featured p{float: left; color: #fff; font-size: 11px; line-height: 14px; width: 180px; padding-top: 18px;}
		.featured h4{position: absolute; top: -2px; left: 138px; width: 400px;}
		.featured img{padding-bottom: 5px;}
	.focus{float: right; width: 45%; position: relative;}
		.focus h4{position: absolute; left: -40px; top: 5px; width: 240px;}
		.focus .logo{position: absolute; left: 0; top: 34px;}
		.focus .image{position: absolute; right: 15px; top: 11px;}

#marketingPanel{margin: 0 0 0 11px;}
	
.homeRight{width: 210px; float: left; background: #232323 url(../images/homeRightBg.gif) no-repeat left top; margin-bottom: 15px;}
	.homeRight .cta{margin: 10px auto; width: 189px;}
	.homeRight dl, .homeRight dt, .homeRight dd{padding: 0; margin: 0;}
	.homeRight dl{padding-bottom: 10px; border-top: 1px solid #b1b1b2;}
	.homeRight dt{margin: 8px 0 0 0;}
	.homeRight .innerRightBg{background: url(../images/innerRightBg.gif) no-repeat left bottom;}
	.homeRight .news{width: 189px; margin: 0 auto; color: #fff; font-size: 11px; line-height: 12px;}
	.homeRight .news h4{width: 189px; border-bottom: 1px solid #6e6e6e;}
	.homeRight .news a{color: #c1d72e;}
	
#whatsnew{margin: 15px 0;}

#innercontent{padding-top: 10px;}
	#innercontent #imagePanel{margin-left: 10px;}
	#innercontent .innerLeft{width: 748px; float: left; padding-bottom: 20px;}
		.innerLeft h3{margin-top: -3px; color: #c1d72e; font: bold 20px/1.5em "Trebuchet MS",Arial,sans-serif;}
	#innercontent .innerRight{width: 210px; float: right;}
		.innerRight .cta{margin: 6px 0 15px 10px;}
#listing{background: url(../images/tblBg.gif) repeat-x left bottom; padding-bottom: 10px; width: 98%; margin: 0 auto;}
#listing th{background: url(../images/thBg.gif) repeat-x left top; color: #fff; padding: 5px; text-align: left; font-size: 12px;}
#listing tr td{padding: 3px; background: #bfbfbf;}
#listing tr.even td{background: #959a9d;}

#subnav{list-style:none; margin: 20px 0 0 7px; padding: 0;}
#subnav li{height: 40px; margin-bottom: 3px;}
#subnav a{background: url(../images/btn_subnav.gif) no-repeat left top; display: block; width:194px; height: 28px; padding: 10px 0 0 25px; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #fff;}
#subnav a:hover, #subnav a.selected{background-position: 0 -39px; text-decoration: none;}

#newslist{margin: 0; padding: 15px 15px 0 0;}
#newslist dt{font-size: 14px; font-weight: bold; line-height: 15px;}
#newslist dt .categories{font-size: 11px; font-weight: normal;}
#newslist dt .categories a{color: #18274F;}
#newslist dd{margin: 0 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #94999C;}
#newslist dd .date{font-size: 10px; line-height: 14px;}
#newslist dd.newsdd{margin-bottom: 10px;}


label{font-weight: bold;}

#ft{font-size: 10px; color: #6f6f6f; padding-top: 10px;}
.innerFt{margin: 0 auto; width: 960px; text-align: right;}
.ftNav a{color: #b6b6b6; font-weight: bold; margin: 0; padding: 0; list-style:none;}
.ftNav{margin: 0; padding: 0;}
.ftNav li{display: inline; border-right: 1px solid #b6b6b6; margin-right: 4px; padding-right: 8px;}

#ft address{font-style:normal; padding-right: 12px;}
#ft address .phone, #ft address .fax{padding-left: 10px;}

/*
 *  Navigation Styles
 */

#tprograms a{width: 86px;background: url(/images/nav/programs.gif) top left no-repeat;}
#tservices a{width: 81px;background: url(/images/nav/service.gif) top left no-repeat;}
#ttechnologies a{width: 109px;background: url(/images/nav/technologies.gif) top left no-repeat;}
#tabout a{width: 87px;background: url(/images/nav/about.gif) top left no-repeat;}
#tcareer a{width: 125px;background: url(/images/nav/career.gif) top left no-repeat;}			
#tnews a{width: 115px;background: url(/images/nav/news.gif) top left no-repeat;}
#tcontact a{width: 97px;background: url(/images/nav/contact.gif) top left no-repeat;}	

#nav {margin: 0;
	padding: 0;
	height: 28px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 28px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:28px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -28px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -28px;
	}