/*
	Calgary Girls' School
	General Screen Styles

	Created by Chris Pearce
	chris@cstech.net.au
*/
/****************************************************************************************
																   >> General Selectors << 
*****************************************************************************************/
html, body {
	margin: 0; 
	padding: 0; 
	border: 0;
}
body {
	background: #fff;
	color: #3b4840;
	font: 76% Arial, Helvetica, sans-serif;
	text-align: left;
}
a:link, a:visited {color: #a9533c;}
a:hover {text-decoration: none;}
p {
	margin: 0 0 1.5em; 
	line-height: 1.4;
}
a img, :link img, :visited img {border: 0;}
ul, ol {
	margin: 1.5em 0 1.5em 48px;
	padding: 0;
}
ul li, ol li {margin-bottom: 0.30em;}
ul ul, ol ol {
	font-size: 100%; 
	margin-top: 0.40em;
	margin-bottom: 0.80em;
	padding-top: 0;
	padding-bottom: 0;
}
blockquote {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #a1a767;
	margin-left: 0;
	padding-left: 0;
}
blockquote * {margin-left: 0 !important;}
blockquote p {margin-bottom: 0.20em;}
table, td {font-size: 100%;}
address {font-style: normal;}
hr {
	color: #e5e5e5; 
	background: #e5e5e5; 
	height: 1px; 
	border: 0;
}
h1 {
	font: bold 165% "Times New Roman", Times, serif;
	color: #780c06;
	margin: 0 0 0.80em;
  background: transparent url('../images/h1-bg.gif') no-repeat 0 3px;
	padding-left: 20px;
}

h2,h3,h4,h5,h6 {
	margin: 0 0 0.30em;
	font: bold 134% Arial, Helvetica, sans-serif;
	color: #a1a767;
}
h3,h4,h5,h6 {
	font: bold 124% Arial, Helvetica, sans-serif;
	color: #6d6e72;
}
h4,h5,h6 {color: #999;}

table {
	margin-bottom: 1.5em;
	max-width: 507px;
}
table td p, table td h1,
table td h2, table td h3,
table td h4, table td h5,
table td h6 {margin: 0 !important;}
p table {margin: 0 !important;}
table td ul {
	margin: 1em 0 1em 28px !important;
	padding: 0;
}

/*---Adjecent Sibling Selectors---*/
h2 + h3, h3 + h4, h4 + h5, h5 + h6 {margin-top: 0.80em;}

/****************************************************************************************
																		   >> Structure << 
*****************************************************************************************/
												
/*-------------------------------------------Hide Elements off Screen---*/
.hide {
	position: absolute;
	left: -9999px;
	top: 0;
	overflow: hidden;
	width: 0;
	height: 0;
}

/*-------------------------------------------Wrapper---*/
#wrapper {
	width: 768px;
	background: transparent url('../images/wrapper-bg.jpg') repeat-y 0 0;
	margin: 0 auto;
	text-align: left;
}
#homepage #wrapper {background-image: url('../images/wrapper-bg-home.jpg');}

/*-------------------------------------------Ancillary[NOT BEING USED]---*/
/*ul#ancillary {
	margin: 0 5px;
	padding: 8px 5px 6px 0;
	background: #fff url('../images/ancillary-bg.jpg') repeat-x 0 100%;
	list-style: none;
	text-align: right;
}
	ul#ancillary li {
		display: inline;
		margin: 0 3px 0;
	}
	ul#ancillary li a {
		text-decoration: none;
		font: bold 82% Verdana, Arial, Helvetica, sans-serif;
		color: #8A8A8A;
	}
	ul#ancillary li a:hover {color: #666;}*/

/*-------------------------------------------Masthead---*/
#masthead {
	height: 184px;
	background: transparent url('../images/banner.jpg') no-repeat 0 0;
	position: relative;
	margin: 0 5px;
}
	#masthead h1 {
		position: absolute;
		top: 26px;
		left: 20px;
		margin: 0;
		padding: 0;
		background: #fff;
		z-index: 99;
	}
	#masthead h1 a {
		display: block;
		text-indent: -99999px;
		width: 124px;
		height: 84px;
		background: #fff url('../images/logo.gif') no-repeat 0 0;
		overflow: hidden;
	}
	
