
body { 
	background-color: #c8c8c8;
	color : Black;
	margin: 0px 0px 0px 0px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size : 100%;
	font-style: normal;
	min-width:1024px;
}

.bodywrapper {
	min-width: 1004px;
	min-height: 600px;
	position: relative;
	width: 1004px;
	margin: 0 auto;
}

.reportWinWrapper {
	width: 100%;
	margin-top: 30px;
	background-color: #ffffff;
}
	
/* Block elements */
h1, h2, h3, h4, h5, h6, FORM, DIV, BLOCKQUOTE, OL, P, PRE, TABLE, UL, DL, DT, DD {
	display : block;
}

/* Inline elements */
A, B, CODE, EM, I, IMG, INPUT, SMALL, SPAN, STRONG, TEXTAREA {
	display : inline;
}
/* List-item element */
li {
	display : list-item;
}

/* Generic styles for elements */
p {
	margin-top : 1em;
	margin-bottom : 1em;
}

h1, h2, h3, h4, h5, h6 { 
	font-weight: bold;
	font-style: normal; 
	line-height: normal; 
}

h1 { font-size : 2em; 
	color: #006666
}

h2 { font-size : 1.5em; 
 	color: #339999
}

h3 {font-size : 1.25em; 
}

h4 {font-size : 1em; 
}

h5 { font-size: 1em;
}

h6 {font-size: 0.8em;
}

i, em { font-style : italic; 
}

small {font-size : 0.8em; 
}

big { font-size : 1.25em; 
}

ol {list-style : decimal; 
}

ul { list-style : disc; }

hr {
text-align: left;
}

pre, code { 
	font-family : monospace; 
	font-size: small;
}

b, strong { 
	font-weight : bolder; 
}
/* Contextual selectors (Pseudo-classes) a:link img { border : 2px solid Blue; } a:visited img { border: 2px solid purple; } */

