@charset "utf-8";
/* CSS Document */
html {
	width: 				100%;
	height: 			100%;
}

body {
	margin:				0px;
	background-color: 	#FFFFFF;
	font:				12px Arial, Helvetica, sans-serif;
	line-height: 		16px;
	text-align:			center;
}

a {
	color:				#000000;
	text-decoration: 	none;
	font:				bold 12px Arial, Sans-Serif;
}
a:hover {
	text-decoration: 	underline;
}


/* -- MAIN SECTION -------------------------------------------------- */
#container {
	margin: 			0px auto;
	width: 				1240px;
}

#header img {
	display: 			block;
	float: 				left;
	margin: 			0px;
	padding: 			0px;
}

#image-header {
	border: 			0px;
	margin-top: 		40px;
}

#content {
	background: 		url('/images/site/content-background.jpg') top left repeat;
	padding-bottom: 	20px;
}

#footer {
	height: 			52px;
	background: 		url('/images/site/footer-background.gif') top left no-repeat;
	padding-top: 		10px;
	color:				#FFFFFF;
}

/* -- Menu Layout ---------------------------------------- */
#menu {
	clear: 				both;
	height: 			46px;
	background-color:	#bf1e2e;
}

#menu ul {
	margin: 			0px;
	padding:			0px;
	list-style-type: 	none;
}

#menu li {
	position: 			relative;
	float: 				left;
	padding: 			0px 15px;
	line-height: 		46px;
	background:			url('/images/site/menu-background.gif') top right no-repeat;
}

#menu li a {
	font-size: 			18px;
	font-weight: 		bold;
	color: 				#FFFFFF;
	text-decoration: 	none;
}

#menu li:hover {
	background:			url('/images/site/menu-background-over.gif') top right no-repeat;
}

#menu li div {
  	display: 			none;
}

#menu li.mega div {
  	width: 				200px;
  	position: 			absolute;
  	top: 				46px;
  	left: 				0px;
  	z-index: 			100;
 	background:			url('/images/site/menu-background-over.gif') top right repeat-y;
  	text-align: 		left;
	color:				#FFFFFF;
}

#menu li.mega h3 {
  	background-color:	#18286e;
	padding: 			0px 10px;
	line-height: 		28px;
}

#menu li.mega p {
  	margin: 			0px 5px;
  	line-height: 		24px;
}

#menu li.mega p a {
  	font-size: 			12px;
}
#menu li.mega p a:hover {
  	text-decoration: 	underline;
}

#menu li.hovering div {
  	display: 			block;
}

/* -- CONTENT ------------------------------------------ */
#left {
	float: 				left;
	margin-left: 		35px;
	width: 				796px;
}

#right { 
	float: 				left;
	margin-left: 		35px;
	width: 				331px;
}

/* -- FEATURE ------------------------------------------- */
.feature {
	margin-top: 		20px;
}

.feature img {
	display: 			block;
	margin: 			0px;
	border: 			0px;
	padding: 			0px;
}

.feature-header {
	margin: 			0px;
	background: 		url('/images/site/content-feature-header-background.gif') top left repeat-y;
	padding:	 		0px 10px 10px 10px;
	font-size: 			18px;
	font-weight: 		bold;
	color: 				#FFFFFF;
	text-align: 		left;
}

.feature-content {
	background: 		url('/images/site/content-feature-background.gif') top left repeat-y;
	padding: 			5px 10px;
	text-align: 		left;
}

.feature-content-homepage {
	background: 		url('/images/site/content-feature-background-character.gif') bottom left no-repeat;
	padding: 			5px 10px 120px 10px;
	text-align: 		left;
}

#flash-banner {
	margin-top: 		20px;
}

/* -- SIDEBAR ------------------------------------------- */
.sidebar {
	margin-top: 		20px;
}

.sidebar img {
	display: 			block;
	margin: 			0px;
	border: 			0px;
	padding: 			0px;
}

.sidebar-header {
	margin: 			0px;
	background: 		url('/images/site/content-sidebar-header-background.gif') top left repeat-y;
	padding:	 		0px 10px 10px 10px;
	font-size: 			18px;
	font-weight: 		bold;
	color: 				#FFFFFF;
	text-align: 		left;
}

