body {
	font-family : Verdana, sans-serif, Helvetica;
	color: black;
	background: url(art/a-bg.gif) repeat-x;
	margin-bottom: 10px; 
	margin-right: 25px;
	margin-top: -10px; /*compensate for opera browser*/
	margin-left: -10px; /*compensate for opera browser*/
}

h1 {
	color : #036; 
	font-weight : bold;
	font-variant: small-caps; 
	font-size: 135%;
}

h2 {
	color : #069; 
	font-weight : bold;
	font-variant: small-caps; 
	font-size: 125%;
}

h3 {
	color : #069; 
	font-weight : bold; 
	font-variant: small-caps;
	font-size: 115%;
}

a:link { 
	color: #036;
	text-decoration: none;  
	font-weight: bold;  
}

a:visited { 
	color: #060;
	text-decoration: none;  
	font-weight: bold;  
}

a:hover {
	color: #036;
	font-weight: bold;  
	text-decoration: underline;
}

a.under:link {text-decoration: underline;}
a.under:visited {text-decoration: underline;}

ul, ol {	line-height : 130%; padding: 3px; }

/*about us - index page - bullets*/

.item {font-style: italic; font-weight: bold;}

dt  /* definition term */ {color : #069; font-weight : bold; }


/*class selectors - font specifications*/

.bi  {	font-style: italic; font-weight: bold; }

/*columns*/

#left {
	position: absolute;
	top: 240px;
	left: 10px;
	width: 200px;
}

#right {
	position: absolute;
	top: 240px;
	left: 240px;
	right: 10px;
}

/*was 006699*/

#skip {
	position: absolute;
	top: 15px;
	left: 20px;
	color: #6cc; 
	font-weight: bold;
	font-size: 9px;
	font-style: italic; 
}

#skip a:link { 
	color: #6cc;
	text-decoration: none;  
	font-weight: bold;  
}

#skip a:visited { 
	color: #6cc;
	text-decoration: none;  
	font-weight: bold;  
}

#skip a:hover {
	color: #6cc;
	font-weight: bold;  
	text-decoration: underline;
}


#pagetitle {
	position: absolute;
	left: 310px;
	top: 7px;
	color: #039; 
	font-weight: bold;
	font-size: 21px;
	font-style: italic; 
	border-bottom: 1px solid #036;
}

#sectiontitle {
	position: absolute;
	left: 500px;
	top: 100px;
	color: #006699; 
	font-weight: bold;
	font-size: 23px;
	font-style: italic; 
}

#headimg {
	position: absolute;
	left: 310px; 
	top: 65px;
}

#slogan {
	position: absolute;
	right: 40px;
	top: 200px;
	color: #CC9933; 
	font-family: Georgia, Times, serif;
	font-weight: bolder;
	font-style: italic; 
	font-size: 22px;
}

#address {
	color : #333; 
	font-weight : bold;
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 10px;
}

	/*  Vertical nav */

#menu {
	margin: 0;
	padding: 0;
	}
	
#donate {
	width: 190px;
	border: 2px solid #036;
	text-decoration: none;
	display: block;
	text-align: left;
}

#menu p {
	width: 190px;
	border-top: 2px solid #036;
	border-right: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	border-left: 2px solid #036;
	padding: 0 0 0 5px;
	color: black;
	text-decoration: none;
	display: block;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	line-height: 40px;
}

#menu p a:link, #menu p a:visited { color: black;}

#menu ul li a:hover {
	color: #000;
	background: #ccc;
	}

#menu a:active	{
	background: #09c;
	color: #fff;
	}

.yellow { background: #ffc; }
.lilac { background: #ccf; }
.orange { background: #fc6; }
.green { background: #cfc; }
.red { background: #f99; }
.ltblue { background: #cff; }
.drblue { background: #6cc; }

#resources a:link, #resources a:visited { border-right: 1px solid #ccc;	}

/*class selectors - background color specifications*/

.bg-blue { background-color: #09C; }

.bg-lt-blue { background-color: #CFF; }

.bg-lt-gr { background-color: #6C6; font-weight : bold; }

/*class selectors - other*/

div.footercontainer { clear: left;  }

#footer { font-size : smaller; margin-left: 140px; }

.smaller { font-size: smaller; }

.center {text-align: center;}

.em { font-style: italic; font-size: 90%; }
.em a {text-decoration: underline; color: black;}