/* 	-----------------------------------------------------------------------------
``	Colors:
	
	moss green		#797C59			background
	warm grey		#D4CEBD			
	cream				#FFFDF1			content area
	tan				#D4C8A7			navigation base
	gold				#E4C97C			home color
	living green	#B3CB80			modules 
	cool grey		#D5D2CD			resources
	rust orange		#D19044			about us
	meringue			#E9E3A4			contact
	red 				#DC3F3F			admin
	
-------------------------------------------------------------------------------*/
		
@import url("navigation.css");
@import url("Template/module.css");


body { 
	background: #797C59; 
	font-size: 100%; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align: center;}
	
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {text-decoration:underline;}


	#container {
		background: #fff; /*	 #FFFDF1; */
		border: 1px #000000 solid;
		margin: auto; /* all encompassing container */
		padding: 0;
		width: 740px;
		font-size: 0.8em; 
		text-align: left; }


/*	Header
-------------------------------------------------------------*/	

	#header {
		background: url(images/headertest.jpg) #000000 no-repeat;
		border-color: #000000;
		border-style: solid;
		border-width: 0;
		height: 115px;
		margin: 0;
		padding: 0;
		text-align: right;
		width: 100%; }
	
	#header h1 { display: none; }
	

/*	Layout
-------------------------------------------------------------*/	
	
	#content { /* complete middle section .. contains sidebar and main */
		background: url(images/topshad.gif) repeat-x 0 0;
		clear: both;
		margin: 0;
		padding: 20px 15px 10px; }
		
		#sidebar {
			float: right; 
			padding:  0;
			text-align: left;
			width: 160px;
			clear: both; }
		#main {
			margin: 0 175px 0 0;
			text-align: left;
			height: auto; 
			line-height: 150%; }
			
	#footer {
		background: #D4C8A7;
		font-size: 0.8em;
		padding: 8px 0;
		text-align: center;
		clear: both;
		margin: 0;
		border-top: 1px solid #000; }

		
	#leftcol { /* index.cfm only. Layout table formatting */
		margin: 0; 
		vertical-align: top;
		width: 220px; }

	#rightcol { /* index.cfm only. Layout table formatting */
		margin: 0;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 10px;
		vertical-align: top; }

/*	General style
-------------------------------------------------------------*/

	th { font-size: 80%; }

	.formula {
		float: left;
		background: #FFFDF1;
		border: 1px solid #000000;
		font: 0.9em "Courier New", Courier, monospace;
		margin: 5px;
		padding: 5px 9px;
		text-align: center;
		vertical-align: middle; }

	.incorrect { background: #DC3F3F; padding: 3px; }

	.indent { padding-left: 20px; }
	
	
		
		#options { background-color: #D4CEBD; padding: 8px;}
		
	.left { text-align: left; }
	
	.super {
		color: #DC3F3F;
		font-size: 0.7em;
		font-weight: bold;
		vertical-align: super; }

.section {
	margin: 10px 0;
	padding: 10px 0;
}

/*	Headings
-------------------------------------------------------------*/

	h3, .info h4 { color: #800000; font-size: 1.2em; margin: 0; padding: 0; }
	
	.subheader h3 {
		color: #D4C8A7;
		margin: 0;
		padding: 0;
		font-size: 1.6em;
		line-height: 1.5em; }
	
	.modulelistheader { font-weight: bold; margin-top: 15px; }
	
	.modulelist h4 { font-size: 1em; padding: 0; margin: 0 0 5px 0; }	

	#sidebar h3 {
		padding: 8px 0;
		margin: 0 0 5px 0; text-align: right;}	

	/*#presentationheader { background: #000000; padding: 15px; text-align: left; } */

	#sectionheader {
		display: block;
		color: #EFEACE;
		border-bottom: 1px solid #D4C8A7; 
		height: 3em; 
		margin-bottom: 10px;}
		
		
	#sectionheader h2 {
		text-align: right;
		font-family: Times, Times New Roman, "MS Serif", "New York", serif;
		font-size: 2.3em;
		padding: 0;
		margin: 0; 
		float: right; }

	#crumbs {
		margin-top: 1.4em;
		float: left;
		font-size: 0.9em; 
		color: #62692B; }
			
	#crumbs a {	
		color: #62692B; 
		text-decoration: none; }
		
	#crumbs a:hover { color: #B3CB80; }

	.info h4 {
		display: inline; }
	

