/* 



Kai Brach



brizk design (www.brizk.com)



*/







/* Basics ######################################################### */







html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {

	margin: 0;

	padding: 0;

}

html {

	background: url(./_pix/bg.jpg) 0 0 repeat;

}

body {

	text-align: center;

	font-family: Palatino, Georgia, serif;

	font-size: 14px;

	border: 0;

	color: #000;

	line-height: 21px;

}

.wrap {

	margin: 16px auto;

	width: 908px;

	text-align:left;

}

#header {

	height: 164px;

	background: url(./_pix/shadow-header.png) 0 0 no-repeat;

	padding: 4px;

	margin-bottom: 12px;

}

#header #logo {

	background: url(./_pix/logo.jpg) 0 0 no-repeat;

	height: 117px;

	clear: both;

}

#intro {

	background: url(./_pix/shadow-intro.png) 0 0 no-repeat;

	padding: 9px;

	height: 257px;

	margin-bottom: 12px;

}

#popular {

	background: url(./_pix/popular_new.png) 0 0 no-repeat;

	height: 257px;

	float: left;

	width: 260px;

	border-right: 5px solid #fff;

}

#welcome {

	background: #e2ded2 url(./_pix/bg-welcome.jpg) right top no-repeat;

	width: 405px;

	float: right;

	height: 226px;

	padding: 16px 200px 15px 20px;

	color: #57503e;

	line-height: 23px;

	position: relative;

}

#left-col {

	width: 278px;

	float: left;

}

#right-col {

	width: 618px;

	float: right;

}

#left-col .box {

	background: url(./_pix/shadow-left.png) 0 0 repeat-y;

	padding: 0 4px;

}

#left-col .box-top {

	background: url(./_pix/shadow-left-top.png) center 0 no-repeat;

	height: 4px;

	font-size: 1px;

}

#left-col .box-bottom {

	background: url(./_pix/shadow-left-bottom.png) center 0 no-repeat;

	height: 4px;

	font-size: 1px;

	margin-bottom: 16px;

}

#right-col .top {

	background: url(./_pix/shadow-right-top.png) center 0 no-repeat;

	height: 4px;

	font-size: 1px;

}

#right-col .bottom {

	background: url(./_pix/shadow-right-bottom.png) center 0 no-repeat;

	height: 4px;

	font-size: 1px;

	margin-bottom: 16px;

}

#right-col .main {

	background: url(./_pix/shadow-right.png) center 0 repeat-y;

}

#right-col .main .content {

	padding: 25px 30px 30px 30px;

}

#left-col #finder {

	background: #0b4d77;

}

#right-col #finder {

	margin: 0 4px;

	padding: 5px 0;

	background: #0b4d77;

}

#left-col #finder iframe {

	height: 230px;

	margin: 13px 20px 10px 23px;

	width: 230px;

	border: none;

}

#right-col #finder iframe {

	height: 105px;

	margin: 13px 0 10px 23px;

	width: 560px;

	overflow: hidden;

}

#left-col .linklist {

	background: #d3eeff;

	border: 5px solid #fff;

}

.topuni {

	padding: 15px 0;

	border-bottom: 1px dotted #b5c9d6;

}

.topuni div {

	float: right;

	width: 380px;

}

.content .text {

	padding: 15px 0 0 0;

}

#footer {

	border-top: #cbb277;

	border-top-style: double;

	padding: 15px 0;

	clear: both;

	text-align: center;

	display: block;

	overflow: hidden;

}

/* Headlines ######################################################### */		











h1, h2 {

	padding: 0;

	margin: 0;

	font-weight: normal;

}

h1 {

	padding: 0 0 15px 0;

	font-size: 25px;

	line-height: 30px;

}

.content h1 {

	color: #0b4d77;

	text-align: center;

	background: url(./_pix/bg-h1.gif) center center no-repeat;

	border-bottom: 1px solid #b5c9d6;

	padding-left:25px;

	padding-right: 25px;

}

h2 {

	text-align: center;

	font-size: 22px;

	line-height: 27px;

}

#popular h2 {

	color: #a63411;

	padding: 18px 0 0 0;

}

#welcome h1 {

	color: #a63411;

}

#finder h2 {

	color: #a8ddff;

	padding: 10px 10px 7px 10px;

	margin: 0 10px;

	border-bottom: 1px solid #5ca5d4;

}

#right-col #finder h2 {

	background: url(./_pix/bg-h2-finder.gif) center center no-repeat;

	font-size: 25px;

	padding-bottom: 15px;

}

.linklist h2 {

	color: #0b4d77;

	padding: 10px 10px 7px 10px;

	margin: 0 10px;

	border-bottom: 1px solid #91b9d2;

}

/* Links ######################################################### */	







a:link, a:visited, a:active {

	color:#a63411;

	text-decoration: none;

	outline: none

}

a:hover {

	text-decoration: underline

}

.linklist ul li a:link, .linklist ul li a:visited, .linklist ul li a:active {

	color: #0989db;

}

#header #logo a {

	display: block;

	width: 310px;

	height: 112px;

	margin: 0 0 0 70px;

	text-indent: -1111em;

}

#popular a {

	display: block;

	width: 210px;

	height: 70px;

	text-indent: -1111em;

	margin: 18px 0 0 23px;

}

