@charset "UTF-8";
/* CSS Document containing GLOBAL rules for all browsers
	Layout markup by J Hogue and original concept design by J Hogue at Highchair designhaus 


XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XXXXX     XXXX   XXXXX   XXXX  XX  XXXXX  XX  X  XX  XX  XXXXX  XX   X   XXXX
XX  XX  XX  XX     XX  XX  XX     XX  XX  XX  X  XX  XX  X     XX  X  XX     XX     XX  XX     XX  X  XX  XX  XX  X  XX   X  XX   
XXXXXX  XX  XX XX  XXXXXX  XX     XXXXXX  XX  X  XX  XX  X     XX  X  XXXXX   XXX   XX  XX XX  X X X  XXXXXX  XX  X  XX   X   XXX 
XX  XX  XX  XX  X  XX  XX  XX     XX  XX  XXXXX  XX  XXXX      XX  X  XX        XX  XX  XX  X  X  XX  XX  XX  XXXXX  XX   X     XX
XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XX  X  XX  XX  X     XXXX   XXXXX  XXXX   XX  XXXXX  X  XX  XX  XX  XX  X   XXX    XXXX 

*/

html, body, table, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, td, hr, blockquote, ul, ol, dl, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

body, td, input, select, textarea { font-family: "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; font-weight: normal; }
body {
	color: #333;
	text-align: left; 
	font-size: 12px; 
	line-height: 18px;
	background: top left repeat-x url("../cssimages/body_background.png") #fff; 
}
img, img a, a img { border: none; }
a { color: #222; text-decoration: none; }
a:hover { color: #278; }

div.clearit { clear: both; }

big { font-size: 1.4em; }
small { font-size: .8em; }

hr { 
	background-color: #fff; 
	color: #fff; 
	height: 1px; 
	line-height: 1px; 
	border-bottom: 1px dotted #fb3; /* light orange */
	margin: 5px 0 15px 0; 
}

#everyoneneedsawrapper {
	width: 940px;
	margin: 0 auto; 
	background-color: #fff; 
}
.left {
	float: left; 
	width: 190px; 
}
.right {
	margin: 0 0 0 200px; 
}
#header {
	height: 131px; 
	background: 475px 60px no-repeat url("../cssimages/cmc_name.png") #fff;
	/* background: 520px 67px no-repeat url("../cssimages/cmc_name.png") #fff;  */
}
	#header .left { width: 200px; }
	#header .right { margin: 0 0 0 210px; }
	a#logo { 
		display: block; 
		width: 200px; 
		height: 111px; 
		margin: 10px 0 0 0; 
		background: top left no-repeat url("../cssimages/cmc_logo.png") #fff; 
	}
		a#logo:hover { background-position: bottom left;  }
	#global { 
		text-align: right; 
		font-size: 10px; 
		margin: 10px 5px 0 0; 
	}
		#global a { 
			color: #278; 
			border: none; 
			font-weight: bold; 
			text-transform: uppercase; 
			margin: 0 2px; 
		}
		#global a:hover { color: #222; }
#announcement {
	padding: 5px 5px 3px 0; 
	height: 60px; 
	background: top left no-repeat url("../cssimages/announcement_back.jpg") #439d9f;
}
	/* Annoucement carousel settings had to get moved to required.css */
	#announcement h1, #announcement h2, #announcement h3 { 
		font: bold 18px/22px Georgia, TimesNewRoman, "Times New Roman", Times, serif; 
		color: #fff; 
		letter-spacing: 1px; 
		padding: 0 0 2px 0; 
	}
		#announcement h1 a, #announcement h2 a { color: #fff; text-decoration: none; border: none; }
	#announcement h1 { font-style: italic; }
	#announcement h2, #announcement h3 { color: #8bc; font-size: 16px; }
		#announcement h2 a { color: #8bc; }
		#announcement h1 a:hover, #announcement h2 a:hover { text-decoration: underline; }
	#announcement h2.random { color: white; }
		#announcement .inline { display: inline; }
		#announcement h2.random, #announcement h3.author { font-size: 14px; line-height: 18px; }
		#announcement h3.author { white-space: nowrap; }
#breadcrumbs {
	color: #fff; 
	padding: 4px 5px 3px 5px; 
	background: top left no-repeat url("../cssimages/breadcrumbs_back.png") #439d9f;
}
	
#content { clear: both; }
	#content .right { min-height: 400px; }

/* ! - - - Main Navigation - - - */
#mainnav { padding: 45px 5px 0 5px; }
body#home #mainnav { padding: 70px 5px 0 5px; }
	ul#nav, ul.sub_menu { list-style-type: none; }
	ul#nav { }
		ul#nav li {  }
		ul#nav li.first {  }
		ul#nav li a { 
			color: #278; 
			font-size: 16px; 
			line-height: 24px; 
			border: none; 
		}
		ul#nav li a:hover { 
			color: #222; 
		}
			ul#nav ul.sub_menu { padding: 0 0 4px 0; }
			ul#nav ul.sub_menu li { 
				margin: 0 0 0 8px; 
			}
			ul#nav ul.sub_menu li a { 
				color: #222;
				font-size: 12px; 
				line-height: 16px; 
				border-bottom: 1px solid #fff; 
				margin: 0 0 4px 0;
			}
			ul#nav ul.sub_menu li a:hover { border-bottom: 1px solid #278;  }

/* ! - - - Main Content section... most style rules for content are here */
#content-left {
	width: 500px;
	padding: 20px 0;
}
	#content-left.calendar {
		width: auto;
	}
