body, td, th, select, input, textarea
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #404040;
}

#mainbody
{ 
   margin: 0px; 
   padding: 0px;
   background: url(../images/bg.jpg) repeat-x 0 0 #58bbfe;  
}

h1, h2, h3, h4, h5 { font-size: 1.3em; margin: 0 0 1.0em 0; }
h1 { color: #8d292d; }
h2, h3 { color: #c77018; }


/*
 *	Custom elements
 */

table.box		{ border-collapse: collapse; border: 0px; }
table.box td.boxcorner	{ background-color: #58bbfe; width: 15; }
table.box td.boxheader	{ background-color: #184ca0; color: white; font-weight: bold; font-variant: small-caps; font-size: 11pt; }
table.box td.boxreverse	{ background-color: white;   color: black; font-weight: bold; font-variant: small-caps; font-size: 11pt; }
table.box td.boxbody	{ background-color: #DDDDDD; padding: 2px; }

table.link		{ border-collapse: collapse; border: 0px; width: 100%; background-color: #DDDDDD; }
table.link td		{ padding: 0px; }
table.link td.linkcorner{ background-color: #58bbfe; width: 15; }
table.link td.linkheader{ background-color: white;   color: black; font-weight: bold; font-variant: small-caps; font-size: 11pt; }
.nolink			{ color: #FFCC00; font-weight: bold; background-color: #000000 }

table.view		{ border-collapse: collapse; border: 1px solid black; }
table.view td		{ padding: 1px; border: 0px; }
table.view td.viewcorn	{ background-color: #58bbfe; width: 15; }
table.view td.viewtitle	{ background-color: #184ca0; color: white; font-weight: bold; font-variant: small-caps; font-size: 11pt; }
table.view td.viewbutts	{ background-color: #184ca0; text-align: right; }
table.view td.viewbody	{ background-color: #DDDDDD; }

.outform		{ border-collapse: collapse; border: 1px solid black; background-color: #DDDDDD; }
.outform td	{ padding: 10px; }
.inform td		{ padding: 5px; vertical-align: top; }

table.tick		{ border-collapse: collapse; border: 0px solid #000000; }
table.tick td		{ padding: 2px; vertical-align: middle; }

.hozline	{ background-color: #184ca0; }

.smalltext	{ font-size: 0.8em; }

.mand		{ color: red; font-weight: bold; }

.result		{ color: red; font-weight: bold; }

.calcat		{ width: 100%; background-color: black; }
.calcathead	{ color: white; font-weight: bold; text-align: center; }
.calcatbody	{ text-align: center; font-size: 7pt; }

table.cal	{ width: 100%; background-color: black; border: 1px solid black; border-collapse: collapse; }
table.cal td	{ padding: 3px; }
.calnav		{ background-color: #DDDDDD; }
.caldays	{ background-color: black;   font-weight: bold; color: white; }
.calline	{ background-color: #DDDDDD; }
.caltoday	{ border: 1px solid black;   font-weight: bold; background-color: white;   height: 70px; vertical-align: top; color: red; font-size: 20px; }
.calpast	{ border: 1px solid black;   font-weight: bold; background-color: #DDDDDD; height: 70px; vertical-align: top; }
.calfuture	{ border: 1px solid black;   font-weight: bold; background-color: white;   height: 70px; vertical-align: top; }

.graphbar	{ background-color: #184ca0; }
.graphno	{ color: #184ca0; font-weight: bold; font-size: 12pt; }

/************************************************/


#bg { 
   width: 100%;
   background: url(../images/bg_center.jpg) no-repeat center 0px;
   padding-top: 83px;
   min-width: 770px;
} 

#wrapper { margin: 0px auto; width: 770px; height: 400px; }


/*** HEADER *********************************************************/
/*******************************************************************/

#header { background: url(../images/chorus_01.jpg) no-repeat right 0px #184ca0; float: left; }

#header h1 {
	background: url(../images/logo.jpg) no-repeat 0 0;
	width: 131px; height: 113px;
	margin: 45px 0px 0px 10px; padding: 0px;
	display: inline;	
	float: left; clear: both;
}
#header h1 a { text-indent: -9000px; display: block; height: 113px; }

#header_inner {
   width: 770px;
   height: 213px;
   float: left;
   background: url(../images/header_note.gif) no-repeat left 0px;
   border-bottom: solid 3px #fff; 
}
#header_top { width: 770px; height: 183px; float: left; }
#header_btm { width: 770px; background: url(../images/header_note_btm.jpg) no-repeat 0 0; float: left; }

/*** CONTENT ********************************************************/
/*******************************************************************/

#content {
   float: left;
   width: 770px;
   background: url(../images/content_bg.gif) repeat-y 0 0 #fff;
}

#left { width: 502px; background: url(../images/left_bg.gif) repeat-x 0 0; float: left; padding: 20px 0px 20px 33px; }
#left .padR { padding-right: 33px; }
#left .intro { color: #aa5f62; font-size: 1.1em; }
#left .border { padding: 7px; background: #fff; border: solid 1px #f3cfa7; }

#photo_extend { /* margin-bottom: -10px; */ }

#gallery { width: 737px; background: url(../images/left_bg.gif) repeat-x 0 0 #fff; float: left; padding: 20px 0px 33px 33px; }
#flash_gallery { padding: 15px 0px 0px 0px; }

#right { width: 232px; float: right; background: url(../images/right_photos.jpg) no-repeat 6px bottom #f0cc95; padding-bottom: 240px; }
#right #padd { float: left; padding: 20px 30px 20px 30px; width: 172px; }
#right h2 { border-bottom: solid 1px #dca05e; margin: 0px; }
#right h3 { margin: 3px 0px 10px 0px; font-size: 0.9em; text-transform: uppercase; }
#right p { font-size: 0.9em; }



/*** FOOTER *********************************************************/
/*******************************************************************/

#footer { background: url(../images/footer_bg.gif) repeat-x 0 0 #3785f9; float: left; padding: 12px 15px; width: 740px; margin-bottom: 20px; border-top: solid 3px #fff; }
#footer p { color: #fff; font-size: 11px; margin: 0px; }
#footer p a { color: #fff; text-decoration: none; font-weight: bold; }
#footer p a:hover { text-decoration: underline; }
#footer .left { float: left; }
#footer .right { float: right; }