/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */
/* basic elements */
body 
{
	background: #C1DA3E url(../images/bg.gif) repeat-x;
	font-size: 9pt; 
	color: #000000; 
	margin: 0px; 
	height:100%
	}
p, td { 
	font-size: 11pt;  
	margin-top: 0px; 
	text-align: justify;
	}
hr {color: #849610;}
h1 { 
	font-style:italic;
	font-size: 11pt; 	
	text-align:left;
	letter-spacing: 1px; 
	margin-bottom: 5px; 
	color: #849610;
	}
h2,h3 { 
	font-style:italic;
	font-size: 10pt; 	
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #cad761;
	}
h4 { 
	font-style: normal;
	font-weight: bold;
	font-size: 18pt; 	
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #000000;
	}
h5 { 
	font-style:normal;
	font-weight: bold;
	font-size: 14pt; 	
	letter-spacing: 1px; 
	margin-bottom: 0px;
	color: #000000;
	}
h6 { 
	font-style:normal;
	font-size: 12pt; 	
	letter-spacing: 1px; 
	margin-bottom: 0px;
	color: #000000;
	text-align: left;
	}

html {
SCROLLBAR-FACE-COLOR: #859711;
SCROLLBAR-HIGHLIGHT-COLOR: #CCD761; 
SCROLLBAR-SHADOW-COLOR:  #DBDFC6; 
SCROLLBAR-3DLIGHT-COLOR: #A8B46C; 
SCROLLBAR-ARROW-COLOR: #000000; 
SCROLLBAR-TRACK-COLOR: #859711; 
SCROLLBAR-DARKSHADOW-COLOR: #655E29;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica sans-serif;
}

.redHeader 
{
	font-style:italic;
	font-weight: bold;
	font-size: 14pt; 	
	text-align: left;
	margin-bottom: 0px;
	color: #FF0000;
	}
.shout
{
	font-size: 11pt; 
	font-weight:bolder;
	color:#FFFFFF;
	}
.bigblackbold
{
	font-size: 11pt; 
	font-weight:bolder;
	color:#000000;
	}
.bigblack
{
	font-size: 11pt; 
	color:#000000;
	}
.tinyRed
{
	font-size: 8pt; 
	font-weight: bold;
	color:#FF0000;
	text-align: left;
	}
	
.store
{
	font-size: 8pt; 
	font-weight:normal;
	color:#9B57A7;
	}
	
.midTitle { 
	font-style:normal;
	font-size: 13pt; 	
	letter-spacing: 1px; 
	margin-bottom: 0px;
	color: #000000;
	}

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #8A744B; /*dark chocolate*/
border-width: 1px 0;
background: #FFFFFF url(btnNormal.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #000000; /*text color was 735D2C*/
padding: 5px 11px ;
text-decoration: none;
border-right: 1px solid #8A744B; /*dark chocolate divider between menu items*/
}

.indentmenu ul li a:visited{
color: #000000;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: #000000 !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: #FFFFFF url(btnOver.gif) center center repeat-x;
}
.indentmenu ul li .hilite{
color: #FFFF2D !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: #FFFFFF url(btnOver.gif) center center repeat-x;
}


label{
width: 10em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.submit input{
margin-left: 4.5em;
} 
input, textarea, select{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 
fieldset
{
border: 1px solid #781351;
width: 60em
}

legend
{
color: #fff;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
} 

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #00703C;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #CC9900;
	}
a.black:link {color: #000000;  font-style: normal; text-decoration: none;}
a.black:active {color: #FFFFFF;  font-style: italic; text-decoration: underline; }
a.black:visited {color: #000000;  font-style: normal; text-decoration: none;}
a.black:hover {color: #FFFFFF;  font-style: italic; text-decoration: underline;}

a.yellow:link {color: #FFFF2D;  font-style: normal; text-decoration: none;}
a.yellow:active {color: #FFFFFF;  font-style: italic; text-decoration: underline; }
a.yellow:visited {color: #FFFF2D;  font-style: normal; text-decoration: none;}
a.yellow:hover {color: #FFFFFF;  font-style: italic; text-decoration: underline;}

.mp3
{
	font-size: 11pt; 
	font-weight:bolder;
	}

/* specific divs */
#container {
	height:100%;
	border-style:double;
	border-color: #CC9900;
	z-index: 50;
	}
#intro { 
	width-min: 470px;
	}
#pageHeader { 
	position: relative;
	left: 10px;
	top: 2px;
	font-family: arial, helvetica, sans-serif; 
	font-size: 9pt;
	margin: 10px; 
	height: 140px; 
	z-index: 300;
	width: 550px;
	}
#pageHeaderHelp{ 
	position: absolute;
	left: 10px;
	top: 1px;
	font-family: arial, helvetica, sans-serif; 
	font-style:italic;
	color:#FF6600;
	font-size: 8pt;
	margin: 2px; 
	height: 20px; 
	z-index: 100;
	width: 550px;
	}

#leftFiller {	 
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 5px 5px 5px 5px; 
	background-color:#FFFFFF;
	height: 100%;
	z-index: 25;
	width: 815px;
	}
#rightFiller {	 
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 5px 5px 5px 5px;
	background-color:#000000;
	height: 100%;
	z-index: 20;
	width: 100%;
	}
#footer { 
	text-align: center; 
	position: relative;
	left: 10px;
	font-family: arial, helvetica, sans-serif; 
	font-size: 6pt;
	margin: 10px 5px 5px 10px; 
	width: 550px;
	z-index: 400;
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}
	


/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}

/* we hide the custom pager but still need it's functionality */
.rptrPaging { visibility: hidden; }