@import 'reset.css';

/*************** GENERAL FORMATTING ***************/
html{
	background:#fff url(/images/global/bg/html.gif) repeat-x 0px 0px;
}
body{
	font-family:verdana, arial, sans-serif;
}
#wrapper{
	width:988px;
	margin:0 auto;
}
a{
	color:#00c;
	text-decoration:underline;
}
a:hover{
	color:#ebbc2c;
}
a.skip_nav{
	display:none;
}

/*************** INFOPANEL, MAIN NAV ***************/
#info_panel, #sidebar{
	float:right;
	display:inline;
}
#info_panel{
	width:717px;
	margin-left:4px;
}
#nav_top,
#edline{
	float:right;
	display:inline;
	padding:10px 15px; 
}
#nav_top li,
#edline li{
	float:right;
	display:inline;
	border-left:1px solid #fff;
	padding:0 10px;
}
#nav_top li.first,
#edline li.first{
	border-width:0;
}
#nav_top li a,
#edline li a{
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
}
#nav_top li a{
	color:#fff;
}
#nav_top li a:hover{
	color:#fcdd29;
}


ul#edline{
	width:156px;
	height:28px;
	margin-right:40px;
	padding-right:25px;
	padding-bottom:0;
	background-color: transparent;
	background-image: url(/images/global/bg/edline.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#edline li{
	padding:0;
	border-width:0;
}
#edline a{
	color:#282a73;
}
#edline a:hover{
	color:#fff;
}
#edline_link{
	display:block;
	width:70px;
	margin-right:75px;
	text-indent:-999em;
	margin-top:-10px;
}

/*************** MAIN ***************/
#main{
	clear:both;
	float:right;
	display:inline;
	overflow:auto;
	width:717px;
	margin-left:4px;
}

#header_graphic{
	display:block;
}

.two_col #copy,
.two_col #col{
	float:left;
	display:inline;
}
.two_col #copy{
	width:517px; 
}
.two_col #col{
	width:151px;
	height: 180px;
	overflow:visible;
	border-left:1px solid #3C69A7;
	padding:20px 0 0 20px;
}
#main #copy img{
	float:right;
	margin:0 0 15px 12px;
}
#main #copy img.feature{
	float:none;
	display:block;
	margin:0 auto 15px;
}
#main a.more{
	display:block;
	margin-top:5px;
	text-transform:uppercase;
}
#copy{
	padding:20px 0px 15px 20px;
}
#copy h2{
	clear:both;
	margin-bottom:10px;
	font-size:14px;
	color:#3C69A7;
	text-transform:uppercase;
}
#copy h3{
	margin-bottom:.25em;
	font-size:14px;
	color:#A35700;
}
#copy .column{
	float:left;
	display:inline;	
}
#copy ul,
#copy ol,
#copy p,
#copy blockquote{	
	margin-bottom:.75em;
	padding-right: 2em;
}
#copy ol li{
	list-style: decimal inside;
	text-indent: -1.5em;
}
#copy ul.list li{
	background:transparent url(/images/global/bg/bullet.gif) no-repeat 0px .6em;
}
#copy li{
	padding:.25em 0 0 1.5em;
}
#copy blockquote{
	margin:0 2em 1em 1em;
	border:1px solid #3C69A7;
	padding:.75em 1em 0;
}
#copy blockquote p{
	padding-right:0;
}
#copy strong{
	color:#3C69A7;
}

/*************** SIDEBAR ***************/
#sidebar{
	overflow:visible;
	float:right;
	display:inline;
	width:267px;
	height:399px;
	padding-bottom:9px;
	background:#FCDD29 url(/images/global/bg/sidebar.gif) no-repeat left bottom;
}
#sidebar h1{
	display:none;
}
#cmh_logo{
	display:block;
	width:267px;
	height:106px;
}
#sidebar ul{
	height:243px;
	padding:15px 0 35px 5px;
	background:transparent url(/images/global/bg/sidebar-ul.gif) repeat-y center top;
}
#sidebar li{
	position:relative;
	width:100%;
}
#sidebar li.hover{
	background-image:url(/images/global/bg/sidebar-li.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#sidebar li a, #sidebar li a:link, #sidebar li a:visited{
	display:block;
	width:110px;
	padding:7px 0 6px 50px;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
#sidebar li a:hover{
	color:#00c;
}
#sidebar li ul{
	display:none;
	position:absolute;
	left:160px;
	top:0px;
	width:200px;
	height:auto;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:0;
	background:#00c;
	z-index:99;
}
#sidebar li li{
	width:100%;
}
#sidebar li li a:link, #sidebar li li a:visited{
	width:170px;
	padding:4px 15px;
	font-size:1em;
	font-weight: normal;
	color:#fff;
}
#sidebar li li a.first{
	padding-top:8px;
}
#sidebar li li a:hover{
	background:#fff;
	color:#00c;
}
#sidebar #nav_about, #sidebar #nav_learning, #sidebar #nav_faith, #sidebar #nav_admissions, #sidebar #nav_athletics, #sidebar #nav_clubs, #sidebar #nav_donations, #sidebar #nav_alumni, #sidebar #nav_support {
	width:150px;
}
hr {
	margin-bottom:5px;
	margin-top:10px;
	clear:both;
}

/*************** FOOTER ***************/
#footer{
	clear:both;
	padding-top:10px;
}
#footer p{
	font-size:.9em;
}