* {margin:0; padding:0;}

/*styles*/
body,p,td,h1,h2,input {
font:normal 12px Arial, Helvetica, sans-serif;
color:#000;
margin:0 0 10px;
}

body {background:#004b7b url(../images/background.png);} 

h1 {font: bold 20px Georgia, "Times New Roman", Times, serif; color:#c00;}
h2 {font: bold 20px Georgia, "Times New Roman", Times, serif; color:#f90;}
h3 {font: bold 20px Georgia, "Times New Roman", Times, serif; color:#2d9e01;}
h4 {font: bold 20px Georgia, "Times New Roman", Times, serif; color:#004b7b;}
ul,ol {list-style-position:inside;}

.img_left {margin:10px 20px 10px 5px; padding:0; border:5px solid #f90; float:left;} 
.img_right {margin:10px 20px 10px 5px; padding:0; border:5px solid #f90; float:right;}
.img_black_border {margin:10px 20px 10px 5px; padding:0; border:3px solid #000000;}
.red_title {font: bold 20px Georgia, "Times New Roman", Times, serif; color:#c00;}
.red_subtitle {font: bold 16px Georgia, "Times New Roman", Times, serif; color:#c00;}
.orange_title {font: bold 20px Georgia,  "Times New Roman", Times, serif; color:#f90;}
.orange_subtitle {font: bold 16px Georgia, text-decoration:none, "Times New Roman", Times, serif; color:#f90;}
.green_title {font: bold 20px Georgia, "Times New Roman", Times, serif; color:#2d9e01;}
.green_subtitle {font: bold 16px Georgia, "Times New Roman", Times, serif; color:#2d9e01;}
.blk_title {font: bold 20px Georgia, "Times New Roman", Times, serif; color:#000000;}
.blk_subtitle {font: bold 16px Georgia, "Times New Roman", Times, serif; color:#000000;}

/* vertical menu common styling */
.menu {float:left; z-index:1000; font-size:11px; padding:15px 0 0 53px;}
.menu ul {background:url(../images/button_off.png) repeat-y top left; padding:0; margin:0; list-style-type:none;list-style-position:outside; width:254px;}

/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}
.menu li {position:relative; height:22px; padding:0 0 0 36px;}
.menu li ul li {background:#fff; padding:0;}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:21px;
line-height:21px;
width:254px;
color:#666;
text-indent:5px;
border:1px solid #999;
border-width:1px 0 1px 0;
}

.menu ul ul a, .menu ul ul a:visited {border-width:1px;}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:254px; w\idth:254px;}
* html .menu a:hover {color:#fff; background:#999;}
.menu :hover > a {color:#fff; background:#999;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; top:0; left:254px;}
.menu ul li:hover ul,.menu ul a:hover ul {visibility:visible;}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{visibility:visible;}
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

border{color:#000;border:1px;}
a:link{color:##004b7b;weight:bold;}
a:visited{color:##004b7b;}
a:active{color:##004b7b;}
a:hover{color:#96C;text-decoration:underline;}

/*layout*/
#content,#header,#nav,#main,#mainbody,#circles,#footer {
width:780px;
height:680px;
margin:0 auto;
}

#header {background:url(../images/header_logo.png) no-repeat top left; height:164px;}
#header logo a span {display:none;}
#header h1 {font: bold 36px Georgia, "Times New Roman", Times, serif; color:#c00; padding:60px 0 0 210px;}
#header h2 {font: bold 20px Verdana, Arial, Helvetica, sans-serif; color:#004b7b; padding:0 0 0 260px;}

#nav {background:url(../images/nav.png) repeat-y top left; height:327px;}
#main {background:url(../images/main.png) repeat-y top left; height:auto; overflow:auto;}
#mainbody {position:relative; width:650px; height:auto; z-index:1; padding:0 20px 40px 20px;}
#flashcontainer {float:right; width:400px; padding:8px 37px 0 0;}

#circles {
	position:absolute;
	height:204px;
	margin:-204px 0 0 0;
	z-index:0;
	left: 218px;
	top: 799px;
}
#circles img {border:0; margin:0; padding:0;}

#split_left {
float:left;
width:300px;
padding:10px;
overflow:hidden;
}

#split_right {
float:right;
width:300px;
padding:10px;
overflow:hidden;
}

#photo {
float:right;
width:460px;
height:155px;
overflow:hidden;
margin:20px 50px 0 0;
}

#floating {
width:780px;
height:250px;
position:relative;
}

#floating div {
position:absolute;
text-align:center;
width:780px;
bottom:0;
left:0;
}

#footer p {
font-size:12px;
color:#fff;
}

#footer {
background:url(../images/footer_circles.png) no-repeat;
height:284px;
margin:-204px 0 0 0;
}