/*-------------------------------------------Main Nav---*/
ul#nav { margin: 0 0 0 5px; padding: 0; float: left; width: 758px; background: #464749; list-style: none; border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: inline; /* Hack for IE 6 and below */ 

}
	ul#nav li { margin: 0 10px 0 0; float: left; display: inline; /* Hack for IE 6 and below */ 
	}
	ul#nav li.lst-link {margin: 0;}
	ul#nav li.first-link { margin-left: 25px; }
	ul#nav li a {
		font: bold 100% Arial, Helvetica, sans-serif;
		text-decoration: none;
		color: #fff;
		padding: 4px 40px;
		display: block;
		text-shadow: 0px 1px 0px #000;
	}
	ul#nav li a:hover, 
    ul#nav li a.active,
    ul#nav li a.active:hover {background: #6e6f71;
    
    }

/*-------------------------------------------Side Bar Left---*/
#sidebarLeft {
	margin: 0 0 0 5px;
	float: left;
	width: 171px;
	display: inline; /* Hack for IE 6 and below */
}
	#sidebarLeft * {
		margin: 0;
		padding: 0;
	}
	#sidebarLeft ul {
		list-style: none;
		padding: 22px 15px 22px 10px;
	}
	

	#sidebarLeft ul ul {
		list-style: none;
		padding: 0;
		list-style: disc outside;
		margin: 8px 0 0 20px;	
	}
	
	#sidebarLeft ul ul li {
  padding: none;
  margin: 0;
  padding: 1px 0;
  color: #fff;
  font-size: 11px;
	}
	
	
	#sidebarLeft ul ul li a {

		padding: 0;
		margin: 0;
	
	}
	
	#sidebarLeft ul#subnav1 ul li a {background: none}

  #sidebarLeft ul#subnav1 ul li a:hover {background: none;}
	
	#sidebarLeft ul li {
		margin-bottom: 8px;
		width: 100%;
	}
	#sidebarLeft ul li.lst-link {margin: 0;}
	#sidebarLeft ul li a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding-left: 14px;
	}
	#sidebarLeft ul li a:hover {color: #8c290a;
	}
	#sidebarLeft ul li a.active {	
	color: #EAA20F;
	}
	
		#sidebarLeft ul#subnav1 {background: #a86d1f url('../images/subnav-bg.jpg') repeat-y 0 0;}
		
		
		
		#sidebarLeft ul#subnav1 li a {background: #a86d1f url('../images/star.gif') no-repeat 0 2px;}
		#sidebarLeft ul#subnav1 li a:hover {background: #a86d1f url('../images/star.gif') no-repeat 0 -39px;}
		
		#sidebarLeft ul#subnav2 li a {background: transparent url('../images/box.gif') no-repeat 0 3px;}
		#sidebarLeft ul#subnav2 li a:hover {background: transparent url('../images/box.gif') no-repeat 0 -39px;}
		
/*-------------------------------------------Main Content---*/
#mainContent {
	float: left;
	margin-left: 35px;
	width: 552px;
	display: inline; /* Hack for IE 6 and below */
}
#homepage #mainContent {
	margin-left: 73px;
	width: 514px;
	background: transparent url('../images/pagecopy-bg.jpg') no-repeat 0 100%;
}
	/*---Indent all elements except H1---*/
	#mainContent p, #mainContent h2,
	#mainContent h3, #mainContent h4,
	#mainContent h5, #mainContent h6,
	#mainContent table, #mainContent blockquote, 
	#mainContent form, #mainContent hr {/*margin-left: 20px;*/}
	/*---Cancel for Right Sidebar---*/
	#sidebarRight p, #sidebarRight h2,
	#sidebarRight h3, #sidebarRight h4,
	#sidebarRight h5, #sidebarRight h6,
	#sidebarRight table, #sidebarRight, 
	#sidebarRight form {margin-left: 3px;}
	
	/*---[INNER PAGE LAYOUT]---*/
	#pageCopyInner {
		padding: 22px 25px 10px 0;
		margin: 0;
		min-height: 310px;
	}
	* html #pageCopyInner {height: 310px;} /* for pre 6.0 IE Win */
	
	/*---[HOME PAGE LAYOUT]---*/
	#pageCopy {
		float: left;
		width: 297px;
		padding: 22px 0 282px 0;
		margin: 0;
	}
		#pageCopy h1, #pageCopy p {margin-bottom: 0.50em;}
		#pageCopy h1 {
			font-size: 144%;
			background-position: 0 2px;
		}
		#pageCopy p {font-size: 95%;}
		
	#sidebarRight {
		float: left;
		width: 145px !important; /* for most browsers */
		width /**/:153px; /* for pre 6.0 IE Win */
		padding: 3px 4px;
		background: #d0d2ad;
		margin: 0;
		margin-left: 64px;
		color: #38493f;
		display: inline; /* Hack for IE 6 and below */
	}
		#sidebarRight p {
			margin-bottom: 0.30em;
			font-size: 90%;
			line-height: 1.25em;
		}
		#sidebarRight .margin-btm {margin-bottom: 0.30em;}