/*	Catalog 
---------------------------------------------------------*/
	.localnav {
		background: #D5D2CD;
		font-size: 0.9em;
		margin: 0;
		padding: 5px 2px;
		text-align: right; }

	.catalogentry { margin: 15px 0; }
	.catalogentry .body { margin-left: 10px; }
	
	.catalogSection, .catalogSection_horizontal { padding: 5px 0; }
	.catalogSection_horizontal p, .catalogSection_horizontal h4 {
		display: inline;
	}
	.catalogsection h4 { font-size: 1em; margin: 0; padding: 0; }		

	.catalogentry h3 {
		margin: 10px 15px 0 0; 
		padding: 0; }

	.catalogsection p { line-height: 150%; margin: 0 15px; }

/*	Quick Links 
---------------------------------------------------------*/	
	.resourceList {
		margin: 0;
		padding: 0; }
	
	.resourceList li{ 
		list-style-type: none; 
		padding: 0;
		margin: 5px 0;
		padding: 5px;
		border-bottom: 1px dotted #B3CB80;	}
	
	.resourceList li .type {
		float: right;
		margin-bottom: 5px; }
		
	.resourceList li a {
		padding: 0 0 0 25px;
		background-repeat: no-repeat;
		float: left;
		clear: left; }
		
	.resourceList li a.url { background-image: url(images/icon_link_sm.gif); }
	.resourceList li a.doc { background-image: url(images/icon_word_sm.gif); }
	.resourceList li a.xls { background-image: url(images/icon_excel_sm.gif); }		
	.resourceList li a.pdf { background-image: url(images/icon_pdf_sm.gif); }		
		
	.resourceList p {
		margin: 3px 0;
		padding: 0 0 0 25px;
		clear: left; }
	
	
/*	Module list
---------------------------------------------------*/
	.modulelist {
		border-bottom: 1px solid #D4C8A7; 
		margin-top: 10px;
		padding: 8px 0 3px 0; }
	
	.modulelist dl, .modulelist dl {
		line-height: 150%; /*	formatting for the complete list of modules */
		margin: 0;
		padding: 0 0 0 10px; }

	.modulelist ul { margin-top: 5px; }
	.modulelist ul li:hover { background: url(images/icon_presentation2.gif) no-repeat 0 10px; }

	.modulelist ul li {
		background: url(images/icon_presentation.gif) no-repeat 0 10px;
		border-top: 1px dotted #D4C8A7; 
		margin: 0 5px;
		padding: 6px 0 6px 20px; }

	.modulelist ul li input, .modulelist ul li img { float: right; }
	.modulelist ul li p { margin: 0 20px 0 0; }
	.modulelist ul li a { text-decoration: none; }


	.fraction {
		float: left;
	}
	.rightaction { float: left; margin-top: 1em; padding-left: 10px; }

	.rightsection {
		background: #FFFDF1;
		border-color: #000000;
		border-style: solid;
		border-width: 0; /* not sure what this is */
		margin: 0 0 10px 0;
		padding: 0; }


/*	Module Start Page
---------------------------------------------------*/	



#presentation ol {
	line-height: 2em;
}		
		
#sidebar.startpage .section {
	margin: 0 0 2em 0;
	padding: 0; }

#sidebar.startpage .section h4 {
	margin: 0;
	padding: 3px 5px;
	background-color: #B3CB80;
	font-weight: normal;
	font-size: 1em; }

* html #sidebar.startpage .section h4 { width: 100%; }

#sidebar.startpage ul {
	padding: 0;
	margin: 1em; }

#sidebar.startpage ul li{
	margin-left: 0.7em;
	padding: 0; }

