@charset "utf-8";
/* CSS Document */

html,body {
	height:100%; /* needed for container min-height */
}
body {
	font-size:62.5%;
	letter-spacing:0.02em;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#2b2b2b;
}

/*#page {
	position: relative;
	min-height: 100%;
}
* html #page {
	height: 100%;
}*/
.clear {
	clear:both;
}
a {
  outline: none;
}

input[type=text]:focus,
input[type=password]:focus {
  outline: 0 none;
}

a, .right b, .right .caption, .right h2, .right h3 a{color:#825d84;}

.green, 	a.green, 	.green a, 	.green .right b, 	.green .right .caption, .green .right h2,	.green .right h3 a, 	.green .right .color {color:#6b8646;}
.purple, 	a.purple, 	.purple a, 	.purple .right b, 	.purple .right .caption,.purple .right h2,	.purple .right h3 a,  .purple .right .color {color:#825d84;}
.blue, 		a.blue, 	.blue a, 	.blue .right b, 	.blue .right .caption, 	.blue .right h2,	.blue .right h3 a, 	.blue .right .color {color:#567c85;}
.red, 		a.red, 		.red a, 	.red .right b, 		.red .right .caption, 	.red .right h2,		.red .right h3 a, 	.red .right .color { color:#9b3643;}

.readychild, a.readychild, 		.readychild a, 	.readychild .right b, 		.readychild .right .caption, 	.readychild .right h2, 	.readychild .right .color { color:#00714b;}

.right h1 { background: transparent url(../images/headers/header_purple.gif) no-repeat left top;} /* default */

.green .right h1 { background: transparent url(../images/headers/header_green.gif) no-repeat left top;}
.purple .right h1 { background: transparent url(../images/headers/header_purple.gif) no-repeat left top;}
.blue .right h1 { background: transparent url(../images/headers/header_blue.gif) no-repeat left top;}
.red .right h1 { background: transparent url(../images/headers/header_red.gif) no-repeat left top;}
.readychild .right h1 { background: transparent url(../images/headers/header_readychild.gif) no-repeat left top;}


/*========= Page layout ===========*/
body { background: #FFFFFF url(../images/bg.gif) repeat left top; }
#header {
	width: 100%;
	height: 103px;
	background: transparent url(../images/header_bg.gif) repeat-x left top;
}
#header .wrap {
	width: 960px;
	height: 103px;
	margin: 0 auto;
}
#header .menu_top {
	height:44px;
	width:820px;
	margin: 24px 0 0 0;
	float:right;
	display:inline-block;
}
#header .logo {
	float: left;
	display:inline;
}
#header .menu_top img, #header .menu_top a { margin:0; padding:0; float:left; display:inline; _margin-right:-1px; }
#header .menu_btm {
	height: 21px;
	margin:0;
	
	_width:580px;
	background: transparent url(../images/menu_btm_leftcorner.gif) no-repeat left top;
	float:right;
	position:relative;
	margin-right:8px;
}
#header .menu_btm ul {
	height: 21px;
	margin-left: 8px;
	background: transparent url(../images/menu_btm_rightcorner.gif) no-repeat right top;
	width: 100%;
}
#header .menu_btm li {display:inline-block;  padding: 0 10px; margin-top: 4px; float:left; }
#header .menu_btm li a { color:#CCCCCC; font-weight: bold; }
#header .menu_btm li a:hover { color:#ffffff; }

#slideshow {
	width: 1000px;
  	height: 267px;
	margin-left:5px;
}

#chalkboard {
	position:absolute;	
	z-index:2;
}

#slideshowinner {
	background-image:url(/_elements/images/index_respect.gif);
	position:relative;
	z-index:1;
	width:400px;
	height:240px;
	float:right;
	overflow:hidden;
	text-align:center;
	margin-top:27px;
	margin-right:58px;
}

#home_content_top { width: 100%; height:302px; padding-top:4px;}
#home_content_top .wrap { width:968px; height:302px; margin: 0 auto 0 auto; background: transparent url(../images/chalkboard_btm.png) no-repeat center top; _background: transparent url(../images/chalkboard_btm.gif) no-repeat center top; }
#home_content_top .wrap .flash { width:968px; height:272px; margin:0 auto 0 auto; display:block;}

