body {

background:#a9e5ff url(images/vertStripIndex.png) repeat-x;

margin: 0;

padding:0px;



}



#topBanner {

z-index:-2;

position:relative;

height:90px;

background:url(images/banner.png) repeat-x;

}



#wrapper{

position:relative;

width:728px;

margin:auto;

min-height:800px;

top:0;

padding:0px;

}

#logo{

z-index:2;

position:relative;

top:-90px;

left:-14px;

width:200px;

height: 167px;

border:0px;

background:url(images/LOGO.png) no-repeat;

}

#logo img{

border:0px;

}

#mission{

z-index:-1;

position:relative;

top:-238px;

left:135px;

width:617px;

height: 66px;

background:url(images/mission.png) no-repeat;

}

#picture{

padding: 15px 0 0 0;

position:relative;

float:right;

top:-240px;

width:592px;

height:400 px;

}





#picGradient{

position:relative;

top:90px;

left:136px;

width:592px;

height: 137px;

background:url(images/picGradient.png) no-repeat;



}



#login{

float: right;

padding: 30px 35px 30px 80px;

}





#content{

position:relative;

margin:auto;

width:728px;

padding-bottom: 10px;

min-height:250px

}



#footer {

position:relative;

top:-280px;

margin:auto;

width:728px;

height:100px;

clear: both;

padding: 0px 0px 0px 0px;

}



botGradient{

position:absolute;

top:0px;

left:0px;

width: 200px; 

height:192px;

background: url(images/botStrip.png) repeat-x left bottom;

}



/*Styles specific for Navigation box*/

#navigationContainer{

z-index:3;

padding:15px 0 0 0;

position:relative;

margin:auto;

top:-220px;

float:left;

left:2px;

max-height:300px;

width:126px;

}

#topNavContainer{

position:relative;

height:38px;

width:126px;

padding:0px;

}

#topNavMiddle{

position:relative;

float:left;

padding:0px;

width:108px;

height:38px;

background:url(images/titleBorder.png)  repeat-x;

}

#botNavMiddle{

position:relative;

float:left;

padding:0px;

width:108px;

height:11px;

background:#FFFFFF;

}

#botNavContainer{

position:relative;

padding:0px;

width:126px;

}

#navContent{

position:relative;

float:left;

padding:0px;

height:400px;

width:126px;

background-color:#ffffff;

}

/*End styles specific for Navigation box*/





/*Styles specific for Announcements box*/

#announcementsContainer{

padding:15px 0 0 0;

position:relative;

margin:auto;

float:left;

top:-290px;

min-height:310px;

width:451px;

}

#topAnnContainer{

position:relative;

height:38px;

width:447px;

padding:0px;

}

#topAnnMiddle{

position:relative;

float:left;

padding:0px;

width:429px;

height:38px;

background:url(images/titleBorder.png)  repeat-x;

}

#botAnnMiddle{

position:relative;

float:left;

padding:0px;

width:429px;

height:11px;

background:#FFFFFF;

}

#botAnnContainer{

position:relative;

padding:0px;

width:447px;

}

#AnnContent{

position:relative;

padding: 10px 8px 0px 8px;

float:left;

min-height:310px;

width:431px;

background-color:#ffffff;



}

/*End styles specific for Annoucements box*/





/*Styles specific for quickLinks box*/

#QuickContainer{

padding:15px 0 0 0;

position:relative;

margin:auto;

float:right;

top:-290px;

min-height:320px;

width:136px;

}

#topQuickContainer{

position:relative;

height:38px;

width:136px;

padding:0px;

}

#topQuickMiddle{

position:relative;

float:left;

padding:0px;

width:118px;

height:38px;

background:url(images/titleBorder.png)  repeat-x;

}

#botQuickMiddle{

position:relative;

float:left;

padding:0px;

width:118px;

height:11px;

background:#FFFFFF;

}

#botQuickContainer{

position:relative;

padding:0px;

width:136px;

}

#QuickContent{

position:relative;

padding: 0px 8px 0px 8px;

float:left;

min-height:320px;

width:120px;

background-color:#ffffff;



}

/*End styles specific for quick linksf box*/



/*Styles specific for ContactLinks box*/

#ContactContainer{

z-index:4;

padding:15px 8px 0 0;

position:relative;

margin:auto;

float:left;

top:-153px;

min-height:310px;

width:128px;

}

#topContactContainer{

position:relative;

height:38px;

width:128px;

padding:0px;

}

#topContactMiddle{

position:relative;

float:left;

padding:0px;

width:110px;

height:38px;

background:url(images/titleBorder.png)  repeat-x;

}

#botContactMiddle{

position:relative;

float:left;

padding:0px;

width:110px;

height:11px;

background:#FFFFFF;

}

#botContactContainer{

position:relative;

padding:0px;

width:128px;

}

#ContactContent{

position:relative;

padding: 10px 0px 0px 8px;

float:left;

min-height:300px;

width:120px;

background-color:#ffffff;



}

/*End styles specific for Contact linksf box*/







/*styles for all containers*/

.topLeft{

position:relative;

float:left;

padding:0px;

background:url(images/cornerTopLeft.png)  no-repeat 100% 100%;

}



.topRight{

position:relative;

float:right;

padding:0px;

background:url(images/cornerTopRight.png)  no-repeat 100% 100%;

}



.botLeft{

position:relative;

float:left;

padding:0px;

background:url(images/cornerBotLeft.png)  no-repeat 100% 100%;

}