/*-------------------------------------------Footer---*/
#footer {
	clear: both;
	background: #8c8d91 url('../images/footer-bg.jpg') no-repeat 0 100%;
	padding: 5px 0 11px 20px;
	min-height: 8px;
	position: relative;
}
* html #footer {height: 8px;} /* Hack for IE 6 and below */

	#footer * {
		margin: 0;
		padding: 0;
	}
	#footer p {
		color: #fff;
		font-size: 82%;
		line-height: normal;
	}

/****************************************************************************************
												  							   >> Forms << 
*****************************************************************************************/
form {
	margin: 0; 
	padding: 0;
}
	form * {
		margin: 0;
		padding: 0;
	}
	form fieldset {border: 0;}
	form fieldset legend {display: none;}
	form fieldset div.form-row {
		margin-top: 2px;
		padding: 2px 0;
		background: #e5e5e5;
		clear: both;
	}
	form fieldset label {
		width: 150px;
		float: left;
		padding: 3px 0 3px 3px;
		color: #0465a9;
		font-weight: bold;
		margin-right: 7px;
	}
	form fieldset input, 
	form fieldset textarea,
	form fieldset select {
		width: 205px; 
		font: 12px Arial, Helvetica, sans-serif;
		color: #666;
		border: 1px solid #999;
		padding: 2px;
	}
	form fieldset input.sml-field {width: 60px;}
	form fieldset input.default {
		width: auto;
		padding: 0;
	}
	form fieldset textarea {
		width: 290px; 
		height: 100px; 
		overflow: auto;
	}
	form fieldset input:hover,
	form fieldset input:focus,
	form fieldset textarea:hover,
	form fieldset textarea:focus {border: 1px solid #3b5e02;}

	/*---Submit Button & Container---*/
	form input.submit {
		width: 6em;
		min-width: 5em;
		padding: 1px 0.15em 1px 0.15em;
		border: 1px solid #BB7E2D;
		background: #D29544;
		color: #FFF;
		cursor: pointer; 
		font-weight: bold;
		margin-top: 10px;
	}
	form input.submit:hover,
	form input.submit:focus {background: #BB7E2D;}

	/*---Validation & Misc Styles---*/
	form fieldset em {
		font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
		color: red;
	}
	form fieldset p {
		text-align: right; 
		margin: 0 0 0.20em;
		color: #666;
	}	
	
/****************************************************************************************
												  						>> Misc Classes << 
*****************************************************************************************/

/*-------------------------------------------Clear Floats---*/
div.clear {
	clear: both;
	height: 1px;
	width: 770px;
}

/*-------------------------------------------CMS Custom Styles---*/
img.style-image-float {
	display: block;
	float: right;
	margin: 0 0 16px 16px;
	padding: 1px;
	border: 1px solid #a1a767;
}
img.style-image-margin {margin-left: 20px;}
a.style-read-more {
	text-decoration: none;
	padding-left: 15px;
	background: transparent url('../images/red-arrow.gif') no-repeat 0 48%; 
}
a.style-read-more:hover {color: #780c06;}
ul.style-pdf-list {
	list-style: none; 
	margin-left: 28px;
}
	ul.style-pdf-list li {
		background: transparent url('../images/pdf.gif') no-repeat 0 0;
		padding: 2px 0 2px 20px;
		margin-bottom: 0.20em;
	}
	ul.style-pdf-list li.word {background: transparent url('../images/word.gif') no-repeat 0 0;}
p.style-quote-author {
	color: #999;
	font: normal 86% Arial, Helvetica, sans-serif;
	margin-left: 5px !important;
} 
#calendar {
	background-color: #FFFFFF;
	width: 500px;
	height: 300px;
}
#calendar iframe {
	width: 500px;
	height: 300px;
}