/*************************************************************************
	Westminster City School
	MODULE: 	global.css
	PURPOSE:	all rules for site
	AUTHOR:		Matt Hill
	AUTHORURI:	http://www.friskdesign.com/
*************************************************************************/

/* Reset default browser CSS. 
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }


/* Auto float clearing for compliant browsers
   Note that "group" is a more logical name for the old "clearfix" class
*************************************************************************/
.group:after,
#nav:after,
#nav ul:after,
#content:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/* Skip links
*************************************************************************/
#skip {font-size:0.80em;}
#skip a,#skip a:visited {
	color:#E8E6D4;
	text-decoration:none;
	position:absolute;
	left:-1000em;
	top:0;
}
#skip a:visited:hover,#skip a:hover,#skip a:focus {
	color:#526568;
	text-decoration:underline;
	left:0;
}

/* General Rules and classes
*************************************************************************/
body {
	color:#666;
	background:#FFF;
	font: normal 0.75em/1.35em Arial,"Helvetica Neue","Helvetica",sans-serif;
	margin:0;
	padding:0;
}
#skip {
	position:absolute;
	left:-1000em;
}
.fl,
.floatright {
	float:right;
	text-align:right;
}
.fr,
.floatleft {
	float:left;
	text-align:left;
}
.alignright {text-align:right;}
.alignleft {text-align:left;}
.clear {
	display:block;
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
}

/* Layout (sizes / floats / positions of main elements)
*************************************************************************/

#wrapper {
	width:960px;
	margin:0 auto;
}

#main {
	clear:both;
	margin:10px 0 0;
	background:url(../../themes/site_themes/wcs/img/bg-main-dotted.png) top center repeat-y;
}
.sidebar {width:229px;}
#navside {
	padding-right:10px;
	float:left;
}
#newsevents {
	padding-left:10px;
	float:right;
}
#content {
	float:left;
	padding:0 10px;
	width:460px;
}


/* General Content formatting
*************************************************************************/
h1,h2,h3,h4,h5,h6 {
	font: normal 1em/1em Georgia,Georgia,"Times New Roman",serif;
	margin:0;
	padding:0;
}
p {
	margin:0 0 15px;
}
h1 {
	font-size:2em;
	font-style:italic;
	margin:0 0 10px;
}
h2 {
	font-size:1.6em;
	margin:15px 0 10px;
}
h3 {font-size:1.2em;}
a,a:link {
	color:#000;
	text-decoration:none;
	/*padding-bottom:1px;
	border-bottom:1px dotted #FFF;*/
}
a:visited {color:#000;}
a:hover {text-decoration:underline;}
address {
}
dl {
}
dt {
}
dd {
}
.small {font-size:0.75em;}
.smaller {font-size:0.90em;}
p.wide {
	clear:both;
	width:770px;
}
p.intro {
	font: normal 1.6em/normal Georgia,Georgia,"Times New Roman",serif;		
}
blockquote {
	font: italic 2em/normal Georgia,Georgia,"Times New Roman",serif;
}
.divider {
	font-size:0;
	height:1px;
	background:#FFF;
	clear:both;
	margin:15px 0;
	border-top:1px dotted #cccccc;
}

#content ul {list-style:disc; margin: 0 0 15px 15px;}

/* Images
*************************************************************************/
img {border:none;}
.imageright {
	float:right;
	text-align:right;
	margin:0 0 30px 30px;
}
.imageleft {
	float:left;
	text-align:left;
	margin:0 30px 30px 0;
}

/* Specific Content formatting
*************************************************************************/
#content img.leadin {margin-bottom:15px;}

#content img.leadin-1 {margin-bottom:15px;}

#content img.leadin-2 {
	margin-bottom:15px;
	float: right;
}



/* Forms
*************************************************************************/
/* General rules */
form {
	margin:0;
	padding:0;
}
fieldset {
	margin:0;
	padding:0;
	border:none;
}
legend {display:none;}
input,textarea {
	border:1px solid #CCC;
	color:#000;
	font: normal 1em/1.2em Arial,"Helvetica Neue","Helvetica",sans-serif;
}
input.text {
	height:12px;
	padding:5px;	
}
select {height:22px;}
button {
	border:1px solid #CCC;
	text-align:center;
	padding:0;
	font: normal 1em/1.2em Arial,"Helvetica Neue","Helvetica",sans-serif;
	
}
label.error {
	color:red;
	/*position: relative;
    top: -10px;*/
}