#home_content_btm { width: 100%; }
#home_content_btm .wrap {width:960px; margin:0 auto 0 auto; background: transparent url(../images/content_bg_btm.png) no-repeat center bottom; _background: transparent url(../images/content_bg_btm.gif) no-repeat center bottom; }


#home_content_btm .wrap .members_col, #content .wrap #footer .members_col 
{ width:239px; height:233px; background:transparent url(../images/members_col_bg.gif) no-repeat left top; float:left; position:relative;}

#home_content_btm .wrap .members_col img.membersonly, #content .wrap #footer .members_col img.membersonly 
{position:absolute; top:29px; left: 26px; }

#home_content_btm .wrap .members_col p, #content .wrap #footer .members_col p 
{ height:33px; line-height:1.0em; text-align:left; position:absolute; top:56px; left: 26px; }

#home_content_btm .wrap .members_col p.passwrd, #content .wrap #footer .members_col p.passwrd 
{ top:100px; }

#home_content_btm .wrap .members_col p.links, #content .wrap #footer .members_col p.links 
{ top:164px; left: 39px; height: auto; width: 170px; }

#home_content_btm .wrap .members_col p label, #content .wrap #footer .members_col p label { position:absolute; left:8px; color: #797979; }

#home_content_btm .wrap .members_col p .logininput, #content .wrap #footer .members_col p .logininput 
{ position:absolute; width:190px; top: 18px; left:8px;
  color: #4e4e4e; border: none; background-color: transparent; font-size:9px; width:160px; padding:0; color:#333333; height:13px; line-height:1.0em; }

#home_content_btm .wrap .members_col .loginbtn, #content .wrap #footer .members_col .loginbtn { position:absolute; top:135px; left:146px; }

#home_content_btm .wrap .members_col a, #content .wrap #footer .members_col a 
{ margin: 5px 0 0 0; padding:0; display:block; text-indent: -8px; _text-indent:0; line-height: 1.3em; }

#home_content_btm .wrap .members_col a:hover, #content .wrap #footer .members_col a:hover { text-decoration: underline; }




#home_content_btm .wrap .info_cols { padding-left:1px; width:720px; min-height:233px; background:transparent url(../images/contenthomecolsbg.gif) no-repeat left bottom; float:right; }
#home_content_btm .wrap .info_cols .column { width:240px; float:left; display:inline-block; margin-bottom:10px; _margin-right:-4px; text-align:left; }
#home_content_btm .wrap .info_cols .column .image {width:240px; height:63px; overflow:hidden;}
#home_content_btm .wrap .info_cols .column .image img {width:240px;}
#home_content_btm .wrap .info_cols .column .headertxt {margin: 14px 0 0 14px;}
#home_content_btm .wrap .info_cols .column a { width:220px; margin: 5px 0 0 24px; padding:0; display:block; text-indent: -8px; _text-indent:0; _margin:5px 10px 0 14px; }
#home_content_btm .wrap .info_cols .column a:hover { text-decoration: underline; }

.wrap #footer { height: 61px; _height: 46px;}
.wrap #footer #search { width: 225px; height:23px; background:transparent url(../images/footer_search_01.gif) no-repeat left top; margin: 20px 0 15px 15px; float:left; display:inline-block;}
.wrap #footer #search .searchbox {margin: 5px 12px 0 22px; padding: 0; border:none; color: #4e4e4e; display:inline-block; font-size:0.95em; background-color:transparent; width:150px; float:left; }
.wrap #footer #btns { width: 240px; height:23px; margin: 20px 0 0 0px; float:left; display:inline-block;}
.wrap #footer #btns a {margin-left:24px;}
.wrap #footer .nea {margin:33px 0 0 15px; }

#copyright { width:100%; text-align: center; color: #999999; margin:15px 0 15px 0;}
#copyright a { color: #999999; }
#copyright a:hover { text-decoration:underline; }


#content .wrap { 
	width:968px; margin: 0 auto 0 auto;
	background: transparent url(../images/content_in_footerbg.png) no-repeat left bottom;
	_background: transparent url(../images/content_in_footerbg.gif) no-repeat left bottom;	
	position: relative;
}
#content .wrap .left {
	float:left; 
	display:inline-block;  _margin-right: -100px;
	width:240px; 
	margin-left:4px; _margin-left:2px;
	padding-bottom:253px; 
}

