html,body {
      margin: 0;
      padding: 0;
      text-align: center;
      font-family: arial, Helvetica, sans-serif;
      font-size: 14px;
      background: #fff url(images/bkgd.jpg) center repeat-y;
}

#body-margin{
      text-align: center;
      background: #fff;
      padding: 0px 11px;
      margin: 0 auto;
      width: 920px;      
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 898px;
}
   

img { border: none; }
a
{
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

a:hover { text-decoration: underline; color: #fd7979; }

/*---------- Divs ----------*/

#header {
      background: url("/images/spectraheader.jpg") no-repeat center;
      height: 150px;
      width: 890px;
      margin: 0 auto;
} 
#logo{
      padding-top: 30px;
      margin: 0 auto;
      width: 890px;
}

#logo a:hover {
      text-decoration: none;
} 
#logo a {
      float: left;
      width: 200px;
      height: 85px;
} 
#container {
      width: 890px;
      overflow: hidden;
      text-align: left;
      font: 90% Tahoma, Helvetica, sans-serif;
      margin: 0px auto;
      background: #fff;
      padding-bottom: 30px;
} 

* html #container {
      overflow: visible;
}

#intro{
      min-height: 190px;
      margin: 10px auto;
}
* html #intro { height: 190px;} 
#intro-image{
      float: left;
      width: 560px;
      
}
#intro img
{
	width: 556px;
	height: 190px;
	float: left;
}
#intro-text{
      padding-top: 10px;
      float: right;
      width: 305px;
      text-align: justify;
	height: 51px;
} 
#content{
      margin-top: 20px;
      min-height: 250px;
}

* html #content { height: 250px;} 
#sidecontent{
      float: left;
      border: 2px solid #FFCC00;
      margin-right: 20px;
      padding: 10px;
      text-align: center;
      width: 240px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 210px;
}

#sidecontentb{
      float: left;
            margin-right: 20px;
      padding: 10px;
      text-align: center;
      width: 240px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 210px;
      color: black;
}
#sidecontentb a
{
	color: Black;
}
#sidecontentb p
{
	text-align:left;
}
#sidecontentb ul
{
	text-align:left;
}
html>body #sidecontent { width: 210px }  /* for opera */

#sidecontent img{
      padding: 1px;
      border: 1px solid #FFCC00;
}

#maincontent {
      float: right;
      width: 630px;
} 
#mainleft {
      float: left;
      width: 425px;
} 
#mainright {
      float: right;
      width: 180px;
} 
#mainright a {
      color: #000;
} 
#mainright h2
{
	text-align:center;
}
#footer
{
	width: 890px;
	margin: 0 auto;
	min-height: 70px;
	background: #828282 url(/images/gradient.gif) repeat-x;
	border-top: 4px solid #FFCC00;
	font-size: 84%;
	color: #fff;
	border-top-color: #CC3300;
}

* html #footer {height: 100px;}

#footertextleft{
      margin-top: 10px;
      float: left;
      width: 450px;
      text-align:left;
      padding-left: 10px;  
} 

#footertextright{
      margin-top: 10px;
      text-align: right;
      width: 350px;
      float: right;
      padding-right: 10px; 
} 
/*------------------------- Navigation --------------------------*/ 
#navcontainer
{
	width: 890px;
	height: 38px;
	background: #828282 url(/images/gradient.gif) repeat-x;
	margin: 10px auto 0 auto;
	border-bottom: 4px solid #FFCC00;
	display: block;
	font-size: 140%;
	border-bottom-color: #CC3300;
}
* html #navcontainer { height: 43px;} 
#navcontainer ul {
      position: relative;
      float: left;
      list-style-type: none;
      margin: 0px;
      padding: 0px 0px 0px 10px;
      font-size: 65%;
	top: 0px;
	left: 0px;
} 
#navcontainer li {
      margin: 10px 3px 0px 3px;
      float: left;
      height: 28px;
      background: url("/images/nav.jpg") repeat-x;
} 
#navcontainer a {
      float: left;
      display: block;
      padding: 7px 9px 6px 9px;
      color: white;
      text-decoration: none;
	height: 32px;
} 
#navcontainer a:hover
{
	background: #FF0000;
	color: #FFFFFF;
	cursor: pointer;
}

/*---------- Headings ----------*/ h1
{
	padding-top: 0;
	margin-top: 0;
	font: 140% Arial;
	font-weight: bold;
	color: #FF0000;
}
h2
{
	padding-top: 0;
	margin-top: 0;
	font: 110% Arial;
	font-weight: bold;
	color: #000000;
} 
h3 
{
	padding-top: 0;
	margin-top: 0;
	font: 90% Arial;
	font-weight: bold;
	color: #000000;
}
.mainheading{
      font-weight: bold;
      font-size: 123%;      
} 
/*---------- Classes ----------*/

.heading
{
	background: #FFCC00;
	border-bottom: 4px solid #FFCC00;
	height: 25px;
	color: #000000;
} 
.subheading-white
{
	color: #FF0000;
	margin: 0px;
	padding: 5px 0 0 10px;
	font-size: 115%;
	font-weight: bold;
} 
.p-indent{
      padding-top: 0px;
      padding-left: 10px;
}
.padpar
{
	text-indent:20px;
	margin-right:10px;
}
.rightpar
{
	text-indent:20px;
	text-align:justify;
}
.leftpar
{
	text-indent:20px;
	text-align:justify;
}
.boardimg
{
	height: 765px;
	width: 630px;
}
.donate
{
	height: 40px;
	width: 100px;
}