/* 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: 10pt; 
	color: #000000; 
	margin: 0px; 
	height:100%
	}
p { 
	font-size: 7pt;  
	margin-top: 0px; 
	text-align: justify;
	}
hr {color:navy}
h1,h2,h3 { 
	font: italic normal 10pt ;
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
html {
SCROLLBAR-FACE-COLOR: #FFCC00; 
SCROLLBAR-HIGHLIGHT-COLOR: #FFCC00; 
SCROLLBAR-SHADOW-COLOR:  #FFCC00; 
SCROLLBAR-3DLIGHT-COLOR: #FFFF00; 
SCROLLBAR-ARROW-COLOR: #FFFF00; 
SCROLLBAR-TRACK-COLOR: #333333; 
SCROLLBAR-DARKSHADOW-COLOR: #FF9900;
font-family:  Verdana, Georgia, "Lucida Sans Unicode","Lucida Grande", "Trebuchet MS",  Arial, "Helvetica sans-serif", "Comic Sans MS";
}
.shout
{
	font-size: 10pt; 
	font-weight:bolder;
	color:#FFFFFF;
	}
.credits
{
	font-size: 7pt; 
	color:#DDDDDD;
	}


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;
	}
.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-size: 9pt;
	margin: 10px; 
	height: 140px; 
	z-index: 300;
	width: 550px;
	}
#pageHeaderHelp{ 
	position: absolute;
	left: 10px;
	top: 1px;
	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-size: 6pt;
	margin: 10px 5px 5px 10px; 
	width: 550px;
	z-index: 400;
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}
	
.loginPanel {
    background-color: #F9D86F;
    border: 1px solid #00703C;
	-moz-opacity: 0.8;
	opacity:.8;
	filter: alpha(opacity=80);    
    width: 392px;
    padding: 4px;
    margin-top: 4px;
}

/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid #DBDB79;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    
    background-color: #F9D86F;
    border: 1px solid #00703C;
	-moz-opacity: 0.8;
	opacity: .8;
	filter: alpha(opacity=80);    
    text-align: center;
    
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
  /*  width: 694px;*/
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #DBDB79;
    border-collapse:collapse;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #C7C272;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
    background-color: #DCD78E;
}
.calcurrentday
{
    background-color: #FFFFC1;
}
.calweekend
{
    background-color: #FEEB95;
  /*  width: 15%; */
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 2px solid #C7C272;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;
     
}

.eventBody {
    background-color: #F9D86F;
    border: 1px solid #00703C;
	-moz-opacity: 0.8;
	opacity:.8;
	filter: alpha(opacity=80);    
    width: 640px;
    padding: 4px;
    margin: 4px auto 0 auto;
    text-align: center;
}

.eventBody .eventContent {
    text-align: left;
}

.eventBody .eventEdit {
    text-align: center;
    margin: 0 auto;
}

.eventBody .eventEdit td {
    vertical-align: top;
    text-align: left;
}

.eventBody label {
    float: none;
    display: inline;
}

.eventBody p { font-size: 12px; }

.prevlink
{
    float: left;
    padding-left:15px;    
}

.nextlink
{
    float: right;
    padding-right:15px;    
}
.clear { clear: both; height: 0; }

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

.eventEntry { 
    text-align: left;
}    

.upcomingEvents {
    padding: 2px;
}
.upcomingEvents table {
    margin-left: 5px;
}

/************************************************************************
* 
* Content Boxes
*
************************************************************************/

div.contentBox
{
    border: 1px solid #DE7D12;
    border-top: none;
}
.contentBox p { font-size: 12px; }
div.contentBox .cb_header
{
    background-image: url(../images/contentBoxHeader.gif);
    color: #FFFFFF;
}

div.contentBox .cb_subbody
{
    background-color: #495462;
    padding: 9px;
}
div.contentBox
{
    margin-bottom: 5px;
    background-color: #FFFFFF;
}
div.contentBox .cb_header
{
    background-repeat: repeat-x;
    background-position: right;
    height: 23px;
}
div.contentBox .cb_header h2
{
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 0px 0px 0px;
    float: left;
    margin: 0 0 0 10px !important;
    margin: 0 0 0 5px;
    line-height: 23px;
    height: 23px;
    background-position: left;
    background-image: url(../images/header_arrow.gif);
    background-repeat: no-repeat;
}
div.contentBox .cb_subheader
{
    background-repeat: no-repeat;
    background-position: right;
    height: 23px;
}
div.contentBox .cb_subheader h2
{
    font-size: 14px;
    font-weight: bold;
    padding: 4px 0 0 9px;
    margin: 0px;
    float: left;
    line-height: 23px;
    height: 23px;
}
div.contentBox .cb_header a.header_link, div.contentBox .cb_header a:active.header_link, div.contentBox .cb_header a:visited.header_link
{
    float: right;
    padding-right: 10px;
    font-size: 11px;
    line-height: 23px;
    color: white;
}
div.contentBox .cb_body
{
    text-align: left;
    padding: 9px;
}
div.contentBox .cb_footer
{
    text-align: left;
    background-image: url(../images/cb_footer_bg.gif);
    background-repeat: repeat-x;
    height: 23px;
    padding: 0px;
}
.cb_footer a:link, .cb_footer a:visited, .cb_footer a:active
{
    line-height: 23px;
    color: black;
    font-size: 11px;
    padding: 0px 0px 0px 17px;
    margin: 0px;
    background-repeat: no-repeat;
    background-position: left;
}

.styledButton, .styledButtonLink
{
    color: #781351;
    background: #fee3ad;
    border: 1px solid #781351
}
.styledButtonLink { text-decoration: none; padding: 2px; font-weight: normal; color: inherit; }

.PageNumbers { display: inline; }