/* Masthead
*************************************************************************/
#masthead {
	/*padding:20px 0 0 0;*/
	padding: 0;
	/*height:120px;*/
	height: 103px;
	position:relative;
}
#masthead img {
	float:left;
	margin:8px 10px 0 0;
}
#masthead p {
	float:left;
	font: normal 2em/1em Georgia,Georgia,"Times New Roman",serif;
	/*margin:75px 0 0 0;*/
	margin: 55px 0 0 0;
}
#masthead p em {font-size:0.6em;}
#masthead ul {float:right;}

/* Breadcrumbs
*************************************************************************/
#breadcrumbs {
	position:absolute;
	/*left:130px;*/
	left: 101px; 
	/*top:30px;*/
	top:10px;
}
#breadcrumbs li {
	float:left;
	font: italic 1em/1em Georgia,Georgia,"Times New Roman",serif;	
	margin:0 4px 0 0;
	padding:0 4px 0 0;
	color:#999;
}
#breadcrumbs li a,
#breadcrumbs li a:visited {color:#999;}
#breadcrumbs #yah {font-style:normal;}


/* Search Form
*************************************************************************/		
#sitesearch {
	float:right;
	margin:40px 0 0 0;
}
#sitesearch label {
	display:block;
	float:left;
	font: normal 1.2em/1em Georgia,Georgia,"Times New Roman",serif;
	color:#999;
	margin:0 5px 0 0;
	padding:5px 0 0 0;
}
#sitesearch input {
	float:left;
	width:185px;
	height:12px;
	padding:5px;	
}
#sitesearch button {
	float:left;
	height:24px;
	width:30px;		
	margin:0 0 0 5px;
	background:#666666;
	color:#FFF;
	text-transform:uppercase;
	font: bold 1.2em/1em Georgia,Georgia,"Times New Roman",serif;
	cursor:pointer;
	border:none;
}

/* Mini Top Navigation
*************************************************************************/	
#navmini {
	padding:20px 0 0;
	clear:right;
	float:right;
}
#navmini li {
	float:left;
	font: normal 1.2em/1em Georgia,Georgia,"Times New Roman",serif;
	color:#999;
	padding:0 0 0 5px;
	margin:0 0 0 5px;
	border-left:1px solid #999;	
}
#navmini li a,
#navmini li a:visited {color:#999;}
#navmini #minicontact {border:none;}
#navmini .first-mini {border:none;}

/* Primary Navigation
*************************************************************************/	
#nav {
	clear:both;
	padding:10px 0;
	border-bottom:10px solid #808080;	
}
#nav ul {
	padding:7px 10px;
	background:#333 url(../../themes/site_themes/wcs/img/bg-grad-navbar.png) top left repeat-y;
	font:normal 1.5em/1 normal Georgia,Georgia,"Times New Roman",serif;
	height: 100%;
}
#nav ul li {
	float:left;
	color:#FFF;
	padding:0 8px 0 0;
	margin:0 8px 0 0;
	border-right:1px solid #FFF;
	height: 100%;	
}
#nav ul li a,
#nav ul li a:visited {
	color:#FFF;
	padding:0;
	border:none;
	height: 100%;
}
#nav ul li a:hover,
#nav ul li a:visited:hover {text-decoration:underline;}
#nav #navadmit {border:none;}
#nav #navadmit {border:none;}
#nav #navadmissions {border:none;}

#nav .last-nav {border:none;}

#nav .on a {text-decoration: underline;}

/* Sidebars (General rules)
*************************************************************************/
.sidebar {
	
}
.sidebar .panel {
	padding:10px;
	margin:10px 0 0;
	color:#FFF;
	background:#999 url(../../themes/site_themes/wcs/img/bg-grad-sidebar.png) top left repeat-y;
}
.sidebar .panel h2 {
	color:#FFF;
	font-size:1.5em;
	margin:0 0 5px;
}
.sidebar .panel p {
	margin:0 0 5px 0;
}
.sidebar .panel a,
.sidebar .panel a:visited {
	font-weight:bold;
	font-style:italic;
	color:#FFF;
}


/* Sidebars (Left navigation)
*************************************************************************/
#navside ul {
	padding:0 10px 0;
	margin:0 0 50px 0;
}
#navside ul ul {
	padding:5px 0 0 10px;
	margin:0;
}
#navside ul li {
	font:normal 1.3em/1 normal Georgia,Georgia,"Times New Roman",serif;
	margin:0 0 5px 0;	
}
#navside ul li a,
#navside ul li a:visited {color:#666;}
#navside ul li li {
	font:italic 1em/1 normal Georgia,Georgia,"Times New Roman",serif;	
}