#content .wrap .menu {
	width: 221px;
	margin: 15px 5px 0 10px;
	padding-bottom: 13px;
	background: transparent url(../images/in_menu_bot.gif) no-repeat left bottom;
}
#content .wrap .left ul {
	width: 171px;
	background: transparent url(../images/in_menu_top.gif) no-repeat left top;
	padding:25px 25px 12px 25px;
}
#content .wrap .left ul li { padding-bottom:3px;}
#content .wrap .left ul li img { padding-bottom:3px;}
#content .wrap .left ul li div#navheader { font-size:1.6em; padding-bottom:3px;}
#content .wrap .left ul li a { display:block; margin-left:9px; text-indent: -8px; _text-indent:0; _margin-left:0;}
#content .wrap .left ul li a:hover { text-decoration:underline;}





 
#content .wrap #footer .members_col { margin:-233px 0 0 4px; display:block; _float:none; _z-index:2; position:relative;}


#content .wrap #footer { height: 61px; _height: 46px; _z-index:2; position:relative;}
#content .wrap #footer .footwrap { width:100%; height:61px; float:left; }


#content .wrap .right {
	width:720px;
	float:right;
	display:inline-block;
	margin:25px 4px 0 -4px; _margin:25px 2px 0 -4px; 
	position:relative;
	z-index:3;	
	}
#content .wrap .right .column {
	width:720px;
	background: transparent url(../images/insidecol_02_o.gif) repeat-y left top;	
	margin: -16px 0 16px 0;
	min-height: 460px; _height: 460px;
}
#content .wrap .right .column .column_btm {
		width: 720px;
		height: 16px;
		background: transparent url(../images/insidecol_03_o.gif) no-repeat left top;
		float:left;
		position:absolute;
		bottom:5px;
}
#content .wrap .right h1 {
		color:#FFFFFF;
		width:670px;
		height:27px;
		margin-top:-16px;
		margin-bottom:25px;
		float:left;
		padding:20px 25px 20px 25px;
		font-size:2.0em;
		position:relative;
		z-index:6;
}
.right h1 img {
	position:absolute;
	top:0;
	right:0;
}

#content .wrap .right h2 {
		font-size:1.3em;
		font-weight:bold;
		padding-bottom:10px;
}
#content .wrap .right h3 {
	border-bottom: #dfdbdb solid 1px;
	margin: 1.0em 0 1.0em 0;
	padding: 0 25px 10px 25px;
	color: #a9a9a9;
	font-size: 1.3em;
	line-height:1.6em;
	width:auto;
}
#content .wrap .right .info h3 {
	border-top: #dfdbdb solid 1px;
	border-bottom: #dfdbdb solid 1px;
	margin: 1.0em 0 1.0em 0;
	padding: 10px 25px 10px 25px;
	color: #868686;
	font-size: 1.3em;
	line-height:1.6em;
	width:auto;
}
#content .wrap .right h4 ,#content .wrap .right .info h4 {
	margin: 0;
	padding: 0;
	color: #868686;
	font-size: 1.3em;
	line-height:1.6em;
	width:auto;
}
h3 .boxtitle { font-weight:bold; }
#content .wrap .right .column .info {
		width: 670px;
		padding:10px 25px 10px 25px;
		font-size:1.2em;
		line-height:1.5em;
		color:#4c4c4c;
}
#content .wrap .right .column .info p {
		margin-bottom: 1.0em;
}
#content .wrap .right .column .info ul {
	margin-bottom: 2.0em;
	margin-top: 2.0em;
}
#content .wrap .right .column .info ul li {
	background: transparent url(../images/bullet.gif) no-repeat left 5px;
	padding-left:40px;
	margin-bottom:1px;
}
#content .wrap .right .column .info ol  {
	margin-bottom: 2.0em;
	margin-top: 2.0em;
	padding-left:40px;
}
#content .wrap .right .column .info ol li {
	margin-bottom:1px;
	color:#4c4c4c;
	font-weight:normal;
}
#content .wrap .right .column .info .imagecol {
		width:240px;
		margin:0 -24px 8px 0;
		float:right;
		clear:right;
		padding-left:25px;
		display:block;
		text-align:left;
		_margin-right: -12px;
		position:relative;
		z-index:4;
		background-color:#FFFFFF;
}
.niceimg {
width:240px;
		margin:0 -12px 8px 0;
		float:right;
		clear:right;
		padding-left:25px;
		display:block;
		text-align:left;
		
		position:relative;
		z-index:4;
		background-color:#FFFFFF;
		}