.info { 
		margin: 0 0 15px 0; 
		padding:  8px 5px; 
		border-bottom: 1px solid #B3CB80; }
		
/*	Slides 
--------------------------------------------------------*/		
/*
	#slide .content { line-height: 200%; }
	
	#slide .footer {
		background: #EFEACE;
		border-color: #797C59 #333333 #333333 #333333;
		border-style: solid;
		border-width: 0 1px 1px 1px;
		margin: 0;
		padding: 15px 10px;
		text-align: right; }
		
	*/
	.dividend { border-bottom: 1px solid #000000; padding-bottom: 5px; }

	.divisor { padding-top: 5px; }
	
	.emetric { color: #797C59; font-style: italic; }
	
	.footnote {
		border: 1px solid #000000;
		color: #800000;
		font-weight: bold;
		margin-right: 10px;
		padding: 2px 4px 2px 4px;	}
	


.selectarea {
	background: #EFEACE;
	border-bottom: 1px solid #000000;
	margin: 0;
	padding: 5px;
}

.subheader {
	display: block;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 5px 0;
	vertical-align: text-bottom;
}



.usermodules { margin: 0; padding: 0 0 0 10px; }



.illus img { border: 0; }

.localnav li { display: inline; padding: 0 5px; }

.presentationnav a { color: #B3CB80; }

.questions td { margin: 0; padding: 5px 0; vertical-align: top; }

.sponsor a { text-decoration: none; }

.sponsor img {
	border-color: #000000;
	border-style: solid;
	border-width: 1px 1px 1px 1px; /* might not need */
}



.usermodules li {
	border-bottom: 1px dashed #D4C8A7;
	list-style: none;
	margin: 0;
	padding: 1px 0;
}





.presentationnav, .sectionnav { text-align: right; }

.questions .divider { border-bottom: 1px dashed #B3CB80; }

.presentationnav a:hover { color: #D4C8A7; }




.localnav li a, .localnav li a:visited { color: #000000; margin: 0; padding: 0; text-decoration: none; }

/*
.modulelist .listitem, .modulelist .listitem {
	border-bottom: 1px dashed #D4C8A7;
	margin: 10px 0 5px 0;
	padding: 4px 0 4px 0;
}

*/
	

/*	Sidebar 
--------------------------------------------------------*/		

#login, #training { background: #EFEACE; margin-bottom: 20px; padding: 10px; }

#sidebar #login {
	padding: 5px 8px;
	background-color: #EFEACE;
	text-align: center; }

#sidebar #login p {
	text-align: left; }
	
#sidebar #login label{font-weight: normal;
}


#admin h4 { margin: 20px 0 0 0; padding: 0; }

#admin ul { line-height: 200%; list-style: square; margin: 0 0 0 20px; padding: 0; }

#adminnav li { display: inline; list-style: none; margin: 0; }

#adminnav ul { margin-top: 0; padding-top: 0; }




/* #presentationheader  h1 {
	color: #B3CB80;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
} */

#purpose { /* paragraph on home page */ padding: 5px 0 10px 0; }

#purpose p { margin-top: 0; }

#subnavcontainer h5 { font-size: 1em; font-weight: normal; margin: 0 0 10px 0; padding: 4px; }

#adminnav li a {
	border: 1px solid #6F303D;
	border-bottom: none;
	color: #000000;
	margin-left: 10px;
	padding: 3px 0.5em;
	text-decoration: none;
}

#content.slide {
	background: #FFFCD9;
	border-top: 1px solid #000000;
	margin: auto;
	padding: 0.5em;
}



#subnavcontainer .menu {
	border: 1px solid #D4C8A7;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 5px 5px 0 5px;
}





#adminnav li a:hover { background: #DC3F3F; border-color: #62692B; color: #FFFFFF; }

#subnavcontainer li a:hover { background: #DFD2A7; }

#subnavcontainer ul li .current { color: #808080; }


#content table, .subheader h3, p.tight, .questions table { margin: 0; padding: 0; }

.localnav li a:hover, .sponsor a:hover, #weoffer h4 a:hover, .modulelist ul li a:hover { text-decoration: underline; }

/* #slide, #slidenotes { margin: 8px 0 0 0; } */

#adminnav li a#current { background: #EFEACE; border-bottom: 1px solid #EFEACE; color: #DC3F3F; }

#login h3, #purpose h3 { margin: 0 0 10px 0; padding: 0; }

#adminnav li a#current:hover { color: #000000; }

#subnavcontainer li a, #subnavcontainer li a:visited {
	border-bottom: 1px #DFD2A7 solid;
	color: #000000;
	display: block;
	margin: 0;
	padding: 3px 0;
	text-decoration: none;
}