.botRight{

position:relative;

float:right;

padding:0px;

background:url(images/cornerBotRight.png) no-repeat 100% 100%;

}



.topLeft, .topRight{

width:9px;

height: 38px;

}



.botLeft, .botRight{

width:9px;

height: 11px;

}



/*end styles for all containers*/

#footer img{

padding: 0px 0px 0px 0px;

border:0px;

}

#center{

margin:auto;

width:650px;

padding: 10px 12px 20px;

}

#table{

text-align:center;

font: .8em "tahoma"; 

color:#3b3f3e;

}



#address,td{

border-bottom: 1px dashed;

}



.padding{

padding: 0px 0px 20px 20px;

}



#fontSize{

float:right;

}

#fontSize a{

color:#ffffff;

font-size:12px;

}

p {

font: .8em "tahoma"; 

line-height:1.8em;

}

.title{

font: 1.5em "tahoma"; 

line-height:1em;

}

.time{

font: 1.1em "tahoma"; 

line-height:1.1em;

}

.place{

font: 1em "tahoma"; 

color:#000000;

line-height:1.1em;

font-weight: bold;

}

h1 {

font:20px Arial, Helvetica, sans-serif;

font-weight:bolder;

line-height:0px;

color:#FFFFFF;

padding-top:8px;

}

h2 {

font:20px Arial, Helvetica, sans-serif;

font-weight:bolder;

line-height:0px;

color:#FFFFFF;

padding-top:5px;
}



h3{

1.5em "Tahoma"; 

color:#036;

border-bottom: 2px dashed;

}



.date{

color:#0066CC;

font-weight:bolder;

line-height:0em;

}



.contactTitle{

color:#0066CC;

font-weight:bolder;

line-height:0em;

}

.contact{

line-height:1.2em;

}



#more{

color:#0066CC;

font-weight:bolder;

float:right;

}



i {

font-style: normal;

}

i {

font: 1em "tahoma"; 

color:#000000;

}



td {

text-align: center;

}



td#right{

text-align:right;

}

td#left{

text-align:left;

}

label{

font: .8em "tahoma"; 

color:#000000;

line-height:1.5em;

text-align: left;

}

a{

font-weight:bold;

color:#0E1772; 

text-decoration: underline;

}



ul.quick{

padding:0px;

}

li.quick{

display:block;

list-style:none;

padding:0px 0px 10px 0px;

}

a:hover {

color: #000; 

text-decoration: none;

}



ul#menu {

list-style-type: none;

margin: 0;

padding: 0;

}



ul#menu li {

display:block;

line-height: 35px;

background:url(images/navBg.png);

}



ul#menu a {

font:normal bold 12px Arial Black, Helvetica, sans-serif;

padding: 0px 0px 0px 11px;

color:#222;

text-decoration: none;

line-height: 35px;

outline: none;

background:#ffffff url(images/navBg.png);

display: block;

width: 115px;

}



ul#menu a:hover {

color: #ffffff;

text-decoration: underline;

background:url(images/navBgHover.png);

}

ul#menu a.active {

color: #FFFF00;

}

/*field set styles*/



/* Rotator Styles */

#wrapperRotate {

	width:592px; 

	margin:0 auto;

}



#rotator {

	z-index:-4;

	background:#FFF url(layout/contentbg.png) no-repeat top left;

	color:#000;

	position:relative;

	padding-bottom:2.6em;

	margin:0; 

	font-size:12px;

}



/* Tabs */

ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {

	margin:0;

	padding:0;

	border:0;

	outline:0;

	line-height:1.3;

	text-decoration:none;

	font-size:100%;

	list-style:none;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

}



ul.ui-tabs-nav {

	position:absolute;

	bottom:0px;

	left:0;

	z-index:1;

	width:100%;

	background:#111;

}



/* Non-Selected Tabs */

li.ui-tabs-nav-item a:link,

li.ui-tabs-nav-item a:visited {	

	font-size:.8em;

	font-weight:normal;

	color:#999;

}



/* Hovered Tab */

#rotator .ui-tabs-nav-item a:hover,

#rotator .ui-tabs-nav-item a:active {

	color:#25f4f7;

}



#rotator .ui-tabs-nav-item a span {

	float:left; 

	padding:5px; 

	cursor:pointer;

}



/* Active Tab */

#rotator .ui-tabs-selected a:link,

#rotator .ui-tabs-selected a:visited,

#rotator .ui-tabs-selected a:hover,

#rotator .ui-tabs-selected a:active {

	background:#ccc;

	color:#333;

}



/* Content Panels */

#rotator .ui-tabs-panel {

	font-family:Arial, Helvetica, sans-serif;

	clear:left;

	color:#a9e5ff;

	padding:40px 540px 15px 15px;

	height:350px;

}



#rotator .ui-tabs-hide {

	display:none;

}



#rotator h2 {

	color:#a9e5ff;

	font-weight:normal;

	margin:0;

	font-size:1.8em;

	line-height:1.2em;

}



#rotator p {

	font-size:1.1em;

	margin:.5em 0;

	color:#a9e5ff;

	width:300px;

}



#rotator .btn_get_started {

	float:left;

	height:30px;

	width:99px;

	text-indent:-9999em;

	margin-right:7px; 

	overflow:hidden; 

	background:#a9e5ff;

	

}



#rotator .btn_learn_more {

	float:left;

	height:26px;

	font-size:.9em;

}








