@charset "UTF-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote, img, div, span
{
  padding:0;
  margin:0;
  max-width:1800px; /* Design breaks down wider than this. */
}
body
{
  background:url(/static/images/background.jpg)
}
a:hover
{
  color:#FF0000;
}
#wrapper
{
  width:100%;
  float:left;
}
#inner-wrap
{
  width:100%;
  float:left;
}
#header
{
  background:url(/static/images/headerback.jpg);
  background-repeat:repeat-x;
  width:100%;
  height:209px;
  min-width:900px;
  float:left;
}
#header-wrap
{
  background:url(/static/images/headerleft.jpg);
  background-repeat:no-repeat;
  width:100%;
  height:209px;
  float:left;
}
#headerleft
{
  background:url(/static/images/headerright.jpg);
  background-repeat:no-repeat;
  background-position:right;
  width:100%;
  height:209px;
  float:left;
}
#topnav
{
  width:100%;
  float:left;
  margin-top:23px;
  clear:both;
}
#topnav ul
{
  float:right;
  padding-right:135px;
  list-style:none;
}
#topnav li
{
  float:left;
  padding:0px 0px 0px 10px;
  color:#666666;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
}
#topnav a
{
  text-decoration:none;
  color:#000000;
}
#topnav a:hover
{
  color:#FF0000;
}
#slogan
{
  float:left;
  padding-top:15px;
  padding-left:450px;
  width:400px;
  clear:both;
}    
#slogan p
{
  color:#00173d;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  width:400px;
}
img#web-logo
{
  position:relative;
  top:-149px;
  left:141px;
  border:0;
}
#mainnav
{
  float:left;
  padding-left:425px;
  height:60px;
  max-width:600px;
  min-width:400px;
  padding-right:140px;
  padding-top:50px;
}
#mainnav ul
{
  float:left;
  list-style:none;
}
#mainnav li
{
  float:left;
  padding:5px 0px 0px 10px;
  color:#333333;
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
}
#mainnav a
{
  text-decoration:none;
  color:#ffffff;
}
#mainnav a:hover
{
  color:#FF0000;
}
#main
{
  background:url(/static/images/sidebar.jpg);
  background-repeat:repeat-y;
  background-position:left;
  float:left;
  background-color:#FFF;
  width:100%;
  min-width:900px;
  clear:both;
}
#sidebar
{
  width:309px;
  float:left;
  clear:left;
}
#sidenav
{
  width:197px;
  height:auto;
  padding-left:110px;
  float:left;
}
#sidenav .breadcrumb
{
  padding:5px 0px 5px 30px;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  width:100%;
  font-weight:bold;
}
ul.breadcrumb
{
  margin-left:-30px;
}
.indent-left
{
  margin-top:-10px;
  margin-left:7px;
}
#sidenav ul
{
  padding-left:40px;
  margin-top:5px;
  float:left;
  list-style:none;
}
#sidenav li
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
}
#sidenav a
{
  color:#40679b;
  text-decoration:none;
}
#sidenav a:hover
{
  color:#FF0000;
}
#sidenav h4
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color: #999999;
  text-transform:uppercase;
  font-weight:bold;
  padding-left:30px;
  margin-top:15px;
}
#main h1
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
  color:#3a3a3a;
  text-align:center;
}
#main h5
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
  color:#787878;
  font-weight:normal;
}
#main h2
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#3f6a9f;
  margin-top:10px;
}
#main p
{
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  padding-bottom:1ex;
}
#main h3
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#9b4141;
}
#main table
{
  border-collapse:collapse;
}
#main th
{
  text-align:center;
}
#main td
{
  border:2px solid #888888;
  padding:1em;
}
#main img
{
  border:solid;
  border-color:#FFFFFF;
  margin:10px 10px 10px 0px;
}
#main2
{
  background:url(/static/images/rightmain.jpg);
  background-repeat:repeat-y;
  background-position:right;
  width:100%;
  float:left;
}
#maincontent
{
  float:left;
  width:48%;
  padding-top:20px;
  padding-left:25px;
  padding-bottom: 20px;
}
#maincontent ul
{
  padding-left:1em;
  padding-bottom: .5ex;
}
#maincontent li
{
  font-family:Arial, Helvetica, sans-serif;
}
#footer
{
  background:url(/static/images/footer.jpg);
  background-repeat:repeat-x;
  float:left;
  width:100%;
  height:125px;
  min-width:900px;
  clear:both;
}
#footer-wrap
{
  background:url(/static/images/footerleft.jpg);
  background-repeat:no-repeat;
  width:100%;
  height:125px;
  float:left;
}
#footer-design
{
  background:url(/static/images/footerright.jpg);
  background-repeat:no-repeat;
  background-position:right;
  width:100%;
  height:125px;
  float:left;
  text-align:center;
}
#footer-center
{
  /* I learned this trick to center float from:
     http://pmob.co.uk/pob/centred-float.htm
     The summary: relative position 50% outer div, then relative position -50% inner div
  */
  float:left;
  position:relative;
  left:50%
}
#footer-content
{
  position:relative;
  left:-50%;
}
#footer-content p
{
  font-size:x-small;
}
#footer-content ul
{
  list-style:none;
  padding:20px 10px;
}
#footer-content li
{
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
  padding-left:4px;
  margin-right:4px;
  font-size:12px;
}
#superiordesign
{
  float:right;
  padding-right:127px;
}
#superiordesign img
{
  border:none;
  margin:0px;
  padding:0px;
}