.sidebar-content {
	background: 		url('/images/site/content-sidebar-background.gif') top left repeat-y;
	padding: 			5px 10px;
	text-align: 		left;
	line-height: 		18px;
}

/* -- FORM STYLES -------------------------------------- */
#form-register {
	
}

#form-register fieldset {
	padding: 			10px;
	border: 			0px;
}

#form-register legend {
	font-size: 			16px;
	font-weight: 		bold;
}

#form-register label {
	float: 				left;
	width: 				200px;
	padding-right: 		10px;
}

#form-register p {
	clear: 				both;
	margin: 			5px;
}

.instructions {
	padding: 			0px 0px 0px 210px;
	font-size: 			10px;
	font-style:			italic;
}

#form-register .textbox_long {
	width: 				400px;
}

.error {
	background-color: 		#660000;
	border: 				1px solid #CC0000;
	padding: 				5px;
	color:					#FFFFFF;
	font-weight: 			bold;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
}

#form-login {
	
}

#form-login p {
	margin: 		10px 0px;
	clear: 			both;
	font-size: 		16px;
	font-weight: 	bold;
}

#form-login label {
	float: 			left;
	width: 			100px;
	
}

#form-login input {
	font-size: 		16px;
	padding: 		5px;
	border: 		1px solid #000000;
}

#form-login p {
	
}

/* -- BALLOT -------------------------------------------- */
#table-ballot {
	width: 				100%;
	margin: 			10px auto;
	border-collapse: 	collapse;
}

#table-ballot th {
	border: 			1px solid #bf1e2e;
	background-color:	#bf1e2e;
	padding: 			5px;
	color:				#FFFFFF;
}

#table-ballot td {
	border: 			1px solid #bf1e2e;
	padding: 			5px;
}

.question {
	margin: 			5px auto;
	border: 			1px dotted #000000;
	padding: 			5px;
}

.question_description {
	margin-left: 		15px;
}

.option {
	margin-left: 		15px;
	background-color: 	#CCCCCC;
	padding: 			3px;
}

/* -- QUARTERLY ----------------------------------------- */
#quarterly-header {
	padding: 			10px 0px;
	border-top: 		2px solid #000000;
	border-bottom: 		2px solid #000000;
	text-align: 		center;
	font-size: 			16px;
	font-weight: 		bold;
}

#quarterly-header h1 {
	font-size: 			48px;
	font-weight: 		normal;
}

#quarterly {

}

#quarterly img {
	display:			inline;
}

.quarterly-entry {
	border-bottom:		1px dotted #CCCCCC;
	margin: 			10px;
	padding: 			10px;
}

.quarterly-entry img {
	float:	 			left;
	margin-right: 		40px;
	border: 			0px;
}

.quarterly-entry a {
	font-size: 			16px;
	line-height: 		18px;
}


/* -- TABLES -------------------------------------------- */
#member-table {
	margin: 			20px auto;
	width: 				700px;
	border-collapse: 	collapse;
}

#member-table th {
	border: 			1px solid #bf1e2e;
	background-color: 	#bf1e2e;
	padding: 			5px;
	color:				#FFFFFF;
}

#member-table td {
	margin: 			20px;
	border: 			1px solid #bf1e2e;
	padding: 			5px;
}

/* -- SHARED TEXT -------------------------------------- */
ol li {
	margin: 			5px 0px;
}

h3 {
	margin: 			0px;
}

.button { 
	background: 			#660000;
	border: 				2px outset #660000;
	padding: 				5px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	color: 					#FFFFFF;
}

.button:hover { 
	background: 			#330000;
	text-decoration: 		none;
	border: 				2px inset #660000;
}

#footer a {
	color: 					#FFFFFF;
}

.feature-content p, .sidebar-content p {
	margin-top: 		0px;
}

.clear {
	clear: 				both;
	margin: 			0px;
	padding: 			0px;
	height: 			0px;
	line-height: 		0px;
}