/* CSS by Joe Hopkins, David Hasselhoff and not Andy */
/* Site-wide stuff, including Container and Header*/
html {
 font-size: 100%;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
* > html { 
 font-size:10px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
body {
	text-align: center;
	background-color: #ffffff;
	margin: 10px 0px 0px 0px;
	padding:0px;
	color:#000000;
	font: 0.625em/1em Verdana, Arial, Helvetica, sans-serif;
}
div#wrap {
	/* Daddy width */
	width:753px;
	margin: 0px auto;
	padding:0px;
	height:500px;
	background: transparent 0px 0px repeat-y;
}
/* fOR mOZILLA AND ie7 */
body > div#wrap {
	overflow:auto;
	height:auto;
	min-height:500px;
}
.hidden {
	margin-left:-999em;
	font-size:0;
	line-height:0;
	height:0;
	position:absolute;
}
div#container {
	/* Daddy width */
	width: 753px;
	text-align: left;
	margin: 0px auto;
	color:inherit;
	font-size:1.0em;
	float:left;
	clear:none;
}
/* For Mozilla and IE7 */
div#wrap > div#container {
	height:auto;
	min-height:100%;
}
div#container a {
	color:#900707;
	font-size:inherit;
	font-weight:inherit;
	font-family:inherit;
}
div#container a:link {
	color:#900707;
	text-decoration:underline;
}
div#container a:visited {
	color:#6B403F;
	text-decoration:underline;
}
div#container a:hover {
	color:#900707;
	text-decoration:none;
}
div#container a:active {
	color:#900707;
	text-decoration:none;
}
/*
Adds a doc image to a link linking to a .doc or a .pdf.
Only works in CSS2/3 - that is Mozilla, IE7, Opera and Safari.
Javascript file sorts it out for IE6.  When changing edit Javascript file accordingly.
*/
div#container a[href^='http://'] {
	padding-right:14px;
	background: url(../images/design/externalLink.gif) center right no-repeat;
	padding-left:0;
}
div#container a[href^='mailto:'] {
	padding-right:16px;
	padding-bottom:0px;
	background: url(../images/design/email.gif) center right no-repeat;
	padding-left:0;
}
div#container a[href$='.pdf'], div#container a[href$='.doc'], div#container a[href$='.PDF'], div#container a[href$='.DOC'] {
	background: url(../images/design/doc.gif) center left no-repeat;
	padding-left:12px;
}
div#container a[href$='.pdf'][href^='http://'], div#container a[href$='.doc'][href^='http://'], div#container a[href$='.PDF'][href^='http://'], div#container a[href$='.DOC'][href^='http://'] {
	background: url(../images/design/externalLinkandDoc.gif) center right no-repeat;
	padding-left:0;
	padding-right:25px;
}
div#container a[href$='.mp3'], div#container a[href$='.MP3'] {
	padding-right:14px;
	background: url(../images/design/audio.gif) center right no-repeat;
	padding-left:0;
}
div#container a[href$='.mp3'][href^='http://'], div#container a[href$='.MP3'][href^='http://'] {
	background: url(../images/design/externalLinkandAudio.gif) center right no-repeat;
	padding-left:0;
	padding-right:25px;
}


div#mainTop {
	width: 753px;
	height:352px;
	display:block;
	clear:both;
	margin:0 auto;
	overflow:hidden;

}
/* For Mozilla */
div#container > div#mainTop {
	height:auto;
	min-height:352px;
}
div#mainHead {
	height:302px;
	background: transparent url(../images/design/header.jpg) no-repeat left top;
	width: 753px;
	clear:both;
	overflow:hidden;
}
/* For Mozilla */
div#mainTop > div#mainHead {
	overflow:hidden;
	height:auto;
	min-height:302px;
}
/*  TOP MENU ITEMS */
div#mainTop div#menuItems {
	height:30px;
	font-size:1.4em;
	margin:0px 0 0px 0;
	width:751px;
	background: transparent url(../images/design/menuBG.gif)  center top repeat-y;
}
/* For Mozilla */
div#mainTop > div#menuItems {
	overflow:auto;
	height:auto;
	min-height:30px;
}
div#menuTop, div#menuBottom {
	width:751px;
	height:6px;
	
}
div#menuTop {
	background: transparent url(../images/design/menuBGtop.gif)  center top no-repeat;
}
div#menuBottom {
	background: transparent url(../images/design/menuBGbottom.gif) center top no-repeat;
}
div#menuItems ul {
	margin:0 0 0 1em;
	padding:0;	

}
div#menuItems ul li {
	text-align:right;
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
	color:#000000;	
	vertical-align:bottom;
	border-left:1px solid #997F7E;
	padding:5px 8px;
	line-height:1.2em;
}
div#menuItems ul li a {
	color:#000000;
	font-weight:normal;
	font-size:1.0em;
	font-family:  Arial, Helvetica, sans-serif;
	
}
div#menuItems  ul li a:link {
	color:#000000;
	text-decoration:none;
	background:transparent url(/images/design/menuBGhover.jpg) 0px 0px repeat-x;
}
div#menuItems  ul li a:visited {
	color:#000000;
	text-decoration:none;
	background:transparent url(/images/design/menuBGhover.jpg) 0px 0px repeat-x;
}
div#menuItems  ul li a:hover {
	color:#000000;
	text-decoration:underline;
	background: transparent url(/images/design/menuBGlink.jpg) 0px 0px repeat-x;
}
div#menuItems  ul li a:active {
	color:#ffffff;
	text-decoration:underline;
	background:transparent url(/images/design/menuBGhover.jpg) 0px 0px repeat-x;
}
/* remove the border from the first item - change this of you want it centered - add an 'a' to the selector */
/* For IE cos the Microsoft Reich decided not to comply with CSS2 */
div#menuItems ul li.firstchild  {
	border-left:none;	
}
/* For Mozilla and IE7 */
div#menuItems ul > li:first-child {
	border-left:none;
}
div#menuItems ul li div {
	text-align:right;
	min-width:20px;
	padding:0;
	margin:0;
	color:#C27589;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	line-height:1.4em;
}
div#mainHead h1 {
	display:none;
	font-size:0em;
}
div#container div#contentMain {
	width:100%;	
	float:left;
	background-color:#ffffff;
	margin:0 0 10px 0;
}
/* For Mozzila */
div#container > div#contentMain {
	height:auto;
	overflow:hidden;
}
div#container div#contentMain div#content {
	background-color:#DCD8C7;
	padding:1em 2em 1em 2em;
	width:695px;
	margin:0 0 0 8px;
	float:left;
	clear:none;
}
/* For Mozzila */
div#container > div#contentMain > div#content {
	height:auto;

}
div#container div#contentMain div#info {
	background-color:transparent;
	width:165px;
	margin:0 8px 0 8px;
	float:left;

}
/* For Mozzila */
div#container > div#contentMain > div#info {
	height:auto;
}
div#info div {
	background-color:#DCD8C7;
	margin:0 0 1em 0;
	padding:1em;
}
div#info div#sponsor {
	background-color:#ffffff;
}
div#contentMain p {
	font-size:1.2em;
	line-height:normal;
}
div#contentMain h1 {
	font-size:2.0em;
	line-height:normal;
}
div#contentMain h2 {
	font-size:1.8em;
	line-height:normal;
}
div#footer {
	height:80px;
	background: transparent url(../images/design/footer.jpg) no-repeat left top;
	width: 753px;
	clear:both;
	overflow:hidden;
	margin: 10px 0 10px 0;
}
/* For Mozilla */
div#container > div#footer {
	overflow:hidden;
	height:auto;
	min-height:80px;
}