/* =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;
  }

a.theArticles:hover {
	text-decoration:underline;
}
a.theArticles:visited {
	text-decoration:none;
}
a.theArticles:link {
	text-decoration:none;
}
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:16px;
			font-weight:bold;
			color: #6600cc;

		}
#whitebar	{ background:#FFFFFF;
			height: 4px; 
			margin-top: 10px;}
#sidebox	{	background-color: #CCCCCC;
float:right;
margin-left:4px;
margin-right:4px;
border-left-color:#6600cc;
border-left-style:solid;
border-left-width:thick;
		padding-left: 4px;
		padding-right: 2px;
		border-bottom:#000000 solid 1px; 
		border-top:#000000 solid 1px; 
		border-right:#000000 solid 1px;}	

 /* START THE CODE FOR THE MENUS */


.menu		{ 
		  font-size: 10pt;
		  height: 18px;
		  padding:2px 8px 3px;
  background:#6600cc;
		  cursor:hand;
		  font-weight: bold;
		  text-align: right;
		  vertical-align: top;
		  line-height: 25px;
		
		    text-transform:uppercase;
			  color:#fff; }


a.menu:link 	{ background-image: url("picts/button.gif");
		  background-color:#6600cc;
		  color: #fff;}


a.menu:visited 	{ background-image: url("picts/button.gif");
		  background-color:#6600cc;
		  color: #fff; }


a.menu:active 	{  background-image: url("picts/buttonon.gif");
		   background-color:#C0C0C0;
		   color: #663333; }


a.menu:hover 	{  background-image: url("picts/buttonon.gif");
		   background-color:#C0C0C0;
		   color: #663333; }


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

#nav li {
  display:inline;
  padding:0;
  
  }
#nav li a, #nav li strong {
  float:left;
  width:auto;
  padding:5px 14px 3px;
  border-left:5px #6600cc dashed;
    background: #6600cc;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  }
#nav li strong {
  background:#6600cc;
  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;
}
.pagetitle {
	color: #663333;
	font-weight: bold;
	font-size:14px;
}

/* =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;}