/* Selected states */
#navside ul li.current a,
#navside ul li.current a:visited {color:red;}
#navside ul li.current li a,
#navside ul li.current li a:visited {color:#666;}
#navside ul li li.current a,
#navside ul li li.current a:visited {color:red;}


/* Sidebars (Related Panels, right)
*************************************************************************/
#newsevents #newslist {
	margin:0 0 10px;
}
#newsevents #eventlist {
	margin:0;
	background-color:#231f20;
	background-color:#4e4e4e;	
}

#newsevents #newslist h2,
#newsevents #eventlist h2 {
	margin:0 0 10px 0;
	background: none;
	padding: 5px 0;	
}
#newsevents #newslist h3,
#newsevents #eventlist h3 {
	font-size:1.3em;
	font-style:italic;
	margin:0 0 5px 0;	
}
#newsevents #newslist h4,
#newsevents #eventlist h4 {
	font-size:1em;
	font-style:normal;
	margin:0 0 2px 0;
	color:#C8C8C8;
	color:#FFF;
}

#newsevents #newslist li,
#newsevents #eventlist li {
	margin:0 0 15px 0;
}


/* Tables
*************************************************************************/
.doclist {
	border-collapse: collapse;
	empty-cells: hide;
	width:100%;
}
.doclist tr {
	border-top:1px dotted #B3B3B3;
	border-bottom:1px dotted #B3B3B3;
}
.doclist td {
	padding:10px;
	vertical-align:top;
}
.doclist td:nth-child(odd) {
	border-right:1px dotted #B3B3B3;
}
.doclist td img {
	padding:0 10px 0 0;
	float:left;
}
.doclist td div {
	width:150px;
	float:left;
}
.doclist td h3 {
	font-style:italic;
	line-height:normal;
	margin:0 0 5px 0;
}
.doclist td p {margin:0;}
.doclist td div a,
.doclist td div a:visited {
	font-style:italic;
	font-weight:bold;
}




/* Footer
*************************************************************************/
#footer {
	clear:both;
	padding:10px 0 50px 0;
}

#footer h2 {
	padding:7px 10px;
	margin:0 0 15px 0;
	background:#333 url(../../themes/site_themes/wcs/img/bg-grad-navbar.png) top left repeat-y;
	color:#FFF;
	font:normal 1.5em/1 normal Georgia,Georgia,"Times New Roman",serif;
}
#footer h3 {
	margin:0 0 5px 0;
	font:normal 1.3em/1 normal Georgia,Georgia,"Times New Roman",serif;	
}

#footer div {
	float:left;
	margin:0 0 0 10px;
}
#footer #quicklatest {width:120px;}
#footer #quickinfo {width:160px;}
#footer #quickabout {width:160px;}
#footer #quickaddress {
	width:290px;
	float:right;
}
#footer ul {
	font:italic 1.2em/1 normal Georgia,Georgia,"Times New Roman",serif;
	margin: 0;
	padding:0;	
}
#footer ul li {
	margin:0 0 5px 0;
	line-height:1;	
}
#footer a {color:#666;}
#footer p,
#footer address {
	font:italic 1.2em/1 normal Georgia,Georgia,"Times New Roman",serif;	
}
#footer address {
	margin:0 0 5px 0;
}
#footer img {
	margin:0 15px 0 0;
}

/* Copyright
*************************************************************************/
#copyright {
	padding:10px 0 40px;
	border-top:1px dotted #B3B3B3;
}

/* Search
*************************************************************************/
.clear {clear:both;}

#page_main_search #main {
	width:960px;
	/*min-height:600px;*/
	padding:0;
	position:relative;
	background:none;
}
#page_main_search #content {
	width:960px;
	float:none;
	padding:0;
}

#page_main_search h2.search-keywords {padding:0 0 15px 0; border-bottom: 1px dotted #B3B3B3;}

