* {
	margin:0; padding:0;
}

html{ height:100%}


br.clear{
clear:both;}

body {
	background:url(../images/bg.jpg) top center no-repeat #2f5697;
		text-align:center;
	margin:0 auto; 
	height:100%;
	padding:0px;
	font:.8em arial, tahoma, verdana, helvetica, sans-serif;
	color: #333333;
	line-height: 150%;

}


#header{
	text-align:left;
	padding: 10px 25px 0px 25px;
}

.main-banner {
	text-align:left;
	padding: 45px 50px 0px 50px;
	float:none;
}

.main {
	text-align:left;
	padding: 15px 50px 35px 50px;
	float:none;
}

.content_1_right{

	float:right;
	width:350px;
	padding: 0px 0px 0px 25px;
	text-align: justify;

}

.content_2_right {
	text-align:left;
	padding: 20px 50px 35px 200px;
	text-align: left;
	float:none;
}

.content_2_left{
	float:left;
	width:140px;
	padding: 25px 0px 25px 50px;
	text-align: left;
}


.column_left{
	float:left;
	width:340px;
	padding: 0px 10px 25px 0px;
	text-align: left;
}

.column_right{
	float:right;
	width:340px;
	padding: 0px 25px 25px 0px;
	text-align: left;
}


.news{
	padding: 0px 0px 0px 25px;
}

/* H1 used for first page text */
h1{
	font:1.5em georgia, arial, helvetica, sans-serif;
	color:#000000;
}

/* H2 used for sub text on sub pages */
h2{
	padding: 25px 0px 25px 0px;
	font:1.5em georgia, arial, helvetica, sans-serif;
	color:#4b5457;
}

/* H3 used for sub text on News page which needs no top pad to make date fit smugly on top */
h3{
	padding: 0px 0px 25px 0px;
	font:1.5em georgia, arial, helvetica, sans-serif;
	color:#4b5457;
}


.title{
	font:2em georgia, arial, helvetica, sans-serif;
	color:#144597;
	text-transform:uppercase;
	letter-spacing:.3em;
	margin: 20px 0 0px 0;
	padding:15px 0px 15px 0px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.caption{
	font: .85em arial, helvetica, sans-serif;
	color:#666666;
}


.blue{
	color:#144597;
}

.sidenav{
	color:#B2B2B2;
}

a {
	text-decoration: none;
	color: #144597;
}

a:hover {
	color: #000000;
	text-decoration: underline;}
a img {
	border: 0;}


.sidemenu {
	line-height: 170%;
}

	.menulink-current {
		color:#144597;
		text-decoration:none;}
	.menulink-current:hover {
		color:#144597;
		text-decoration:underline;}
	.menulink {
		color:#333333;
		text-decoration:none;}
	.menulink:hover {
		color:#144597;
		text-decoration:underline;}
	.menulink-sub {
		padding: 0 0 0 15px;
		font-size:.8em;
		color:#b2b2b2;
		text-deocration:none;}
	.menulink-sub:hover {
		font-size:.8em;
		color:#144597;
		text-deocration:underline;}

.border {
	border:1px solid #d5d5d5;
}

.pic-left{
	float:left;
	margin: 0 15px 5px 0;
}



ul {
padding-left: 35px;
padding-top:0px;
margin:0;
}
	li {padding-left: 5px;
	}


ol {
padding-left: 35px;
padding-top:0px;
margin:0;
}
	ol li {padding-left: 5px;
	}




#btn1
{
  display: block;
  width: 98px;
  height: 97px;
  background: url("../pictures/home-square3.gif") no-repeat 0 0;

}

#btn1:hover
{ 
  background-position: 0 -97px;
}

#btn2
{
  display: block;
  width: 98px;
  height: 97px;
  background: url("../pictures/home-square2.gif") no-repeat 0 0;

}

#btn2:hover
{ 
  background-position: 0 -97px;
}

#btn3
{
  display: block;
  width: 98px;
  height: 97px;
  background: url("../pictures/home-square1.gif") no-repeat 0 0;

}

#btn3:hover
{ 
  background-position: 0 -97px;
}


#popout{
	background:#ffffff;
	padding: 0px 25px 25px 25px;
	width:600px;
	text-align: left;
	margin:0 auto
}
	#popout-header{
		padding: 25px 0 25px 0;
		background:url(../images/logo-popout.gif) 0px 25px no-repeat #2f5697;
		width:650px;
		height: 35px;
		margin:0 auto
	}



#footer{
	margin:0 auto; 
	text-align: left;
	font:1em georgia, arial, helvetica, sans-serif;
	color:#9dc2fe;
	width:872px;
	height:100px;
	background:#2f5697;
	
}

#footer a {
color:#9dc2fe;
text-decoration:none;
}

#footer a:hover{
color:#9dc2fe;
background-color: #4074cc;
}

.table{
padding: 5px 5px 5px 5px;
}

.tablehead{
padding: 5px 5px 0px 5px;
}


/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
ul#menu{
text-align:center;
margin:0 auto;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:43px;
text-transform:uppercase;
font-size:.75em;
font-weight:none;
letter-spacing:.1em;
background:transparent url("../images/menu-bgOFF.gif") repeat-x top left;
font-family: Georgia, Helvetica,Arial,Verdana,sans-serif;
border-bottom:1px solid #efefef;
border-top:1px solid #efefef;
border-left:1px solid #efefef;
border-right:1px solid #efefef;
}

ul#menu li{
display:block;
float:left;
margin:0;
pading:0;
}

ul#menu  li a{
display:block;
float:left;
color:#254A8D;
text-decoration:none;
padding:15px 14px 0 14px;
height:28px;
}

ul#menu  li a:hover{
background:transparent url("../images/menu-bgHOVER.gif") no-repeat top right;
}

ul#menu  li a.current, ul#menu  li a.current:hover{
color:#fff;
background:transparent url("../images/menu-bgON.gif") no-repeat top right;
}



/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */




/* ^^^^^^^^FLUID BORDER modified from http://www.search-this.com/2007/02/12/css-liquid-round-corners ^^^^^^^^^^ */

#liquid-round {
width:1004px;
margin:0px auto;
background:#fff url(../images/left.gif) repeat-y left top;
}

#top {
width:100%;
height:31px;
background:url(../images/top.gif) no-repeat left top;
}

#top span {
display:block;
position:relative;
height:31px;
background:url(../images/top-right.gif) no-repeat right top;
}

#center-content {
width: 970px;
position:relative;
background:url(../images/right.gif) repeat-y right top;
padding:1px 17px 1px 17px;
margin:-1px 0 0px 0;
}

#bottom {
height:39px;
background:url(../images/bottom.gif) no-repeat left bottom;
}

#bottom span {
display:block;
position:relative;
height:39px;
background:url(../images/bottom-right.gif) no-repeat right top;
}

/* ^^^^^^^^^^ end FLUID BORDER ^^^^^^^^^^ */