#ContentPanel {
	font: 13px/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #595959;}

/* links */

#ContentPanel a,
#ContentPanel a:link, #ContentPanel a:visited	{ color: #2FA694; text-decoration: none; }
#ContentPanel a:hover, #ContentPanel a:active	{ color: #d00044 ; text-decoration: none; }

#ContentPanel a:hover, #ContentPanel a:active	{ color: #f0f0f0; }

/* headings */

#ContentPanel h1,#ContentPanel h2 {
	font-family:  Arial, Helvetica, Garuda, sans-serif;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 0.5em;
	padding: 0 0 0.2em;
	color: #000;}
	

h1 span, h2 span {
	display: block;
	color: #8F8F8F;
	font-size: 0.6em;
	margin: -0.1em 0 0;}
	
#Footer h1, #Footer h2, #Footer h3, #Footer h4, #Footer h5, #Footer h6,
#ContentPanel h1, #ContentPanel h2, #ContentPanel h3, #ContentPanel h4, #ContentPanel h5, #ContentPanel h6 { 
	color: #eee;} /* headers on dark backgrounds */

/* forms and inputs */

.textInput {
	width: 175px;
	margin: 0 0 0.5em;
	padding: 5px;
	background: #E1E2E3 url("/images/inputBg.gif") repeat-x 0 0;
	border: 1px solid #fff;
	border-color: #C9CACB #fff #fff #C9CACB;
	outline: none;}
	
label.overlabel { 
	color: #B3B4B4; 
	font-size: 1.2em; 
	display:none;	/* initially hidden to prevent other content from shifting after JS function runs */ 
}
/* design structure */

	
#Header, .pageMain, #Footer {width: 990px;}	/* must be specified for PNG Fix to work (IE 6 issue) */




/* max width containers */
.contentMax, .contentArea, #Showcase, #Slides {
	margin: 0 26px;
	width: 938px;}
	
	
/* content containers */

.contentArea	{ padding: 15px 0; }

/* layouts styles */



#ContentPanel { /* hidden top content area */
	position:relative; 
	display:none; 		/* hidden on start */
	background: #2C2C2C; 
	border-bottom: 1px solid #fff; }
#ContentPanel .contentArea	{ margin: 0 auto; }

/* button styles */

button { 
	position: relative;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */}
	
button.btn {
	border: 0; 
	padding: 0;
	outline: none;
	margin-left: -6px; /* corrects for shadow to make left edge look aligned */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;}

button.btn { 
	padding: 0 35px 0 0; 
	margin-right:5px; 
	font-size: 1em; 
	text-align: center; 
	background: transparent url("/images/button-sprite.gif") no-repeat right -92px;}
	
button.btn span {
	padding: 13px 0 0 35px; 
	height: 29px; 
	background: transparent url("/images/button-sprite.gif") no-repeat left top; 
	color: #a2a2a2;
	line-height: 1.2;
	text-shadow: #000 -1px -1px 0px;}
	
button.btn:hover, button.btnHover { background-position: right -138px;} /* extra class used for sucky browsers (stupid IE) */
	
button.btn:hover span, button.btnHover span {
	background-position: 0 -46px;
	color: #fff;
	text-shadow: #333 -1px -1px 1px;}
	
.darkBg button.btn, .darkBg button.btn span,
#Footer button.btn, #Footer button.btn span,
#ContentPanel button.btn, #ContentPanel button.btn span { background-image: url("/images/button-sprite-dark.gif"); }	/* for buttons on dark backgrounds */


/* login */

.loginForm		{ height: 207px; overflow: hidden; }
.loginContainer {
	float: left;
	width:245px;
	height: 142px;
	padding: 15px 0 0 20px;
	background: transparent url("/images/login-bg.png") no-repeat 0 0;
	color: #C6C6C6;
	overflow: hidden;}
#loginBg						{ float: left; margin: 17px 0 0;}
.loginForm fieldset legend		{ display: none; }
.loginContainer p				{ margin: 0 0 0.5em; }
.loginContainer .loginInput		{ width: 217px; }
.loginForm .signInButton		{ margin: 0 18px 0 0; }
a.loginClose {
	position: absolute;
	top: -10px;
	right: -12px;
	display: block;
	height: 30px;
	width: 36px;
	text-indent: -999px;
	overflow: hidden;
	background: transparent url("/images/smallClose.png") repeat 0 0;}
a.loginClose:hover, a.loginClose:active { background-position: 0 -30px; }

/* top reveal content panel */

#ContentPanel #loginBg	{ margin: 0 15px 0 0; }
#ContentPanel .closeBtn	{ 
	width: 36px;
	height: 30px;
	float: right;
	margin: 10px;
	text-indent: -999px;
	overflow: hidden;
	background: transparent url("/images/smallClose-dark.png") repeat 0 0; }
#ContentPanel .closeBtn:hover, #ContentPanel .closeBtn:active { background-position: 0 -30px; }