.search-item {margin: 0 0 15px 0; padding:0 0 15px 0; border-bottom: 1px dotted #B3B3B3;}

.search-item.last {border: none;}

.search-item h3 {margin: 0 0 15px 0;}

.more {font-weight: bold;}

ul#pagination  { margin: 0;padding: 0;}

ul#pagination li {display: inline;}

ul.documents-list {}

ul.documents-list li {margin: 0 0 10px 0;}

.document-img {float:left;}

.file-name {clear:left; float:left; margin: 15px 0 15px 0;}

/* External Links
*************************************************************************/

/*PDF Links - adds a small PDF icon to all PDF links*/
/*a[href$=".pdf"] {background: url(../../themes/site_themes/wcs/img/page_pdf.png) no-repeat left top; padding-left:22px;padding-bottom:5px;  line-height:22px;}*/

/*DOC Links - adds a small word doc icon to all word document links*/
/*a[href$=".doc"] {background: url(../../themes/site_themes/wcs/img/page_word.png) no-repeat left top; padding-left:22px; padding-bottom:5px;line-height:22px;}*/

/* Document List
*************************************************************************/
#content ul.doclist {
	width:100%;
	clear: both;
	border-bottom:1px dotted #B3B3B3;
	margin: 0;
}
.doclist li {
	border-top:1px dotted #B3B3B3;
	padding:10px;
	/*height: 120px;*/
	list-style: none;
}
.doclist li:nth-child(odd) {
	border-right:1px dotted #B3B3B3;
}
.doclist li img {
	padding:0 10px 0 0;
	float:left;
}
.doclist li div {
	width:150px;
	float:left;
}
.doclist li h3 {
	font-style:italic;
	line-height:normal;
	margin:0 0 5px 0;
}
.doclist li p {margin:0;}
.doclist li div a,
.doclist li div a:visited {
	font-style:italic;
	font-weight:bold;
}
.col-1 {float:left;}
.col-2 {float:left;}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

#content table {width:460px; text-align: left;}

.date {margin: 5px 0;}
h4.recent-news-date	{margin: 5px 0; font-size: 0.8em;}

span.zoom {
    display: block;
	opacity: 0;
    height: 26px;
    position: absolute;
    right: 15px;
    top: 18px;
    width: 26px;
	overflow: hidden;
	text-indent: -999em;
    z-index: 200;
	background: transparent url("http://www.wcsch.com/themes/site_themes/wcs/img/zoom.png") no-repeat 0 0;
}

.video span.zoom {
	/*background: transparent url("http://www.wcsch.com/themes/site_themes/wcs/img/video-zoom.png") no-repeat 0 0;*/
	background: transparent url("http://www.wcsch.com/themes/site_themes/wcs/img/play-icon.png") no-repeat 0 0;
	display: block;
	opacity: 0;
    height: 150px;
    position: absolute;
    right: 172.5px;
    top: 50px;
    width: 150px;
	overflow: hidden;
	text-indent: -999em;
    z-index: 200;
}

.imgWrapper {position: relative;}

.imgWrapper-1 {position: relative; float: left;}
.imgWrapper-2 {position: relative; float: right;}

/* Email newsletter
*************************************************************************/

#page_main_email-newsletter #main {
    background: none;
}

/* Archive Accordion
*************************************************************************/

#navside ul.latest-news {
	margin: 0;
}

#archive-accordion-wrapper {
	float: left;
    width: 229px;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
}

#archive-accordion-wrapper h2 {
	font: 1.3em/1 normal Georgia,Georgia,"Times New Roman",serif;
    margin: 0 0 5px;
    color: #666666;
}

#archive-accordion-wrapper h2 a {
    color: #666666;
}

#news-accordion {
	float: left;
	width: 229px;
	margin: 0;
	padding: 0;
}

#news-accordion ul {
	margin: 0;
	font-size: 0.9em;
}

#news-accordion ul li a.active-term {color:#5353a4;}

#archive-accordion-wrapper h2.active-year a {color:#5353a4;}

/* Calendar
*************************************************************************/

#page_main_calendar #main {
	background: none;
}

/* eBulltin
*************************************************************************/

#subForm div {
	float: left;
	clear: both;
	margin: 0 0 10px 0;
	width: 100%;
}


#subForm label {
    clear: both;
    display: block;
    float: left;
    font-weight: bold;
    margin: 5px 0 0;
    width: 150px;
}

#subForm input.text, #subForm textarea, #subForm select {
    float: left;
    margin: 0 0 10px;
    width: 255px;
}

#subForm input {
    width: 250px;
}

#subForm .submit {
    background: none repeat scroll 0 0 #666666;
    border: medium none;
    clear: both;
    color: #FFFFFF;
    cursor: pointer;
    float: none;
    font: bold 1.2em/1em Georgia,Georgia,"Times New Roman",serif;
    height: 30px;
    margin: 0 0 0 150px;
    padding: 5px;
    width: auto;
}

#subForm .submit:hover {
    background: none repeat scroll 0 0 #555555;
}

input#OnlineSubscription  {
	width: 20px;
	border: none;
}