/*------------------------------------------------------------------------------*/
/* nopartnerrequired.css */
/*	jpl 6/25/08
/*	Core CSS for nopartnerrequired
/* 
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/* SECTION::Global HTML Resets */

* {
	padding:				0;
	margin:					0;
}

html {
	padding:				0;
	margin:					0;
}

body {
	text-align:				left;
	padding:				0;
	margin:					0;
	background-color:		#fff;
	font-family:			Helvetica, Arial, sans-serif;
	font-size:				12px;
}

ol, ul, li {
	list-style-type:		none;
}

td {
	vertical-align:			top;
}

p {
	padding:				5px 0px;
}
img {
	border:					none;
}

/* End SECTION::Global HTML Resets
/*------------------------------------------------------------------------------*/





/*------------------------------------------------------------------------------*/
/* SECTION::Page Structure */

#page-wrapper {
	position:				relative;
	margin:					20px auto 0 auto;
	padding:				0;
	text-align:				left;
	width:					960px;
}
	
	
	/*****************************************************************/
	/* header */

	#page-header {
		position:			relative;
		margin-bottom:		15px;
		height:				318px;
		background:			transparent url(../images/headerBG.jpg) 0px 0px no-repeat;
	}
	
	#page-header #logo {
		position:		absolute;
		left:			30px;
		top:			0px;
	}

	#page-header-menu {
		position:			absolute;
		left:				5px;
		bottom:				5px;
		height:				31px;
		font-size:			16px;
		font-weight:		900;
		color:				#FFF;
	}
	
	
	.page-inner-content {
		padding:			30px 30px 30px 30px;
	}
	
	/*****************************************************************/
	
	
	
	
	
	
	
	/*****************************************************************/
	/* footer */
	#page-footer {
		clear:				both;
		margin-top:			20px;
		border-top:			3px solid #445665;
		height:				30px;
		padding-top:		5px;
		color:				#000;
		font-size:			14px;
		text-align:			center;
		background:			#CFD8E0;
	}
	/*****************************************************************/
	
	
	
	/*****************************************************************/
	/* header nav-bar */
	
	.nav-bar {
		list-style-type:		none;
		float:					left;
	}
	
	.nav-bar li {
		position:				relative;
		float:					left;
		text-align:				center;
		background:				url(../images/menu/menuItemOffOn.gif) right 0px no-repeat;
	}
	.nav-bar li:last-child {
		background:				url(../images/menu/menuItemOffOnLastChild.gif) right 0px no-repeat;
	}
	
	.nav-bar li a, .nav-bar li span {
		background:				url(../images/menu/menuLeftEdge.gif) no-repeat;
	}
	.nav-bar li:first-child a, .nav-bar li:first-child span {
		background:				url(../images/menu/menuLeftEdgeFirstChild.gif) no-repeat;
	}
	
	.nav-bar li a, .nav-bar li span {
		display:				block;
		color:					#fff;
		padding-top:			5px;
		height:					24px;
		font-weight:			900;
		text-decoration:		none;
	}
	
	.nav-bar li:hover {
		background-position:	right -31px;
	}
	
	
		/* Sub-menu */
		.nav-bar li ul {
			position:			absolute;
			border:				3px solid #9E1E18;
			border-top:			none;
		}
		.nav-bar li li {
			width:				154px;
		}
		.nav-bar li li a, .nav-bar li li span {
			display:			block;
			background:			#FFF;
			color:				#9E1E18;
			padding-top:		3px;
			height:				18px;
		}
		.nav-bar li li a:hover, .nav-bar li li span:hover {
			background:			#9E1E18;
			color:				#FFF;
		}
		
			/* Sub-sub menu */
			
			.nav-bar li ul ul {
				top:				3px;
				left:				154px;
				border-top:			3px solid #9E1E18;
			}
	
	
/* End SECTION::Page Structure
/*------------------------------------------------------------------------------*/







