/* Reset Styles */
img
{border: 0;}

form
{margin: 0;}

table, p, h1, h2, h3, h4, h5, h6, h7
{margin: 0 0 1.5em 0;}
/* END: Reset Styles */


/* COLORS
Blue: #20537c
Dark Green: #004400
Green: #699920
END: COLORS */


html
{
font-family: arial, univers, sans-serif;
font-size: 0.8em;
color: #000000;
}

body
{
background-color: #e0e0c0;
margin: 0 auto 2.0em auto;
text-align: center;
}

#container
{
width: 980px;
margin: 0 auto 0 auto;
background-image: url(../../images/bg-shadow-sides.jpg);
_background-image: url(../../images/bg-shadow-sides-ie6.jpg); /* IE6 Hack */
background-repeat: repeat-y;
background-position: center top;
text-align: left;
}

#pf-top /* hide printer-friendly top area */
{
display: none;
}

#top
{
height: 121px;
margin: 0 10px 0 10px;
text-align: left;
}

#top h1.logo 
{
float: left;
width: 180px; 
height: 121px;
background: #fff url(../../images/top-logo.jpg) no-repeat left top;
margin: 0 !important;
padding: 0 !important;
text-indent: -9999px;
}

#top h1.logo a 
{
width: 180px; 
height: 121px;
display: block;
}

#top-photos
{
float: right;
width: 780px;
}

#top-nav
{
height: 29px;
margin: 0 10px 0 10px;
background-color: #20537c;
}

#top-nav-left
{
width: 180px;
height: 29px;
float: left;
}

#top-nav-right
{
width: 600px;
height: 29px;
float: right;
text-align: right;
}

#top-nav ul
{
list-style: none;
margin: 0.5em 0 0 0;
padding: 0;
}

#top-nav li
{
float: right;
border-right: 1px solid #ffffff;
padding: 0 1.0em 0 1.0em;
}

#top-nav a
{
color: #ffffff;
text-decoration: none;
}

#top-nav a:hover
{
color: #ffffff;
text-decoration: underline;
}

#content-row
{
overflow: auto;
min-height: 500px;
margin: 0 10px 0 10px;
text-align: left;
background-image: url(../../images/bg-content-row.gif);
background-repeat: repeat-y;
background-position: left top;
}

#left-column
{
display: block;
width: 180px;
float: left;
border-top: 1px solid #ffffff;
}

#right-column
{
display: block;
overflow: auto;
_overflow: visible; /* IE6 Hack */
width: 778px;
min-height: 350px;
_height: 350px; /* IE6 Hack */
margin: 1px 0px 1px 1px;
float: left;
}

#right-column-body /* Displays background repeat for content-column3 */
{
min-height: 650px;
_height: 650px; /* IE6 Hack */
background-image: url(../../images/bg-column2.gif);
background-repeat: repeat-y;
background-position: right top;
}

#content /* 1-Column : Wide */
{

}

#content-column2
{
width: 511px;
float: left;
}

#content-column3
{
width: 266px;
float: right;
background-color: #e3e3e3;
}

#content-bottom
{
width: 100%;
clear: both;
background-color: #ffffff;
}

.content-body
{
padding: 0.8em 0.8em;
text-align: left;
}

#content-column2 .content-body
{

}

#content-column3 .content-body
{

}

#bottom .content-body
{

}
#footer
{
clear: both;
height: 30px;
margin: 0 10px 0 10px;
border-top: 1px solid #ffffff;
background-color: #20537c;
color: #ffffff;
}

#footer p
{
margin: 0;
padding: 0.4em 0.8em 0 0.8em;
text-align: center;
}

#shadow-bottom
{
margin: 0 auto 0 auto;
width: 980px;
height: 10px;
background-image: url(../../images/bg-shadow-bottom.jpg);
background-repeat: repeat-x;
background-position: left top;
}

#shadow-bottom-left
{
width: 10px;
float: left;
}

#shadow-bottom-right
{
width: 10px;
float: right;
}