@charset "utf-8";
/* CSS Document */


/*************** Basic Page Layout  ***************/
body{
	background-color: #213847;
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a, a:visited{
	color:#FFFFFF;
}


#pageContainer{
	background-image: url(../images/background.gif);
	margin: 0 auto;
	width: 775px;
}

#pagePanel{
	padding: 0px 15px 0px 15px;
}


/*************** Header and Navigation ***************/
#headerPanel{
	background-image: url(../images/headerPattern.gif);
}


#hitecLogin{
	float: left;
	color: #ffffff;
	padding: 0.5em 1em;
	font-size: 0.8em;
}

#hitecLogin a{
	color: #77a6c3;
}

#logo{
	float: right;
	text-align: right;
}

#tabPanel{
	padding-left: 15px;
	padding-right: 15px;
	height: 35px;
}

ul#navTabs{
	margin: 0px;	
	padding: 0px;
	list-style-type: none;
}

ul#navTabs li{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 118px;
	text-align: center;

}
ul#navTabs a{
	display: block;
	background-image: url(../images/tab_off.gif);
	height: 26px;
	padding-top: 9px;
	margin-right: 1px;
	
	color:#77a6c3;
	font-size: 13px;
	text-decoration:none;
	
}
ul#navTabs a:hover{
	color: #213847;
	
	background-image: url(../images/tab_on.gif);
}
ul#navTabs li.selectedNavTab a{
	color: #213847;
	font-weight: bold;
	background-image: url(../images/tab_on.gif);
}



/*************** Mid-Bar ***************/
#midBar{
	/*background-image: url(../images/midbar_bg.gif);*/
	height: 159px;
	padding-left: 17px;
	
}

#midBar .smallBox{
	float: left;
	background-image: url(../images/box_noTop.jpg);
	width: 237px;
	height: 166px;
}

#midBar .smallBox div{
	margin: 20px;
	color: #77a6c3;
	font-size: 11px;
}
#midBar .smallBox div h2{
	color: #e5e5e1;
	font-size: 16px;
	font-weight:lighter;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif
}


/*************** Content Area ***************/

#contentArea{
	padding-left: 10px;
	padding-right: 10px;
	color: #637f90;
	font-size: 12px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
}

#contentArea a, #contentArea a:visited{
	color: #1b2528;
}
.smallContentBox{
	background-image: url(../images/whiteBox_small.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 359px;
	height: 268px;
	
}
.smallContentBox div, .largeContentBox div, .largeContentBoxLongInside div{
	padding: 20px;
}
.smallContentBox div h2, .largeContentBox div h2, .largeContentBoxLongInside div h2{
	color: #1b2528;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight:lighter;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif
}


.largeContentBoxLongWrapper{
	background-image: url(../images/whiteBox_large_bottom.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 489px;
	float: left;
}
.largeContentBoxLongInside{
	background-image: url(../images/whiteBox_large_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}


.largeContentBox{
	background-image: url(../images/whiteBox_large.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 489px;
	height: 403px;
	float: left;
	
}

.smallBox{
	float: right;
	background-image: url(../images/box.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 232px;
	height: 171px;
	margin-bottom: 20px;
}

.smallBox div{
	margin: 25px;
	color: #77a6c3;
	font-size: 11px;
}
.smallBox div .signature{
	text-align: right;
	margin: 0px;
}
.smallBox div h2{
	color: #e5e5e1;
	font-size: 16px;
	font-weight:lighter;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	margin: 5px 0 0 0;
	padding: 0px;
}
.smallBox div h3{
	margin: 0px;
	padding: 0px;
	color: #e5e5e1;
	font-size: 13px;
	font-weight:lighter;
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif
}







/*************** Footer ***************/


#footerPanel{
	color: #77a6c3;
	font-size: 11px;
	height: 105px;
	background-image: url(../images/footer_bg.gif);
	background-position: bottom left;
	background-repeat:repeat-x;
}

#footer a{
	color: #77a6c3;
}

#footer{
	padding: 20px;
}
#copyright{
	float: left;
}
#contactInfo{
	float: right;
	text-align:right;
}