@charset "utf-8";
/* CSS Document */

* { padding:0px; margin:0; }
img { border:none; }
.cr { clear:right; }
.cl { clear:left; }
.cb { clear:both; }
.cb5 {  clear:both; height:5px; }
.cb10 { clear:both; height:10px; }
.cb15 { clear:both; height:15px; }
.cb20 { clear:both; height:20px; }
.cb25 { clear:both; height:25px; }
.niched { width:900px; margin:0 auto; padding:3px; text-align:center; }
a { color: #E110B4; text-decoration:none; }
a:hover { color: #000; text-decoration:underline; }

body {
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	margin: 0 0 0 0;
	font-family: Tahoma;
	font-size: 12px;
}

.wrapper {
	margin: auto;
	height: auto;
	width: 1000px;
}
.header-container {
	margin:0 auto;
	height: 165px;
	width: 900px;
}
.header {
	background: url(../img/teen.png) no-repeat right bottom;
	float: left;
	height: 145px;
	text-align:center;
	padding:10px 110px 10px 10px;
	width: 421px;
}
.header-links {
	background-image: url(../img/linksbg.jpg);
	float: left;
	height: 125px;
	width: 342px;
	padding: 25px 10px 15px 7px;
}
.headlink-box {
	float: left;
	width: 165px;
	height:110px;
	padding: 5px 0 0 4px;
}
h3.headtitle {
	font-size: 16px;
	color: #252531;
	float: left;
	width: 337px;
	display:block;
	height:18px;
	text-align:center;
}

h3.headtitle2 {
	font-size: 16px;
	color: #252531;
	float: left;
	width:100%; 
	margin-bottom:10px; 
	text-align:left;
	display:block;
	height:18px;
}

.header-links div { text-decoration:none; font-weight:bold; display:block; height:16px; font-size:13px; width:165px; } 
.header-links div a { color: #E110B4; }
.header-links div a:hover { text-decoration: none; color: #000; }

.nav-container {
	background-image: url(../img/nav-bg.jpg);
	background-repeat: repeat-x;
	margin:0 auto;
	height: 38px;
	width: 900px;
}

.sub-container {
	width:886px;
	padding:7px 6px 7px 8px;
	margin:0 auto;
	border:1px solid #4A4A4A;
	background:#EAEAEA ;
 }

.gal { float:left; margin:2px; width:217px; height:152px; overflow:hidden; }
.gal a img { width:215px; height:150px; border:1px solid #000; float:left; margin:0 0 3px 0; }
.gal p { color:#000; font-size:11px; padding:3px; display:none; }
.gal p a { }

.headlink-box a { display:block; padding:2px; height:12px; float:left: width:161px; }

.top-gal { float:left; margin:2px; width:217px; height:185px; text-align:center;  }
.top-gal a img { width:215px; height:150px; border:1px solid #000; float:left; margin:0 0 3px 0; }
.top-gal p { text-align:center; color:#000; font-size:11px; padding:2px; }
.top-gal p a { }

.top30 { width:900px; margin:0 auto; }
.top30-col { width:225px; float:left; text-align:left; }
.top30-col h5 { font-size:17px; }
.top30-col h5 a { }

.toptxt { width:948px; height:40px; margin:0 auto; }
.toptxt .topline { width:237px; height:40px; float:left; text-align:center; }
.toptxt .topline h3 { font-size:16px;  }
.toptxt .topline p { font-size:11px; }

.arch { width:890px; margin:0 auto; padding:5px 5px 5px 20px; }
.arch-box { border:1px dashed #CCC; padding:5px; float:left; font-size:12px; margin:3px; }
.arch-box:hover { border:1px solid #CCC;  }
.arch-box a { text-decoration:none; font-weight:bold; display:block; }
.arch-box a:hover { text-decoration:underline; }

.arch-txt { height:30px; width:890px; font-size:11px; color:#666; float:left; text-align:center; }
.arch-txt b { }

.navlink {
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	height: 25px;
	width: auto;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 13px;
}
.navlink a { color: #ffffff; text-decoration: none; }
.navlink a:hover { color: #ffd802; text-decoration: underline; }

.navlink2 {
	font-size:16px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	height: 25px;
	width: auto;
	padding-right: 12px;
	padding-left: 12px;
	padding-top: 10px;
}
.navlink2 a { color: #ffd802; text-decoration: none; }
.navlink2 a:hover { color: #fff; text-decoration: underline; }

.foot { height:103px; width:815px; margin:0 auto; text-align:center; background:url(/img/foot.png) top left no-repeat; padding:10px 5px 10px 80px; }
.foot h4 { font-weight:normal; font-size:11px; }
.foot h4 a { text-decoration:underline; }
.foot p { padding:0 0 0 10px; }

/* Height Hacks \*/
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}