/* =Start with these
----------------------------------------------- */
body {
  background:#cc9966;
  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;
  }

li, ul {list-style-image: url(../images/lists.gif); margin-left: 20px; line-height: 17px;}

/* 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:#6600cc; border-left:2px solid #000; border-right:2px solid #6600cc;}
.raised .b3 {background:#6600cc; border-left:2px solid #000; border-right:2px solid #6600cc;}
.raised .b4 {background:#6600cc; border-left:2px solid #000; border-right:2px solid #6600cc;}
.raised .b4b {background:#6600cc; border-left:2px solid #000; border-right:2px solid #6600cc;}
.raised .b3b {background:#6600cc; border-left:2px solid #000; border-right:2px solid #6600cc;}
.raised .b2b {background:#6600cc; border-left:2px solid #000; border-right:2px solid #6600cc;}


.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:#6600cc;}
.raised .boxcontent {display:block;  background:#6600cc; border-left:2px solid #000; border-right:2px solid #000;}

/* =Page
----------------------------------------------- */
body {
  background: #CCCCCC ;
  color:#fff;
  }
#page {
  width:770px;

  
  }


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

#pic	{  border-bottom: solid #ffffff 5px;
border-top: solid #ffffff 5px;
			
		}

.bigtitle	{ font-size:11px;
			font-weight:bold;
			color: #663333;

		}

			
/* =Header
----------------------------------------------- */
#header {
  background:#ffffff;
  float:left;
  width:770px;
      border-top: solid #660000 10px;	
      border-bottom: solid #660000 5px;	
  }



 /* START THE CODE FOR THE MENUS */

.menu		{ font-family: arial, verdana, helvetica, sans;
		  font-size: 8px;
		  font-style:normal;	  
		  text-align: center;
		  text-decoration: none; 
		  
		}
		  
a.menu:link 	{ color: #ffffff; text-decoration: none;  }


a.menu:visited 	{ color: #9999cc; text-decoration: none; font-weight: bold}


a.menu:active 	{  
		  color: #666666; text-decoration: none; font-weight: bold  }


a.menu:hover 	{ color: #336699; text-decoration: underline; font-weight: bold }
/* =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;
}
.pagetitle {
	color: #663333;
	font-weight: bold;
	font-size:9px;
}

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


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

  width:770px;
  background:#fff;
  color:#663366;
  font-size: 11px;


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