#content.readychild .wrap .right .column .info .imagecol {
		margin-top: 70px;
}
#content .wrap .right .column .info img.inline {
		max-width:240px;
		display:block;
		clear:right;
		width: expression(this.width > 240 ? 240: true);
}
#content .wrap .right .column .info .caption {
	width:225px;
	font-size:0.95em;
	font-style:italic;
	line-height:1.35em;
	background-color:#ffffff;
	text-align:left;
	padding-top:3px;
	padding-right:15px;
}

#content .wrap .right .column .info img.readychild {
		margin:-25px -24px 8px 0; _margin-top: -34px; _margin-right: -25px;
		position:relative;
		float:right;
		clear:right;
		padding-left:25px;
}

#content .wrap .right .column .info a:hover {
	text-decoration: underline;
}

#content .wrap .right .info .date {
	border-top: #dfdbdb solid 1px;
	margin: 0 1.5em 1.0em 0;
	padding: 3px 15px 0px 0;
	color: #868686;
	font-size: .95em;
	line-height:1.6em;
	clear:none;
	display:block;
}

#content .wrap .right .info .price {
	border:none;
	color: #868686;
	font-size: .95em;
	line-height:1.6em;
	clear:none;
	display:block;
	margin-top: 0;
	margin-right: 1.5em;
	margin-bottom: 1em;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0;
}


#content .info .halfcol {
	width:48%;
	height:100px;
	float:left;
	display:inline-block;
	margin:0; padding:0;
	clear:none;
}
#content h3 .halfcol {
	display:block;
	width:48%;
	float:left;
}

#content .info a.staff {
	width:145px;
	margin:10px 0 0 0;
	margin-left:0px;
	padding:0;
	display:inline-block;
	color:#999999;
	cursor: pointer; cursor: hand;
	overflow:hidden;
	padding-right:10px;
}
#content .info a.staff:hover {
	text-decoration:none;
}
#content .info a.staff div {
	width:145px;
	height:160px;
	text-align:center;
	border:none;
	overflow:hidden;
	margin:0; padding:0;
	display:block;
	border:none;
}
#content .info a.staff div img{
	margin:0; padding:0;
	width:145px;
}

#content .info a.staff p {
	margin: 0 0 0 0;
	border-top: #dfdbdb solid 1px;
	width:900px;
}

#content .info a.staff b {
	font-weight:bold;
}
#content .info a.staff:hover b{
text-decoration:none;
}


/* +++++++++++++++++++++++++++++++++++++++
   listings styles
+++++++++++++++++++++++++++++++++++++++ */


#content .right .item {
	width: 670px;
	margin: 0 0 20px 0;
	padding: 10px 25px 25px 25px;
	font-size:1.1em;
	line-height:1.5em;
	color:#4c4c4c;
	display: block;
}
#content .right .item  a:hover {
	font-weight:bold;
}
#content .right .item h4 {
	width:100%;
	font-size: 1.50em;
	line-height:1.40em;
	border-top:none;
	border-bottom: #dfdbdb solid 1px;
	padding:5px 0 5px 0; margin:0;
}
#content .right .item div.date {
	margin:3px 0 10px 0; padding:0;
}
#content .right .item div a:hover {
	font-weight:bold;
	background-color:#FFFFFF;
}
#content .right .item div.date b {
	font-weight: bold;
	color:#333333;
}
#content .right .item img {
	width: 110px;
	padding-right:4px;
	background:#FFFFFF url(../images/rightsidecontentbar.gif) no-repeat right top;
	float:left;
	margin: 0 10px 0 0;
}
#content .wrap .right .column #listNav{
	display:block;
	text-align:right;
	padding-right:26px;
	padding-bottom:10px;
	font-size:1.2em;
	font-weight:bold;
}
#content .wrap .right .column #listNav a {
	padding:2px; background:#FFFFFF;
}
#content .wrap .right .column #listNav a:hover {
	background:#EFEFEF;
}

#feedmenu {
	margin-left: 24px;
	float:left;
}

.noticebg {
	background-color:#EDCDD1;
	color:#333333;
}

.notice {
	font-size:1.3em;
}
