/* =Start with these
----------------------------------------------- */
body {
  background: #cccc99;
  padding:0px;
  font:small verdana, arial, sans-serif;;
  color:black; }
  
hr	{ background:#FFFFFF;
height: 4px;}

a {
  color:#36a;
  font-weight:bold;
  text-decoration:none;
  }
a:hover		{ color: #663333; text-decoration: underline; font-weight: bold }

a img {
  border-width:0;
  }
h1, h2, h3, ul, li, form {
  margin:0;
  padding:0;
  }


/* =Page
----------------------------------------------- */

#page {
  width:770px;
  margin:0 auto;
  border-left: solid #003366 2px;
  border-right: solid #003366 2px;
  }

/* =Headings
----------------------------------------------- */
h2 {
  margin:.75em 0 0;
  font-size:150%;
  }
h3 {
  font-size:100%;
  margin:.75em 0 0;
  color:#233;
  }


/* =Lists
----------------------------------------------- */
ul {
  margin:1em 3em 1em;
  padding:0;
  }
li {
  margin:0;
  }


/* =Misc
----------------------------------------------- */
p {
  margin:0 1em .75em;
  }

#pic	{  border-bottom: solid #003366 10px;
			border-top:solid #003366 4px;
		}

.bigtitle	{ font-size:16px;
			font-weight:bold;
			color: #000;

		}
.bigtitle2	{ font-size:20px;
			font-weight:bold;
			color: #000;

		}
#whitebar	{ background:#FFFFFF;
			height: 4px; 
			margin-top: 10px;}
			
/* =Header
----------------------------------------------- */
#header {
  background:#ffffff;
  float:left;
  width:770px;
      border-top: solid #003366 10px;	
      border-bottom: solid #003366 5px;	
  }

#logo {
  float:left;
  display:block;
  width:162px;
  text-decoration:none;
  
  }
  
#slogan {
  float:right;
  width:375px;
  margin:20px 0 0 0;
  padding:0;
  color:#000000;
  font-weight:bolder;
  text-align:center;
  font-size:15px;
  }


/* =Nav
----------------------------------------------- */
#nav {
  float:left;
  width:770px;
  margin: 3px 0 0 0;
  padding:0;
  list-style:none;
  background:#003366;
  }
 

#nav li {
  display:inline;
  padding:0;
  
  }
#nav li a, #nav li strong {
  float:left;
  width:auto;
  padding:5px 15px 3px;
  border-left:4px solid #003366;
    background: #003366;

  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  }
#nav li strong {
  background:#246;
  color:#fff;
  }
#nav li a strong {
  padding:0;
  border-width:0;
  }
#nav li a:hover {
  background: #999;
  border-left-color: #CCCCCC;
  color: #003366;
  }

/* =Content
----------------------------------------------- */
#content {
  background: #fff;
  float: left;
  width:770px;
  color:#000;

  }
#content-group {
  float:right;
  width:525px;
  }
#content-main {
  float:left;
    width:770px;
  }
#content-extra {
  float:right;
  width:190px;
  }
#content-sub {
  float:left;
  width:190px;
  }
.style1 {
	color: #663333;
	font-weight: bold;
	font-style: italic;
	font-size: medium;
}
.style2 {
	color: #663333;
	font-weight: bold;
}

/* =infobar above footer
----------------------------------------------- */
#infobar {
  float:left;
  width:770px;
  background-color:#003366;
  color:#ffffff;
  height: 15px;
  text-align:center;
  font-weight:bold;
    font-size: 11px;


  }
#infobar a 	{color:#FFFFFF;}
/* =Footer
----------------------------------------------- */
#footer {

  width:770px;
  background:#fff;
  color:#000000;
  font-size: 11px;
 border-bottom: solid #003366 4px;

  }
#footer a	{font-size:12px;}