.usermodules li a, label.check /* #slide .header */{ font-weight: normal; }

#subnavcontainer h5 a:hover /* #slidenotes .header .title a:hover */{ color: #000000; text-decoration: underline; }

#subnavcontainer h5 a, #subnavcontainer h5 a:visited /* #slidenotes .header .title a */ { color: #000000; text-decoration: none; }



#adminnav { border-bottom: 1px solid #6F303D; margin: 0; padding: 3px 0; }

.confirm {
	border-top: 1px solid #000000;
	margin-top: 20px;
	padding: 5px;
	text-align: right;
}

.announcement { border: 20px dotted #797C59; padding: 10px; }

.answer { padding-left: 5px; }

.answerreason { font-weight: bold; margin-top: 8px; }


.clearit { clear: both; }

.correct { background: #B3CB80; margin: 0; padding: 0; }

	
	.seclink {
		text-align: right;
		margin-bottom: 10px;
	}
	

/*	Form formatting 
---------------------------------------------------------*/
.required { color: red; }

#marginForm .help {
	clear: left;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0 ; }
	
#marginForm fieldset
{
	display: block;
	margin: 0 0 10px 0;
	border: 0 solid #FFFFFF;
	border-top: 1.25em solid #EEE8AA;
	padding: 10px 1em 1em 1em;
}

#marginForm fieldset legend {
	background-color: #E4C97C;
	margin-left: -10px;
	padding: 0 6px;
	border-width: 0 2px;
	border-style: solid;
	border-color: #fff;
}

* html #marginForm fieldset legend {
	border: 0; 
	margin-left: -12px;}

#marginForm fieldset.radio
{
	margin: 0 0 0 -1em;
	border: 0 solid #FFFFFF;
	clear: both;
	padding-bottom: 0;}

* html #marginForm fieldset.radio {
	padding-left: 6px;
}

#marginForm fieldset.radio input
{
	position: static;
	clear: both;
	float: left;
}

#marginForm fieldset.radio label
{
	position: relative;
	top: -2.25em;
	display: inline;
	width: auto;
	margin: 0 0 0 11em;
	font-weight: bold;
	font-weight: normal;
}
* html #marginForm fieldset.radio label
{ margin-left: 11.75em;}

#marginForm fieldset.radio legend 
{
	background-color: transparent;
	padding: 9px;
	float: left;
	font-weight: bold;
}
#marginForm input
{
	position: relative;
	top: -1.4em;
	left: 11em;
	display: block;
}

#marginForm p.submit input
{
	clear: both;
	top: 0;
	display: inline;
}

#marginForm label
{
	clear: both;
	float: left;
	display: block;
	width: 11em;
	margin-top: -1em;
	font-weight: bold;

}

#marginForm label.first
{
	margin-top: 1em;
}

#marginForm select
{
	position: relative;
	top: -1.4em;
	left: 11em;
	display: block;
}
.modulelist ul { list-style: none; margin: 0 0 10px 0; padding: 0; }


/*	Home page lists
----------------------------------------------------------*/

#weoffer { margin: 0 10px 0 20px; }

#weoffer h4 { color: #800000; margin: 0 0 5px 0; padding: 0;  font-size: 1.2em;}

#weoffer h4 a:link, 
#weoffer h4 a:visited { color: #800000; text-decoration: none; }

