/* This file creates the layout of the page, including header, nav, body, and footer, but does not include section-specific styles for easier maintenance.
Look in sections.css for that stuff.  And no, I don't include the nav as section specific stuff, since the nav is common to all pages.*/ 
div#contain {
background-image: url(../_images/bodyBackgroundTopDeep.gif);
}
div#content {
width: 720px;
}

#subnav {
width: 150px;
position: absolute;
padding: 0;
font-size: 0.8em;
background-color: #F5F4E7;
margin: 4px 20px 10px 0;
}

#subnav ul {
padding: 0;
list-style: none;
}

#subnav ul li {
font-weight: bold;
}
#subnav a {
display: block;
padding: 5px 10px;
text-decoration: none;
border-top: 1px solid #FFF;
}
#subnav a.on {
background-color: #fff;
border-top: 1px solid #F5F4E7;
}
#subnav ul li ul li a {
padding-left: 25px;
font-weight: normal;
}
p.breadcrumb {
font-size: 0.8em;
color: #46819F;
}
p.breadcrumb a {
text-decoration: none;
}
div#mainText {
position: relative;
left: 170px;
width: 550px;
}
div#mainText.noNav {
left: 0;
width:720px;
}
div#mainText p, div#mainText ul, div#mainText ol {
margin-left: 10px;
}

ul#tabs_maps {
list-style: none;
margin: 0;
padding: 0;
}

ul#tabs_maps li {
display: none;
float: left;
padding: 25px 12px;
}

ul#tabs_maps li.nav {
display: block;
}

div.text {
width: 400px;
float: right;
}
div.text p {
margin-left: 0 !important;
}

ul#tabs_maps li.active a, ul#tabs_maps li.nav a {
text-decoration:none;
}

div#quick {
width: 200px;
float: right;
background: #72A5C1 url(../_images/quick_bottom.gif) no-repeat center bottom;
margin: 0 10px 10px;
}

div#quick h3 {
color: #fff;
background: #72A5C1 url(../_images/quick_top.gif) no-repeat center top;
padding: 10px;
}
div#quick p {
padding: 0 10px 15px;
color: #FFF;
}
div#quick a {
color: #FFF;
}

hr {
border: none;
width: 80%;
background-color: #D7D29F;
color: #D7D29F;
height: 2px;
margin: 15px auto 20px;
}