/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

* {margin:0px ; padding : 0px}

body{font-family: Arial,sans-serif;background-color: #33CC00;line-height: 1.166;margin: 1em auto;padding: 1em 1em;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#masthead{ background-color: #ffff99 ;width: 100%;padding:10px 0;margin:5px 0;}
#content{ 
	float:right;
	width: 75%;
	background-color: #ffff99;
	padding: 0px 0px 10px 0px;margin: 0px 0px 5px 0px;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/
#siteName{
	background-color: #ffff99;
	padding:0px 0;
	margin:0px 0;
	text-align: center; 
}
/*************** #pageName styles **************/
#pageName{
	background-color: #ffff99;
	padding:10px ;margin:5px 0;
}
#siteInfo{	clear: both;font-size: 75%;	background-color: #ffff99; padding: 10px 10px 10px 10px ;margin-top: 0px;}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they touch */

/************** .feature styles ***************/

h1, h2, h3, h4, h5, h6 {font-weight:700;}

h1, h2 {font-size: 140%;color: #003300;}
h3     { font-size: 120%;color: #003300;}
h4     { font-size: 100%;font-weight: normal;color: #003300;}
h5     { font-size: 100%;color: #003300;}
h6     { font-size: 75% ;font-weight:0;color:#FFFFFF;}
ul     { list-style-type: square;}
ul ul  { list-style-type: disc;}
ul ul ul{ list-style-type: none;}

p {background-color:#FFFF99;}

.feature{padding: 0px 0px 10px 10px;font-size: 80%;}
.feature h3{padding: 30px 0px 5px 0px;text-align: center;}
.feature img{float: left;padding: 0px 10px 0px 0px;	margin: 0 5px 5px 0;}

.dontwrappic p{margin-left:115px ; }
.newp { clear:left ;}

/* adjust margins to change separation between the feature image and text flowing around it */
.col1 {color:#CC0000;}
.col2 {background-color: #CC6600;color:#FFFFFF;}

.story{	clear: both;padding: 10px 0px 0px 10px;	font-size: 80%;}
.story p{padding: 0px 0px 10px 0px;}

#blinks {clear: both;padding: 10px 0px 0px 10px;font-size: 80%;}
#blinks p{padding: 0px 0px 10px 0px;}
#blinks a:link, #blinks a:visited, #blinks a:hover, #blinks a:active 
{text-decoration:underline;background-color: #99FF66;color:#000000;}
#blinks a:hover {text-decoration:none;background-color:#FF0000; color:#FFFFFF;}

#friends a {background-color: #FFCC99;color:#000000;text-decoration:underline;}
#friends a:link, #friends a:visited,#friends a:hover , #friends a:active
 {text-decoration:underline;background-color: #99FF66;color:#000000;}
/*#friends a:visited {text-decoration:none;} */
#friends a:hover {text-decoration:none;background-color:#FF0000; color:#FFFFFF;}
#friends a:active {text-decoration:none;} 

/************* #siteInfo styles ***************/

#siteInfo img{	padding: 4px 4px 4px 0px;vertical-align: middle;}
#siteInfo a:link, #siteInfo a:visited, #siteInfo a:hover, #siteInfo a:active 
                 {text-decoration:none;background-color: #99FF66;color:#000000;}
#siteInfo a:link{ padding: 2px 0px 2px 10px;	width: auto; }
#siteInfo a:visited{ padding: 2px 0px 2px 10px;}
#siteInfo a:hover{	padding: 2px 0px 2px 10px; text-decoration:underline; background-color: #FF0000;color:#FFFFFF;}


/*********** #navBar link styles ***********/
#navBar{ margin: 5px 79% 0 0;	padding: 0px;	background-color:#000000;
	border-right: 1px solid #000000;border-bottom: 1px solid #000000;}
#navBar ul a:link {background-color:#99FF66;}
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #000000;}
/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/
#sectionLinks{	position: relative;	margin: 0px; padding: 0px; font-size: 90%;}
#sectionLinks a{padding: 5px 0px 2px 5px;}
#sectionLinks a:link, #sectionLinks a:visited, #sectionLinks a:hover, #sectionLinks a:active 
                 {text-decoration:none;background-color:#99FF66;color:#000000;}
#sectionLinks a:link{padding: 5px 0px 2px 5px;	width: auto; }
#sectionLinks a:hover{padding: 5px 0px 2px 5px; text-decoration:underline;background-color:#FF0000; color:#FFFFFF;}

/*********** .relatedLinks styles ***********/
.relatedLinks{	margin: 0px;font-size: 90%;background-color: #33CC00;color:#FFFFFF;}
.relatedLinks h3{padding: 10px 0px 2px 0px;}
.relatedLinks h6{padding: 10px 0px 2px 5px;}
.relatedLinks a:link, .relatedLinks a:visited, .relatedLinks a:hover, .relatedLinks a:active 
                 {text-decoration:none;background-color:#99FF66;color:#000000;}
.relatedLinks a:hover{margin:0px;text-decoration: underline ;background-color:#FF0000;color:#FFFFFF;}

/************** #advert styles **************/
#advert{padding: 10px 0px 0px 10px;font-size: 80%;background-color: #33CC00;}
#advert img{display: block;	}

/************** #headlines styles **************/
#headlines{	margin: 0px;padding: 10px 0px 20px 10px;font-size: 80%;}
#headlines p{padding: 5px 0px 5px 0px;}


/* .chorus1 a {position:relative;display:block;text-decoration:none;color:#000000;background-color:#99FF66;} */
.chorus1 a {position:relative;text-decoration:none;color:#000000;background-color:#99FF66;}
.chorus1 a:link, a:visited, a:hover, a:active {text-decoration:underline;color: #000000;background-color:#99FF66;}
.chorus1 a:visited {text-decoration:underline;}
.chorus1 a:hover {text-decoration:none;background-color: #FF0000;color:#FFFFFF;}
/* .chorus1 a span {display:none;}	*/
/* .chorus1 a:hover span {display:block;} */

.chorus1 a span{
	visibility:hidden;/* hide message initially*/
	/* position:relative; */
	position:absolute;
	top:-1em;
	left:300px;
	width:350px;
	padding:5px;
	background-color:#FF0000;
	color:#fff;
	border:2px /*inset #FF0000 */;
	text-decoration:none;
}
.chorus1 a:hover{visibility:visible;}/* ie bug needed to make span show*/
.chorus1 a:hover span{visibility:visible;}/* show image on hover*/