/* rogermiller.css*/

* {
margin: 0px;
padding: 0px;
}

body {
background-color: #FFFFFF;
margin: 0px;
padding: 0px; 
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;

}
p, h1, h2, h3, h4, h5, ul, li, lo, address, td {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left; 
}

p, div#content li {
font-size: 12px;
line-height: 1.8em;
color: #39394F;
margin:5px 0px;
padding: 5px 5px 5px 10px;
}

p.center {
text-align:center;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #39394F;
margin:  0px 0px 5px 0px;
padding: 5px 0px 5px 10px;
background-color: #B98277;
}

h2 {
font-size: .9ems;
font-weight: bold;
}
h3 {
font-size: 14px;
font-weight: bold;
color: #336CA2;
margin: .8em 0em .8em 0em;
text-decoration:none;
}


address {
font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #FFFFFF;
font-size: 12px;
text-align:left;
display: inline-block;
padding: 0px;
line-height: 1.5em;
}

a:link {
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
color: #39394F;
text-decoration:underline;
border: none;
}
a:visited {
color: #39394F;
}
a:hover {
text-decoration: none;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: #39394F;
}
a:active {
color: #39394F;
}

a.email {
color: #FFFFFF;
}
/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

div#container {
width: 990px;
margin: 0px auto;
padding: 0px 0px 20px 0px;
background-color: #46839A;
border: 1px solid #39394f;
}

div#containertwo {
width: 922px;
margin: 0px auto;
padding: 0px;
background-color: #FFFFFF;
border: 1px solid #39394F;
}

div#header {
width: 407px;
margin: 0px auto 0px 0px;
float: left;
z-index: 500;
position: relative;
}

div#headertwo {
margin: 0px auto 0px 20px;
width: 407px;
float: left;
}

div#flash {
width: 515px;
margin: 5px auto;
float: right;
}

div#audio {
background: transparent url(images/audio-bg.jpg) no-repeat;
width: 514px;
height:61px;
margin: 5px auto;
position: relative;
float: right;
}

div#audio applet {
margin: 25px 20px 10px 250px;
}

div#content {
width: 922px;
margin: 10px auto;
padding: 10px 0px;
float: left;
}

div#map {
width: 550px;
margin: 0px 0px 10px 10px;
padding: 5px 0px;
float: left;
border: 1px solid #39394F;
}

div#logo {
}

div#cta {
width: 315px;
height: 59px;
margin: 0px auto 3px auto;
position: relative;
}	

div#footer {
width: 922px;
clear: both;
margin: 10px auto;
background-color: #E2ECEF;
border: 1px solid #39394F;
}

div#owner {
width: 95px;
height: 30px;
float: right;
margin:5px 10px;
}
div#owner img {
border: none;
}

div#copyright {
float: left;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
padding: 0px;
margin: 5px 10px;
}
div#copyright img {
margin-top: 5px;
border: none;
}
div#copyright a:link, div#copyright a:visited {
color: #03315D;
text-decoration: none;
}
div#copyright a:hover {
text-decoration: none;
}

/* ----------------- MAIN HORIZONTAL NAVIGATION ----------------- */
div#nav{
width: 922px;
margin: 0px auto;
padding: 0px;
float:left;
}
ul#mainnav {
background: transparent url(images/nav-bar.gif) repeat-x;
width: 100%;
height: 36px;
margin: 0px;
padding: 0px;
list-style-type: none;
float: left;
border-bottom: 1px solid #cccccc;
}

ul#mainnav li {
display: inline;
float: left;
margin: 8px 0px 0px 3px;
padding:0px;
}

ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #284B59;
text-decoration: none;
text-align: center;
display: block;
padding: 5px;
margin: 0px 15px;
background-color: transparent;
}

ul#mainnav li a:hover, ul#mainnav li a.current:link, ul#mainnav li a.current:visited {
background-color: #transparent;
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
border: none;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: #39394F;
}



/* ----------------------------  NAVIGATION (HORIZONTAL) ----------------------------  */
div#utility {
width: 922px;
margin: 0px;
float: right;
border-bottom: 1px solid #39394F;
}
ul#utilitynav {
width: 100%;
background-color: transparent;
margin: 5px auto;
padding: 0px;
list-style-type: none;
text-align: center;
float: left;
}
ul#utilitynav li {
display: inline;
float: left;
margin: 0px;
padding: 0px 6px;
text-align: center;
border-right: 1px solid #39394F;
}
ul#utilitynav li a:link, ul#utilitynav li a:visited, ul#utilitynav li a:active {
text-decoration: none;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: #E2ECEF;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: none;
font-size: 12px;
color: #39394F;
text-align: center;
padding: 2px 5px;
margin: 0px 10px;
}

ul#utilitynav li a:hover, ul#utilitynav li a.current:visited, ul#utilitynav li a.current {
text-decoration: none;
border-width: 1px 0px 1px 0px;
border-style: solid;
border-color: #39394F;
}



/* ----------------- CUSTOM CLASSES ----------------- */

div#rtheader {
width: 515px;
float: right;
position: relative;
margin: 0px 0px 10px 0px;
border-top: 1px solid #ccc;
}

div#contact {
background-color: #46839A;
width: 315px;
margin: 0px auto;
position: relative;
}

div#containerthree {
width: 922px;
margin: -185px auto 0px auto;
background-color: #E2ECEF;
z-index: 0;
border-bottom: 1px solid #39394F;
}

div#containerfour {
background-color: #46839A;
width: 365px;
padding: 5px 10px;
position: relative;
float: right;
margin: 0px 65px 0px 0px;
}

div#leftlistcol {
padding: 0px;
float: left;
width: 260px;
margin: 10px;
}

ul#list {
width: 260px;
padding: 7px 0px;
margin: 0px;
}

ul#list li {
list-style: none;
font-size: 12px;
font-weight: normal;
padding: 5px;
margin: 5px;
line-height: 2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
float: left;
}

div#services {
padding: 0px;
float: left;
width: 430px;
margin: 0px 10px;
}

ul#servicelist {
width: 100%;
float: left;
margin: 0px auto;
padding: 0px;
}

ul#servicelist li {
list-style: none;
font-size: 12px;
font-weight: normal;
padding: 0px;
margin: 0px;
line-height: 2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
}

img.left {
float: left;
padding: 5px;
background: white;
margin: 0px 15px 10px 0px;
border: solid 1px #ccc;
}
img.right {
float: right;
padding: 5px;
background: white;
margin: 0px 10px;
border: solid 1px #ccc;
}

.clear {
clear: both;
}