#content-right {
	float: right; 
	width: 230px;
	padding: 20px 0;
}
	body#home #content-left, body#home #content-right { padding: 10px 0; }
	.sidebarcontainer { padding: 0 0 9px 0; }
		.sidebarcontainer #twitter { background: top left repeat url("../cssimages/twitter_mid.png") #fff; }
		.sidebarcontainer #twitter h2 { 
			font-size: 12px; 
			height: 110px; 
			font-weight: normal; 
			text-transform: uppercase; 
			letter-spacing: 1px; 
			padding: 0 0 0 90px; 
			color: #444; 
			background: top left no-repeat url("../cssimages/twitter_top.png") #fff; 
		}
			.sidebarcontainer #twitter h2 a { color: #444; text-decoration: none; border-bottom: 1px dotted #fb3; }
			.sidebarcontainer #twitter h2 a:hover { color: #278; }
		.sidebarcontainer #twitter ul#twitter_update_list {
			list-style-type: none; 
			padding: 0 4px 0 8px; 
		}
			.sidebarcontainer #twitter ul#twitter_update_list li {
				padding: 0 0 3px 0; 
				border-bottom: 1px dotted #fff; 
				margin: 0 0 3px 0; 
			}
		.sidebarcontainer #twitterbottom { 
			height: 20px; 
			background: top left no-repeat url("../cssimages/twitter_bottom.png") #fff; 
		}
#content-left h1 {
	font-size: 18px; 
	line-height: 24px; 
	font-weight: normal; 
	padding: 0 0 6px 0; 
	color: #278; 
}
#content-left h2 {
	font-size: 14px; 
	line-height: 18px; 
	font-weight: normal; 
	text-transform: uppercase; 
	padding: 0 0 6px 0; 
	color: #444; 
}
#content-left h3 {
	font-size: 14px; 
	line-height: 16px; 
	font-weight: bold; 
	padding: 0 0 6px 0; 
	color: #278; 
}
#content-left h4 {
	font-size: 14px; 
	line-height: 16px; 
	font-weight: bold; 
	padding: 8px 0 2px 0; 
	color: #000; 
}
	.sidebarcontainer h3 { 
		font-size: 14px; 
		color: #278; 
		background-color: #ddd; 
		padding: 2px; 
	}
#content-left p, #content-left ul, #content-left ol, #content-left dl, #content-left table { 
	font: normal 13px/22px Georgia, TimesNewRoman, "Times New Roman", Times, serif; 
	padding: 0 20px 10px 0; 
}
	#content-left.calendar table.calendarTable { font: normal 12px/16px "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; }
	#content-left.calendar p { padding: 0 240px 10px 0; }
	#content-left ul, #content-left ol, #content-left dd { margin: 0 0 0 20px; }
#content-left a { border-bottom: 1px solid #278; }
#content-left acronym { border-bottom: 1px dotted #222; }
#content-left blockquote {
	margin: 5px 20px 10px 0;
	border-right: 1px dotted #278;  
	padding: 0 2px 0 30px; 
	font: normal 12px/18px "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; 
	background: top left no-repeat url("../cssimages/blockquote-left.png") #fff; 
}
	#content-left blockquote p { padding: 0; font: normal 12px/18px "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; }
#content-left .event_details {
	border-top: 1px solid #fb3; 
	padding: 8px 0;
	border-bottom: 1px solid #fb3; 
	margin: 0 0 3px 0; 
}

#footer { 
	clear: both; 
	background: top left repeat-x url("../cssimages/footer_back.png") #bbb; 
	padding: 44px 10px 6px 10px;
	font-size: 11px; 
	text-align: center; 
}

/* !- - - - Registration Page - - - - */
#reg_events { }
#reg_events h2 { border-top: 1px dotted #278; margin-top: 10px; }
#reg_events h3 { padding-top: 10px; }
#reg_events h3, #reg_events p { padding-left: 20px; }
a.toregister { padding: 2px 3px 1px 3px; background-color: #fb3; text-decoration: none; }
a.toregister:hover { color: #fff; background-color: #287;  }


/* - - - - Stuff for Registration Forms - - - - */
.regdetails { color: #278; }
	.regdetails strong {
		font: bold 10px/18px "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif;
		color: #333; 
		text-transform: uppercase; 
	}
#content-left form { padding: 8px 0; }
#content-left form fieldset { border: none; }
#content-left form label {
	font: bold 12px/18px "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif;
	display: block; 
	float: left; 
	width: 210px; 
}
#content-left form input[type="text"] { width: 260px; }
#content-left form input[type="submit"] {
	color: #333; 
	background-color: #fb3; 
	padding: 3px 5px 2px 5px; 
	border: 1px solid #278; 
	margin: 0 0 0 210px; /* To push it away from the left and put it under the input fields */
}
#content-left form input[type="submit"]:hover { color: #fff; background-color: #278; border: 1px solid #333; }
#content-left div.errors { border: 1px solid #fb3; background-color: #fe9; padding: 5px 0 3px 5px; }
	#content-left div.errors strong { color: #278; }
	#content-left div.errors label, #content-left div.errors label.error { 
		color: #c33; 
		font-weight: normal; 
		font-style: italic; 
	}
	#content-left div.errors label.error { width: 470px; }
	#content-left div.errors ol li { 
		float: none; 
		display: block; 
	}
#content-left #results { 
	border-top: 1px solid #287; 
	border-bottom: 1px solid #287; 
	color: #000; 
	background-color: #eee; 
	padding: 6px 0 4px 5px; 
	margin: 0 0 10px 0; 
}
	#content-left #results p { padding: 0; }
	#content-left #results label { display: block; float: left; width: 160px; color: #666; }

.red { color: #c33; }
.stripe { height: 10px; background: top left repeat-x url("../cssimages/global_topback.png") #fff; }


:focus { -moz-outline-style: none; }