a.button, a.button:link, a.button:active, a.button:visited {

	display: block;

	background: #a63411;

	width: 200px;

	text-align: center;

	color: #ffe8b6;

	line-height: 1;

	font-size: 18px;

	padding: 5px 8px 6px 8px;

	border: 5px solid #be6744;

	margin: 5px 0 0 0;

}

/* Fonts ######################################################### */







.font-grey {

	color:#878787;

}

p {

	padding:0 0 15px 0;

}

/* Navigation ######################################################### */







#centeredmenu {

	float:left;

	width:100%;

	background: #a63411 url(./_pix/bg-nav.gif) 0 0 no-repeat;

	overflow:hidden;

	height: 47px;

	position:relative;

}

#centeredmenu ul {

	clear:left;

	float:left;

	list-style:none;

	margin:0;

	padding:0;

	position:relative;

	left:50%;

	text-align:center;

}

#centeredmenu ul li {

	display:block;

	float:left;

	list-style:none;

	margin:0;

	padding:0;

	position:relative;

	right:50%;

}

#centeredmenu ul li a {

	display:block;

	margin:0 0 0 1px;

	padding: 15px 25px 14px 25px;

	font-size: 18px;

	color:#ffe8b6;

	line-height:1;

}

#centeredmenu ul li a:hover {

}

#centeredmenu ul li a.active,  #centeredmenu ul li a.active:hover {

	color:#fff;

	background:#772309;

}

/* Images ######################################################### */	







img {

	border:0;

}

#welcome img {

	position: absolute;

	top: -14px;

	left: 450px;

}

.topuni img {

	float: left;

}

/* Tables ######################################################### */







	







/* Lists ######################################################### */







.linklist ul {

	margin: 0;

	padding: 10px;

	list-style-type: none;

}

.linklist ul li {

	padding: 2px 0 2px 24px;

	margin: 0;

	background: url(./_pix/bullet.gif) 0 7px no-repeat;

}

.content .text ul {

	margin: 0;

	padding: 0 0 15px 30px;

}

.content .text ol {

	margin: 0;

	padding: 0 0 15px 30px;

}

/* Forms ######################################################### */







form {

	padding: 0;

	margin: 0;

}

/* Misc ######################################################### */		







.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

* html .clearfix {

	zoom: 1;

} /* IE6 */

*:first-child+html .clearfix {

	zoom: 1;

} /* IE7 */

.float-left {

	float:left;

}

.float-right {

	float:right;

}

.clear {

	clear:both;

}

.center {

	text-align:center;

}





/* Widgets ######################################################### */

#dfw-widget1 {background: none repeat scroll 0 0 #0B4D77; margin:0 0 0 4px; padding:0 0 20px 0; width: 270px;}

#dfw-widget1 h3 {border-bottom: 1px solid #5CA5D4; color: #A8DDFF; margin: 0 10px; padding: 10px 10px 7px; text-align: center;}

#dfw-widget1 form {margin-left: 20px; margin-top: 10px;}

#dfw-widget1 label {display: block; color: white;}

#dfw-widget1 select {font-family:Palatino,Georgia,serif; font-size:14px; margin:2px 0 10px; width:220px;}

#dfw-widget1 button {background:none repeat scroll 0 0 #A63411; border:5px solid #BE6744; color:#FFE8B6; display:block; font-size:18px; line-height:1; margin:5px 0 0 15px; padding:5px 8px 6px; text-align:center; text-decoration:none; width:200px;}



#dfw-widget2 {background: none repeat scroll 0 0 #0B4D77; width: 610px; margin: 0 0 0 4px; padding-bottom: 10px;}

#dfw-widget2 form {padding: 10px 0 0 30px;}

#dfw-widget2 h3 {background: url('./_pix/bg-h2-finder.gif') no-repeat scroll center center transparent; border-bottom:1px solid #5CA5D4; color:#A8DDFF; margin:0 10px; padding:10px 10px 10px; font-size:25px; line-height:27px; text-align:center;}

#dfw-widget2 label {color: white; margin-top: 10px;}

#dfw-widget2 select {display: block; width: 170px;}

#dfw-widget2 div {display: inline-block; margin: 0 5px;}

#dfw-widget2 div {!display: inline;}

#dfw-widget2 button {background:none repeat scroll 0 0 #A63411; border:5px solid #BE6744; color:#FFE8B6; display:block; font-size:18px; line-height:1; margin:10px 0 0 175px; padding:5px 8px 6px; text-align:center; text-decoration:none; width:200px;}



/* ************ bjc 10-21-11 CSS for Shortcode Custom Post Type - Top Schools *****************/

div.allSchools {
	width:640px;
	clear:both;
	}	
	
div.oneSchool {
	width:300px;
	float:left;
	padding-right:20px;
	padding-bottom:40px;
	}
	
div.oneSchool a {
	color: #000 !important;
	font-weight:bold;
	text-decoration:none;
	}



div.Logo {
	margin:0 auto;
	text-align:center;
	height:65px;
	vertical-align:text-middle;
	padding-right:20px;
	padding-top:10px;
}

div.allSchoolsWidget {
	width:300px;
	clear:both;
	}	
	
div.oneSchoolWidget {
	width:140px;
	float:left;
	padding-right:10px;
	padding-bottom:20px;
	}
	
div.oneSchoolWidget a {
	color: #000 !important;
	font-weight:bold;
	text-decoration:none;
	}



div.LogoWidget {
	margin:0 auto;
	text-align:center;
	height:65px;
	vertical-align:text-middle;
	padding-right:20px;
	padding-top:10px;
}