@charset "UTF-8";

p { font-size: 1em; line-height: 1.5em;	margin: 0; padding: 5px 0 5px 0; }
h1 { font-size: 2.5em; color: #0066cc; padding: 0; font-weight: normal; margin: 0;}
h2 { font-size: 1.8em; color: #0066cc; font-weight: normal; margin: 0; padding: 10px 0 3px 0;}
h3 { font-size: 1.3em; color: #0066cc; padding: 10px 0 0 0; margin: 0;}
h4 { font-size: 1.1em; color: #0e3e6e; padding: 0 0 5px 0; margin: 0; line-height: 1.3em; }
h5 { font-size: 1.1em; color: #0066cc; letter-spacing: .2em; font-weight: normal; padding: 5px 0 0 0; margin: 0;}
h6 { font-size: 1.2em; color: #0e3e6e; padding: 5px 0 0 0; margin: 0;}

a:link { text-decoration: none; color:#0e3e6e; }
a:visited { text-decoration: none;  color:#0e3e6e; }
a:hover { text-decoration: underline;  color:#d6492a; }
a:active { text-decoration: underline; color:#d6492a; }

form { padding: 0 0 10px 0; margin: 0; }
input { padding: 0; margin: 0; }
label { padding-right: 20px;}

.highlight { color: #0066cc;}
.important { color: #ab0823;}
.intro { padding-bottom: 0; }


/* ------- Layout ------- */

#wrapper {
position: relative;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 940px;
height: 100%;
font-family: Helvetica; 
font-size: 68.75%;
}

#title {
padding: 0;
margin: 0;
height: 80px;
width: 940px;
background: #0066cc;
}

#title h1 {
float: left;
font-size: 30px;
color: #ffffff;
font-weight: normal;
padding: 40px 0 0 20px;
margin: 0;
}

#breadcrumbs {
color: #ab0823;
padding-bottom: 10px;
}

#breadcrumbs a:link { text-decoration: none; color: #0e3e6e; }
#breadcrumbs a:visited { text-decoration: none; color: #0e3e6e; }
#breadcrumbs a:hover { text-decoration: underline; color: #d6492a; }
#breadcrumbs a:active { text-decoration: underline; color: #d6492a; }


/* ------- Sidebar -------*/
#sidebarwrap {
z-index: 100;
width: 200px; /*--This sets the WIDTH of the menu BACKGROUND-*/
}

#sidebar, #sidebar ul {
position: absolute;
left: 0;
top: 40px;
list-style: none;
background: #dfe5e6;
padding: 20px 0 40px 0;
margin-bottom: 30px;
margin-left: 0;
margin-top: 0;
}

#sidebar a {
display: block;
width: 180px; /*--This sets the WIDTH of the first layer menu TEXT--*/
color: #0e3e6e;  /*--This sets the COLOR of the menu TEXT--*/
font-weight: bold;
text-decoration: none;
font-size: 1em;
padding: 5px 0 5px 20px;
}
.sidenolink {
width: 180px; /*--This sets the WIDTH of the first layer menu TEXT--*/
color: #0e3e6e;  /*--This sets the COLOR of the menu TEXT--*/
font-weight: bold;
text-decoration: none;
font-size: 1em;
padding: 5px 0 5px 20px;
}

#sidebar li {
width: 200px; /*--This sets the WIDTH of the first layer menu HOVER-*/
float: left;
line-height: 1em; /*--This sets the HEIGHT of first layer menu items-*/
padding: 5px 0;
border-bottom: 1px solid #6d7981;
}

#sidebar li ul {
position: absolute;
left: -999em;
top: auto;
padding-top: 0;
padding-bottom: 0;
margin-left: 200px; /*--Set this to match WIDTH of the first layer menu HOVER-*/
margin-right: 0;
margin-top : -2.4em;
width: 180px; /*--This sets the WIDTH of the second layer menu HOVER-*/
font-weight: normal;
background: #cccdce;  /*--This sets the COLOR of the second layer menu BACKGROUND--*/
}

#sidebar li li {
text-align: left;
margin: 0;
width: 180px; /*--This sets the WIDTH of the second layer menu BACKGROUND--*/
border-bottom: none;
padding: 0;
}

#sidebar li ul a {
width: 150px; /*--This sets the WIDTH of the second layer menu TEXT--*/
padding: 7px 20px 7px 15px;
}

#sidebar li:hover ul, #sidebar li li:hover ul, #sidebar li.sfhovers ul, #sidebar li li.sfhovers ul {
left: auto;
}

#sidebar li:hover, #sidebar li.sfhovers {
background: #cccdce;  /*--This sets the COLOR of the first layer menu HOVER--*/
}

#sidebar li li:hover, #sidebar li li.sfhovers {
background: #da9800;  /*--This sets the COLOR of the second layer menu HOVER--*/
}

#sidebar-bottom {
clear: both;
background-color: #0066cc;
width: 210px;
height: 10px;
padding: 0;
margin: 0 0 0 40px;
}


/* ------- Content -------*/

#contentwrap {
width: 520px;
margin-left: 200px;
}

#content {
margin: 20px;
padding: 0;
}

#content ul {
list-style-image: url(../images/bullet.gif);
padding: 0 0 5px 20px;
margin-top: 5px;
margin-bottom: 0;
}

#content ol {
padding-top: 0;
padding-bottom: 5px;
margin-top: 5px;
margin-bottom: 0;
}

#content li {
padding-top: 3px;
padding-bottom: 3px;
line-height: 1.5em;
}

#content li h4 {
padding: 0;
margin: 0;
}

#content li p {
padding: 0;
margin: 0;
}

#content p {
line-height: 1.5em;
}

#content img {
margin-bottom: 10px;
}

#extrawrap {
width: 200px;
position: absolute;
left: 740px;
top: 80px;
}

#extra {
padding: 20px 0 0 0;
}

#extra p {
padding: 2px 0;
}

#extra h5 {
padding-bottom: 5px;
}

.extra-feature {
background-color: #e2e9eb;
padding: 15px;
}

.gallery img {
margin-right: 5px;
margin-bottom: 3px;
}

/* ------- Colors -------*/
.blue { background: #0066cc; height: 30px; width: 60px; }
.dblue { background: #0e3e6e; height: 30px; width: 60px;  }
.lblue { background: #68ace5; height: 30px; width: 60px;  }
.gray { background: #6d7981; height: 30px; width: 60px;  }
.dgray { background: #36424a; height: 30px; width: 60px;  }
.lgray { background: #dfe5e6; height: 30px; width: 60px;  }
.red { background: #ab0823; height: 20px; width: 60px; }
.orange { background: #d6492a; height: 20px; width: 60px;  }
.yellow { background: #da9800; height: 20px; width: 60px;  }
.green { background: #5f692d; height: 20px; width: 60px;  }
.tan { background: #f4f0e5; height: 20px; width: 60px;  }


/* ------- Footer -------*/
#footer {
margin: 20px;
padding: 30px 0 50px 200px;
color: #36424a;
font-size: .85em;
position: relative;
z-index: 1000;
}

#footer a { color: #36424a; }

.footnav a { color: #36424a; font-weight: bold; letter-spacing: 1px; padding: 3px;}

#footer a:link, #footer a:visited { text-decoration: none;}
#footer a:hover, #footer a:active { text-decoration: underline; }