a:link {color:#000066; font-weight: bold; text-decoration: none;}  /* unvisited links */
.footer a:link {color:#7794ff; font-weight: bold; text-decoration: none;}  /* unvisited links */
a:visited { color: #000066;text-decoration : none;font-weight: bold;}   /* visited links */
.footer a:visited {color:#ad752d; font-weight: bold; text-decoration: none;}  /* visited links retain colour to view against bg */

a:hover {color:#7794ff; font-weight: bold; text-decoration: none;} /* user hovers   */
a:active  {color:#000066; font-weight: bold; text-decoration: none;} /* active links  */


/* Attribute selector */
INPUT[type="hidden"] { display : none; }

/* main styles */

#wrapper {
   height: auto;
	min-width: 1024px;
	vertical-align : top;
   padding-top: 0px;
	background-color: #c8c8c8;
}

#content {
	text-align:justify;
	margin-bottom: 20px;
}
.center_column{
	top: 0px;
	position: relative;
	margin-left: 212px; 
	width: 500px;
	min-width: 500px;
	background-color:#FFFFFF;
	font-size: 14px;
}
	
.content_wrapper {
	position: relative;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	width: 500px;
}

.content_head {
		background-image: url('../images/main/header.gif');
		background-repeat: no-repeat;
		font-size: 2.2em;
		color:#FFFFFF;
		line-height: 3em;
		height: 86px;
	}
.content_head_small {
		background-image: url('../images/main/header.gif');
		background-repeat: no-repeat;
		font-size: 1.75em;
		color:#FFFFFF;
		line-height: 3.5em;
		height: 86px;
	}
.content_wrapper pre {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em;
	//margin: 0px 0px 0px -50%;
}

.spacer {
	height: 20px;
}
.centered_text {
	text-align: center;
}

.section_1_header {
	color: #FF0000;
	font-weight: bolder;
	font-size: 1.5em;
	margin: 4px auto ;
	width: 100%;
	text-align: center;
}
.grey
	{
	background-color: #606060;
}
.greyfade
	{
	background-image: url('../images/main/greyfade.gif');
	background-repeat: repeat-x;
	background-position:50%
}
/* New styles: main section */

.navigation_column {
	float: left;
	width:195px; 
	background-color:#c8c8c8; 
	margin: 0px 5px 20px 0px;
}

#side_boxes , .side_boxes {
	float: right;
	width:280px; 
	font-size: 14px;
	margin-top: -10px;
	background-color:#c8c8c8; 
}

	
/* footer defs */
#footer {
	

}

.footer_top {;
	height: 10px;
	width: 100%;
}
.footer_img {
	background-image: url('../images/main/greyfade2.gif');
	background-repeat: repeat-x;
	background-position:50%;
	width: 100%;
	}
	
.footer_leftimg {
	background-image: url('../images/main/bluegreyfade2.gif');
	background-repeat: no-repeat;
	background-position-x:0%;
	}
.footer_rightimg {
	background-image: url('../images/main/bluegreyfade3.gif');
	background-repeat: no-repeat;
	background-position-x:100%;
	}
	
.footer_main {
	font-size: 0.8em;
	background-color: #000066;

}
.footer_top2 {
	background-image: url('../images/main/bluegreyfade2.gif');
	background-repeat: repeat-x;
	background-position-y:50%;
	height: 8px;
}

.lefthead
	{
	background-image: url('../images/main/bluelightbluel.gif');
	background-repeat: repeat-y;
	background-position:right;
	}

.righthead
	{
	background-image: url('../images/main/bluelightbluer.gif');
	background-repeat: repeat-y;
	background-position:left;
	}
.footer {
	font-size: 0.8em;
	font-weight: bolder;
	width: 100%;
	background-color: #000066;
}
	
/* New styles: first section for event calendar list */

.calendar_wrapper {
	width: 440px;
	font-size: 0.9em;
	margin: 30px 20px 2px 30px;
}

.footer_links {
	padding: 8px 30px 0 30px;
	border-left: 2px solid #606060;
	border-right: 2px solid #606060;
}
.centered_links {
	float:left;
	color:#7894F5;
	text-align: center;
	width:100%;
	margin-top: -14px;
	margin-left: -30px;
}
/* calendar_footer corners: see http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm */

.bottom_left {
	margin-top: 0px; /* to level of bottom-left corner */
	margin-right: 30px; /* clip right corner */
	background-image: url('../images/menu/corners_B.gif');
	background-position: 0 -12px; /* show under half of the image */
	height: 12px;
	font-size: 2px;
}

.bottom_right {
	margin-top: -12px; /* to level of bottom-left corner */
	margin-left: 30px; /* clip left corner */
	background-image: url('../images/menu/corners_B.gif'); 
	background-position: 100% -12px; /* under half, right side */
	height: 12px; 
	font-size: 2px; 
}

.rightAlign {
	float: right;
	width: 50%;
	margin:  0px -1px  0px  0px;
	text-align: right;
}
/* end calendar_footer corners */
.calendar_title {
	width: 100%;
	color: #000066;
	font-size: 1.6em;
	font-weight: bolder;
	text-align: center;
	margin-bottom: 0.5em;
}
.next_year {
	color: #FF0000;
	background-color: #FFFFFF;
	width: 100%;
	font-weight: bolder;
	text-align: center;
	font-size: 0.9em;
	padding: 1em 0 1em 0;
}

.past_month_wrapper {
	background-color: #c8c8c8;
	padding: 0px 0 2px 0;
	margin: 4px 0 2px 0;
	width: 460px;
	margin-left: 20px;
}
.future_month_wrapper {
	background-color: #ccffff;
	padding: 0px 0 2px 0;
	margin: 4px 0 2px 0;
	width: 460px;
	margin-left: 20px;
}

.current_month {
	color: #FF0000;
	background-color: #FFFFFF;
	width: 100%;
	font-size: 1.25em;
	font-weight: bolder;

}

.month {
	color: #000066;
	background-color: #FFFFFF;
	width: 100%;
	font-size: 1.25em;
	font-weight: bolder;
}

.event_current_day {
	float: left;
	width: 160px;
	color: #FF0000;
	text-align: right;
	font-weight: bold;
}

.event_past_day {
	float: left;
	width: 160px;
	text-align: right;
	background-color: #c8c8c8
}


.event_special_day {
	float: left;
	width: 160px;
	text-align: right;
	font-weight: bold;

}

.event_future_day {
	float: left;
	width: 160px;
	text-align: right;
}

.event_text {
	margin-left: 180px;
}
.event_past_text {
	margin-left: 160px;
	padding-left:20px;
	background-color: #c8c8c8
}

.event_special_text {
	margin-left: 180px;
	font-weight: bolder;
}
.event_current_text {
	margin-left: 180px;
	color: #FF0000;
	font-weight: bolder;
}
.event_desc {
	clear:left;
	width:420px;
	font-style: italic;
	margin: 2px 20px 6px 20px;
}
/* New styles for shows */
.past_show_wrapper {
	background-color: #c8c8c8;
	padding: 4px 8px 8px 12px;
	margin-bottom: 3px;
}
.past_show {
	font-weight: normal;
}
.past_contact{
	padding-top: 8px;
	font-weight: normal;
}
.past_location {
	font-weight: normal;
}
.past_description {
	font-weight: normal;
	font-style: italic;
}
.current_show_wrapper {
	background-color: #ccffff;
	padding: 4px 8px 8px 12px;
	margin-bottom: 3px;
}
.current_show {
	color: #FF0000;
	font-weight: bold;
}
.current_contact{
	padding-top: 8px;
	font-weight: normal;
}
.current_location {
	color: #FF0000;
	font-weight: normal;
}
.current_description {
	font-weight: normal;
}
.future_show_wrapper {
	background-color: #ccffff;
	padding: 4px 8px 8px 12px;
	margin-bottom: 3px;
}
.future_show {
	font-weight: normal;
}
.future_location {
	font-weight: normal;
}
.future_description {
	font-style: italic;
}
/* end: first for shows */
.clear {
	clear:both;
}
/* registered bar */
.registered_wrapper {
		clear:both;
		width:100%;
	}
.greybar {
		background-image: url('../images/main/greybar.gif');
		background-repeat: repeat-x;
		background-position-y:50%;
		height: 10px;
		width: 100%;
		margin:0px;
	}
.registered_text {
		background-color: #000066;
		font-size: 1em;
		text-align: center;
		color: #ffffff;
		padding-top: 10px;
		height: 30px;
	}
.registered_top_left {
		margin-right: 150px; /* clip right corner */
		background-image: url('../images/main/bluegreyfadeL.gif');
		background-repeat: no-repeat;
		height: 10px; /* vertical: show first half of the image with the top-corners in it */
		font-size: 2px; /* correct height for IE */
		
		clear:both;
	}
		
.registered_top_right {
		margin-top: -10px; /* to level of top-left corner */
		margin-left: 150px; /* clip left corner */
		margin-bottom: -2px;
		background-image: url('../images/main/bluegreyfadeR.gif'); 
		background-position: 100% 0; /* show bg-image starting at the right */
		background-repeat: no-repeat;
		height: 10px; 
		font-size: 2px;
		clear:both;
	}
/* Login form */
#memberloginform fieldset{
	padding:10px;
}
#memberloginform legend{
	font-weight:bold;
	font-size:9pt;
}
#memberloginform label{
	display:block;
	height:2em;
	background-color:#000066;
	padding:10px 10px 0;
}
#memberloginform input {
	margin-right:20px;
	border:1px solid #999999;
	float:right;
	clear:right;
	background:#CCCCCC;
}
#memberloginform input:focus,#memberloginform input:hover {
	border:1px solid #333333;
	background-position: -22px 0;
}

.greybuttonIAC, .greybuttonLogin {
	display:block;
	background-image: url('../images/box/greybutton.gif');
	background-repeat: no-repeat;
	background-position: 50% 0px; /* show upper half of the image */
	line-height: 1.5em;
	height: 22px;
	width: 160px;
	margin:auto;
	color:#000066;
	cursor: pointer;
}

div.greybuttonIAC:hover, div.greybuttonLogin:hover {
	color:#7794ff;
	background-position: 50% -22px; 
}
.error{
	color:red;
	font-weight:bold;
}
/* for adobe reader */
#get_reader {
	vertical-align: middle; 
	border: 1px solid #fff;
	}
#get_reader:hover {
	vertical-align: middle; 
	border: 1px solid #000;
	}
/* text boxes */
.textbox {
	padding:5px;
	width: 446px;
	background-color:#f9e5ae;
}
