/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */
/* basic elements */
body { 
	font-size: 9pt; 
	color: #000000; 
	margin: 0px; 
	height:100%
	}
p, td { 
	font-size: 9pt;  
	margin-top: 0px; 
	text-align: justify;
	}
hr {color: #655F51;}
h1 { 
	font-style:italic;
	font-size: 12pt; 	
	text-align:left;
	letter-spacing: 1px; 
	margin-bottom: 5px; 
	color: #849610;
	}
h2 { 
	font-style:italic;
	font-size: 10pt; 	
	letter-spacing: 1px; 
	margin-top: 1px; 
	color: #3F9E0E;
	}
h3 { 
	font-style:italic;
	font-size: 11pt; 	
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #cad761;
	}
html {
SCROLLBAR-FACE-COLOR: #757A66;
SCROLLBAR-HIGHLIGHT-COLOR: #CCD761; 
SCROLLBAR-SHADOW-COLOR:  #505132; 
SCROLLBAR-3DLIGHT-COLOR: #C5C5C5; 
SCROLLBAR-ARROW-COLOR: #FFFFFF; 
SCROLLBAR-TRACK-COLOR: #757A66; 
SCROLLBAR-DARKSHADOW-COLOR: #505132;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica sans-serif;
}
.shout
{
	font-size: 10pt; 
	font-weight: bolder;
	color:#3C412A;
	margin-left:auto;
	margin-right:auto;
	}
.shoutLoud
{
	font-size: 16pt; 
	font-weight: bolder;
	font-style:italic;
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
.shoutLoud2
{
	font-size: 17pt; 
	font-weight: bolder;
	font-style:italic;
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
.legal 
{
	font-size: 7pt;
	font-weight:normal;
	color:#9B57A7;
	 }
.store
{
	font-size: 8pt; 
	font-weight:normal;
	color:#9B57A7;
	}
	

.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: white; /*text color*/
padding: 5px 11px ;
text-decoration: none;
border-right: 1px solid #8A744B; /*dark chocolate divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !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: 1.5em;
display: block
}

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

.submit input
{
color: #000;
background: #DFE7C4;
border: 2px outset #5F7515
} 
fieldset
{
border: 1px solid #5F7515;
width: 60em
}

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


	
a:link 
{
	font-size: 10pt;  
	font-weight: bold; 
	text-decoration: none; 
	color: #FFFFFF;
	margin: 2px 2px 2px 0px;
	
	}
a:visited 
{
	font-size: 10pt; 
	font-weight: bold; 
	text-decoration: none; 
	color: #FFFFFF;
	}
a:hover, a:active 
{
	font-size: 10pt; 
	text-decoration: underline; 
	color: #A1E154;
	}
	
a:link.bluelink
{
	color:#0000FF;
	}

a:visited.bluelink 
{
	color:#0000FF;
	}
	
.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; 
	font-family: arial, helvetica, sans-serif; 
	font-size: 6pt;
	margin-left: auto;
	margin-right:auto; 
	width: 100%;
	
	}
#footer a:link {
	text-decoration: none; 
	color: #FFFFFF;
	}
#footer a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #FFFFFF;
	}
#footer a:hover, a:active { 
	text-decoration: underline; 
	color: #A1E154;
	}


/* shows a visual seperation */
.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}
/* green1 box */
.rbroundbox { background: url(green1/nt.gif) repeat; }
.rbtop div { background: url(green1/tl.gif) no-repeat top left; }
.rbtop { background: url(green1/tr.gif) no-repeat top right; }
.rbbot div { background: url(green1/bl.gif) no-repeat bottom left; }
.rbbot { background: url(green1/br.gif) no-repeat bottom right; }

/* grey1 box */
.rbroundboxgy { background: url(grey1/nt.gif) repeat; }
.rbtopgy div { background: url(grey1/tl.gif) no-repeat top left; }
.rbtopgy { background: url(grey1/tr.gif) no-repeat top right; }
.rbbotgy div { background: url(grey1/bl.gif) no-repeat bottom left; }
.rbbotgy { background: url(grey1/br.gif) no-repeat bottom right; }

/* dkgreen box */
.rbroundboxdkgr { background: url(dkgreen/nt.gif) repeat; }
.rbtopdkgr div { background: url(dkgreen/tl.gif) no-repeat top left; }
.rbtopdkgr { background: url(dkgreen/tr.gif) no-repeat top right; }
.rbbotdkgr div { background: url(dkgreen/bl.gif) no-repeat bottom left; }
.rbbotdkgr { background: url(dkgreen/br.gif) no-repeat bottom right; }


/* height and width stuff, width not really neccesary. */
.rbtop div, .rbtop, .rbbot div, .rbbot, 
.rbtopgy div, .rbtopgy,  .rbbotgy div, .rbbotgy,
.rbtopdkgr div, .rbtopdkgr,  .rbbotdkgr div, .rbbotdkgr
div {
width: 100%;
height: 6px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundboxgy, .rbroundboxdkgr { width: 100%; margin-bottom: 6px; }
.rbroundbox { width: 90%; margin: auto; }