<html>body {font-family: Tahoma, Helvetica, Arial, sans-serif;margin: 0;padding: 0;background-color: #183D4A; /*beige*/;color: #000000; /*brown*/
}
/*===============indicates no border around any image ============*/
body img {border: 0px;text-decoration: none;
}
/* ============ margins auto center the container on the page ==========*/
#container {margin: 10px auto 10px auto;padding: 30px;background-color: #ffffff;width: 80%;
}
/*=================== styles for top banner ========================*/
#banner {background-position: left center;padding: 10px;background-color: #FFFFFF;background-image: url('images/bannerphoto.jpg');height: 327px;background-repeat: no-repeat;color: #000000;
}
#banner img {float: right;
}
/*=================== styles for top menu ======================*/
#topmenu {background-color: #FFFFFF;text-align: center;font-size: .90em;padding-top: 5px;padding-bottom: 5px;margin-top: 5px;margin-bottom: 5px;margin-right: 10px;color: inherit;border-top: 2px solid #26153B ;border-bottom: 2px solid #26153B ;
}
#topmenu ul {margin: 0;padding: 0;list-style-type: none;
}
#topmenu li {display: inline;list-style-type: none;padding: 0px;padding-right: 1em;
}/*==============all site links==============*/a:link {font-weight: bold;color: #004145;background: transparent;text-decoration: underline;
}
a:visited{font-weight: bold;color: #000000;background: transparent;padding: 0px;text-decoration: underline;
}
a:hover {font-weight: bold;text-decoration : none;background: #98BDCA;color: #000000;
}
a:active {font-weight: bold;text-decoration : underline;background: #BFDFE2;color: #000000;
}
/*====================== styles for main content area =========================*/
#content {margin-left: 240px;padding: 5px;text-align: left;vertical-align: top;
}/*===========content area list items==============*/
#content ul li {list-style-image: url('images/blue-bullet-bg.gif');margin: 2px;padding: 2px;
}
#content li li {list-style-image: url('images/blue-bullet-sm.gif');padding: 2px 0;
}/* *****************************************************
Navigation Bar - Left hand side 
**************************************************** */
#navigation {width: 200px;float: left;margin-top: 15px;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
#navigation li a:link, #navigation li a:visited {
font-size: 90%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
border-left: 12px solid #183D4A;
border-right: 1px solid #183D4A;
background-color: #2F7994;
color: #FFFFFF;
text-decoration: none;
}
#navigation li a:hover {background-color: #CBDDE4;color: #000066;
}
#navigation ul ul {
margin-left: 12px;
}
#navigation ul ul li {
border-bottom: 1px solid #183D4A;
margin:0;
}
#navigation ul ul a:link, #navigation ul ul a:visited {background-color: #639BAF;color: #FFFFFF;
}
#navigation ul ul a:hover {background-color: #CBDDE4;color: #000066;
}
/*============== Styles for footer ===================*/
#footer {border-top: 2px solid #0D254F;clear: both;padding: 5px;background-color: rgb(255, 255, 255);text-align: center;
}
#footer p {margin-top: 0px;margin-bottom: 0px;
}
/*================== general styles =================*/
hr {width: 50%;text-align: center;background-color: #004145;height: 5px;
}
/* =================Styles for heading tags =============== */
h1, h2, h3, h4 {color: #183D4A;background-color: inherit;
}
h1 {padding: 2px 2px 2px 8px;font-size: 1.5em;background: #CBDDE4;
}
h2 {font-size: 1em;
}
h3 {font-size: .9em;
}
h4 {font-size: .9em;
}
/*================used to center anything==============*/
.center {text-align: center;
}
/* ============floats images to right or left ============*/
.imgrgt {float: right;padding: 7px;
}
.imglft {float: left;padding: 7px;
}
</html>