#weoffer .content { margin: 0 10px; padding: 0 15px 10px 0; }

#weoffer .content p { margin: 0; padding: 0 0 8px 0; }

#weoffer .content ul { list-style: none; margin: 0 0 10px 0; padding: 0; }

#weoffer .content ul li{
	background: url(images/bullet.gif) no-repeat 0 10px;
	border-bottom: 1px dashed #D4CEBD;
	margin: 0 2px;
	padding: 5px 5px 5px 15px; }
	
#weoffer .content ul li a, 
#weoffer .content ul li a:visited { color: #000000; display: block; text-decoration: none; }
#weoffer .content ul li a:hover { color: #800000; text-decoration: underline; }

#weoffer .content ul li a.module {
	background: url(images/icon_presentation.gif) no-repeat right 4px;
	padding-right: 20px; }

#weoffer .illus {
	border-color: #333333;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	float: right;
	height: 61px;
	margin: 0 0 0 0;
	padding: 0;
	width: 100px; }

#weoffer .item {
	border-bottom: 1px solid #D4CEBD;
	margin-bottom: 20px;
	padding: 0 0 10px 0; 
}
	
/*  module page 
--------------------------------------------- */

.option {
	/*float: left;
	width: 30%; 
	margin: 10px 15px 0 0; */}
	
.option .header {
	vertical-align: bottom;
	color: #800000; font-size: 1.2em; margin: 0; padding: 0;
	font-weight: bold;
}

.option p {
	vertical-align: top;
	/* background-color:  #FFFDF1; */
}



/* catalog listings
------------------------------------------ */

#toplevel .sublevel { list-style-type: none; margin: 0 10px; padding: 0; }
#toplevel .sublevel li {
	background: url(Template/images/raquo.gif) no-repeat 0 0.85em;
	margin: 0;
	padding: 6px 0 6px 10px;
}
#toplevel .sublevel li h5 { width: 70%; }

#toplevel { list-style: none; margin: 10px 0; padding: 0; }
#toplevel li { margin: 5px 0 0 0; }

#toplevel li h5 {
	border-bottom: 1px dashed #D5D2CD;
	font-weight: normal;
	font-size: 1.4em;
	margin: 0;
	padding: 3px;
}

.emetrics li {
	padding: 3px 0;
	list-style: square;
}

/*	Catalog Subjects 
		
.subjectList, .subjectList .sublevel, .subjectFormList .sublevel, .subjectFormList {
	list-style: none;
	padding-left: 2em; }
	
.subjectList, .subjectFormList {
	padding: 0; }
	
.subjectList li, .subjectFormList li {
	clear: both;
	border-bottom: 1px dashed #D5D2CD;
	padding: 3px 0 3px 12px;
	vertical-align: middle;	
	background-image: url(images/bullet2.gif); 
	background-repeat: no-repeat;
	background-position: 0 center; }

.subjectList li .subject, h5.adminheader .subject {
	float: left;
	clear: left; }

.subjectList li .actions, h5.adminheader .actions {
	float: right;
	clear: right; }

.subjectFormList li {
	background-image: none;
	padding-left: 0;
}
.subjectFormList li label { font-weight: normal; }

/* Reciprocal Clubs
--------------------------------------------------------*/
.club {
	cursor: pointer;
}
.hover {
	background-color: #FFFFCC;
}
.selected {
	font-weight; bold;
}
table#clubsTable {
	border: 0px;
	border-collapse: collapse;
	width: 100%;
}
table#clubsTable td {
	font-size: 90%;
}
div#clubsArea {
	margin: 25px 0px 25px 0px;
}
div#clubDetail {
	border: 1px solid #ccc;
	width: 100%;
	padding: 5px;
	overflow: auto;
	background-color: #FFFFCC;
}
select.spryDropdown {
	border: 1px solid #000;
	padding: 2px;
	font-size: 90%;
}
div.clubName {
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	font-size: 100%;
}
div#clubForm {
	border-top: 1px solid #ccc;
	padding-top: 10px;
	margin: 0px 0px 15px 0px;
}