/* =Start with these
----------------------------------------------- */
body {background: #CCCCCC  ;
  color:#fff;
  
  padding:0px;
  font:small verdana, arial, sans-serif;;
  }
  
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	{ font-size:1.5em;
			font-weight:bold;
			color: #660000;
			padding-left:10px; }

hptitle	{ font-size:1.5em;
			font-weight:bold;
			color: #660000;
			padding-left:10px; 
			margin-top:10px;}
#content ul	{line-height:22px;
			list-style:url(../images/bullet.gif);}

/* Inset 3D Raised */
.raised {background: transparent; width:774px; margin:0 auto;}
.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#660000; border-left:2px solid #000; border-right:2px solid #660000;}
.raised .b3 {background:#660000; border-left:2px solid #000; border-right:2px solid #660000;}
.raised .b4 {background:#660000; border-left:2px solid #000; border-right:2px solid #660000;}
.raised .b4b {background:#660000; border-left:2px solid #000; border-right:2px solid #660000;}
.raised .b3b {background:#660000; border-left:2px solid #000; border-right:2px solid #660000;}
.raised .b2b {background:#660000; border-left:2px solid #000; border-right:2px solid #660000;}


.raised .b1 {margin:0 5px; background:#000;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#660000;}
.raised .boxcontent {display:block;  background:#660000; border-left:2px solid #000; border-right:2px solid #000;}

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

#page {
  width:770px;
  
  }

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


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

#pic	{  border-bottom: solid #660000 10px;
		text-align:center;
			
		}


#whitebar	{ background:#FFFFFF;
			height: 4px; 
			margin-top: 10px;}
			
/* =Header
----------------------------------------------- */
#header {
  background:#ffffff;
  float:left;
  width:770px;
      border-top: solid #660000 10px;	
      border-bottom: solid #660000 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:#333;
  margin-bottom: 10px;
  }
 

#nav li {
  display:inline;
  padding:0;
  
  }
#nav li a, #nav li strong {
  float:left;
  width:auto;
  padding:5px 15px 3px;
  border-left:5px #333 dashed;
    background: #333;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  }
#nav li strong {
  background:#660000;
  color:#fff;
  }
#nav li a strong {
  padding:0;
  border-width:0;
  }
#nav li a:hover {
  background: #999;
  border-left-color:#660000;
  color: #660000;
  }

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

  }
#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:#660000;
  color:#ffffff;
  height: 20px;
  text-align:center;
  font-weight:bold;
    font-size: .85em;
 padding-top: 4px;
margin-top:5px;
margin-bottom:5px;
  }
#infobar a 	{color:#FFFFFF;}
#infobar a:hover	{ background:#FFFFFF; color:#660000;}
/* =Footer
----------------------------------------------- */
#footer {
  background:#fff;
  color:#000000;
    font-size: .85em;
padding-left: 4px;
padding-bottom:2px;
  }