/*------------------------------------------------------------------------------*/
/* SECTION::Chrome  */
	a:link		{ color: #7053D7; text-decoration: underline; font-weight: normal; }
	a:visited	{ color: #7053D7; text-decoration: underline; font-weight: normal; }
	a:hover		{ color: #7053D7; text-decoration: none;      font-weight: normal; }
	a:active	{ color: #7053D7; text-decoration: underline; font-weight: normal; }

a img { border : 0; }


h1 {
	font-size:				28px;
	color:					#000;
	margin-top:				8px;
	margin-bottom:			8px;
}

          
h2, span.h2, div.h2 {
	font-size:				18px;
	color:					#000;
	margin-top:				6px;
	margin-bottom:			6px;
	line-height:			20px;
}


h3 {
	font-size:				14px;
	font-weight:			900;
}


div.lineHR {
	background:				#445665;
	height:					3px;
}


/* End SECTION::Chrome
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* SECTION::Buttons  */

.button {
	min-width:				100px;
	white-space:			nowrap;
	background:				transparent url(../images/buttonLeftEdge.png) no-repeat top left;
	margin:					1px;
	padding:				1px 0 2px 0;
	height:					16px;
	cursor:					pointer;
	-moz-user-select:		none;
	font-size:				12px;
	color:					#000;
}


.button span {
	margin-left:			9px;
	margin-bottom:			10px;
	padding:				1px 12px 2px 3px;
	height:					220px;
	background:				url(../images/button.png) no-repeat top right;
}

span.button:hover {
	background:				transparent url(../images/buttonLeftEdge.png) 0px -19px no-repeat;
}

span.button:hover span {
	background:				transparent url(../images/button.png) right -19px no-repeat;
}


span.button:active {
	background:				transparent url(../images/buttonLeftEdge.png) 0px -38px no-repeat;
}

span.button:active span {
	background:				transparent url(../images/button.png) right -38px no-repeat;
}


	/* IE6 PNG alternative: */
	* html span.button				{ background-image:	url(../images/button.gif); }
	* html span.button:hover		{ background-image:	url(../images/buttonLeftEdge.gif); }
	* html span.button:hover span	{ background-image: url(../images/button.gif); }
	* html span.button:active		{ background-image:	url(../images/buttonLeftEdge.gif); }
	* html span.button:active span	{ background-image:	url(../images/button.gif); }



/* End SECTION::Buttons
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* SECTION::Modules, Sections and Elements  */

div.module {
	margin-bottom:			38px;
	text-align:				left;
}

div.module .titleBar, ul.tabSet li {
	position:				relative;
	background:				transparent url(../images/moduleHeaderLeftEdge.gif) no-repeat top left;
	height:					38px;
	font-size:				22px;
	vertical-align:			middle;
}
div.module .titleBar span.theTitle, ul.tabSet li span {
	display:				block;
	vertical-align:			middle;
	color:					#ffffff;
	margin-left:			12px;  /* nudge out of the BG image left edge */
	padding-top:			7px;
	padding-bottom:			15px;
	padding-right:			12px;  /* ensure we don't bleed into the BG right egde */
	background:				transparent url(../images/moduleHeader.gif) no-repeat top right;
	overflow:				hidden;
	white-space:			nowrap;
}
div.module .titleBar span.theTitle .button {
	position:				relative;
	top:					-3px;
}

div.module div.body {
	position:				relative;
	background-color:		#F1F6FA;
	margin:					0;
	padding:				16px 32px;
}

div.module div.body .fullBody {
	margin-left:			-32px;
	margin-right:			-32px;
	padding:				0px 32px;
}

div.module div.body ul.fullBody {
	padding:				0px 0px;
}
div.module div.body ul.fullBody li {
	padding:				0px 32px;
}

div.module div.narrow {
	padding:				16px 20px !important;
}

div.module div.narrow .fullBody {
	margin-left:			-20px !important;
	margin-right:			-20px !important;
	padding:				0px 20px !important;
}

div.module div.narrow ul.fullBody li {
	padding:				0px 20px !important;
}


div.horizonalDivider {
	height:					1px;
	background-color:		#000;
	margin:					12px 0px;
}


div.module div.footer {
	background:				transparent url(../images/moduleFooterLeftEdge.gif) no-repeat top left;
	height:					15px;
}
div.module div.footer span.footerSpacing {
	display:				block;
	font-size:				3px;
	margin-left:			12px;  /* nudge out of the BG image left edge */
	padding-top:			9px;
	padding-bottom:			3px;
	background:				transparent url(../images/moduleFooter.gif) no-repeat top right;
}

div.module .nextSection {
	display:				block;
	clear:					both;
	margin-top:				16px;
}

.nextElement {
	margin-top:				6px;
}



/* Need a clean, consistent way to ensure this:  */
.nextElementLine {
	padding-top:		6px;
}

/* End SECTION::Modules, Sections and Elements 
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* SECTION::Tabs  */

ul.tabSet {
	height:					38px;
}
ul.tabSet li {
	float:					left;
	text-align:				center;
	width:					25%;
}

ul.tabSet li span {
	cursor:					pointer;
}



ul.tabSet li.currentTab, ul.tabSet li.hoverTab {
	color:					#ffffff;
}

ul.tabSet li.currentTab {
	background:				transparent url(../images/moduleHeaderLeftEdgePlain.gif) no-repeat top left;
}
ul.tabSet li.currentTab span {
	color:					#3b4d5c;
	background:				transparent url(../images/moduleHeaderPlain.gif) no-repeat top right;
}

/* End SECTION::Tabs
/*------------------------------------------------------------------------------*/







/*------------------------------------------------------------------------------*/
/* SECTION::Standard Inputs  */
input[type="text"], input[type="password"], select, textarea {
	background:			#FFF;
	font-size:			14px;
}

input[type="text"], input[type="password"] {
	background:			#FFF;
	border:				2px solid #000;
	height:				18px;  /* inside border minus padding */
}

textarea {
	background:			#FFF;
	border:				2px solid #000;
	padding:			6px 3px;
	font-family:		helvetica, serif;
}

/*	input[type=checkbox], input[type=radio] {
		margin:				4px 2px;
	}
*/
select {
	border:				1px solid #4A5C6A;
	border-right:		#3C4D5D;
	border-bottom:		#3C4D5D;
	padding:			2px 0px 2px 0px;
	height:				23px;  /* inside border */
}


/* End SECTION::Standard Inputs
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/* SECTION::Page: Home */

div.homeSection div.titleBar {
	text-align:				center;
}

div.homeSection div.body {
	height:				140px;
	padding-left:		195px;
	background-color:	#F1F6FA;
	background-repeat:	no-repeat;
	font-size:			14px;
}


#upcomingEventsMenu li a {
	background:			url(../images/icons/iconFeet.gif) 100% 50% no-repeat;
}
	
/* End SECTION::Page: Home
/*------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------*/
/* SECTION::Page: Resources */

	.resourceImage {
		margin-right:		30px;
		margin-bottom:		10px;
		float:				left;
	}
	
	div.resourceMain {
		float:			left;
		width:			630px;
	}
	
	div.resourceMap {
		float:			right;
		width:			244px;
	}


/* End SECTION::Page: Resources
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* SECTION::Page: Contact */

table.checkboxTable {
	text-align:			center;
	margin-left:		20px;
}

table.checkboxTable td {
	text-align:			left;
	padding:			5px;
}



/* End SECTION::Page: Contact
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/* SECTION::Global Widgets */
	
	
	div.eventDivider {
		border:				1px dotted #000;
		height:				0px;
	}
	
	div.eventBlurbImage {
		float:				right;
		padding:			0px 0px 10px 20px;
	}
	
	/* List Menus =======================================================*/
	ul.listMenu li a {
		display:			block;
		text-decoration:	none;
		color:				#3c4e5d;
		font-size:			.8em;
		padding:			3px 5px;
	}
	
	ul.listMenu li a:hover, ul.listMenu li:hover {
		background-color:	#E4EBF0 !important;
	}
	
	ul.listMenu a h3 {
		color:				#000;
	}
	/* End List Menus ===================================================*/
	
	
	div.colorCode {
		float:				left;
		height:				17px;
		width:				17px;
	}
	
	
	hr.dashedDivider {
		border:				none;
		border-bottom:		1px dashed #000;
		background:			transparent;
		margin:				10px 0px;
		height:				1px;
	}
	
	

#loadingMessage {
	display:			none;
	position:			fixed;
	top:				0px;
	right:				0px;
	border:				2px solid #7053D7;
	background:			#fff;
	color:				#000;
	padding:			10px;
	z-index:			5000;
}


	
/* End SECTION::Global Widgets
/*------------------------------------------------------------------------------*/





/*------------------------------------------------------------------------------*/
/* SECTION::Global Utility  */
	
	
	.highlight {
		color:			#596C7B;
		background:		#F1F6FA;
		font-size:		17px;
		padding:		15px 25px;
		margin-bottom:	30px;
	}
	
	ul.disc li {
		list-style-type:disc;
		margin-left:	20px;
		padding-left:	10px;
	}
	
	.bigText {
		font-size:		16px;
	}
	.bigText p {
		padding-bottom:	15px;
	}
	
	.nextSection	{ margin-top: 16px;}
	.nextElement	{ margin-top: 6px; }
	

/* End SECTION::Global Utility
/*------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------*/
/* SECTION::Universal Utility  */
	
	.left       { float: left; }
	.right      { float: right; }
	.inline		{ display: inline }
	
	/* this is for using on a block-level container element */
	/* and will center contents inside the container */
	.center     { text-align: center; }
	
	/* this is for using on an inline element, such as an image */
	/* and will turn the element block, and center the element within its container */
	.centered   { display: block; margin: 0 auto 10px auto; }
	
	.verticalMiddle td, td.verticalMiddle { vertical-align: middle; }
	div.verticalMiddle { vertical-align: middle; display: table-cell; }
	.verticalMiddle * { vertical-align: middle; }
	
	.relative	{ position: relative; }
	.absolute	{ position: absolute; }
	
	.absoluteBottom   { position:	absolute; bottom: 0px; }
	
	.hidden     { display: none; }
	.no-border  { border: none !important; }
	
	.flush-left { padding-left : 0 !important; margin-left : 0 !important }
	.flush-right{ padding-right: 0 !important; margin-right: 0 !important }
	
	.fullWidth	{ width: 100%; }
	
	.clear      { clear: both; }
	
	.clickable	{ cursor: pointer; }
	.strikeText { text-decoration: line-through; }
	.underline  { text-decoration: underline; }
	.transparent{ border: none !important; background: transparent; }
	
/* End SECTION::Universal Utility
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/* Drop Shadow Elements for Pop Ups */
html>body .ds1UR { background: url(../images/dropShadowUpperRight.png) right top no-repeat; }
html>body .ds1LL { background: url(../images/dropShadowLowerLeft.png) left bottom no-repeat; padding-top: 8px; padding-left: 8px; }
html>body .ds1M { background: url(../images/dropShadowMain.png) bottom right; }
html>body .ds1C { position: relative; left: -8px; top: -8px; }
/*------------------------------------------------------------------------------*/


