/*  
HADLEYJUNIORHIGHSCHOOL.COM

Created: October 13, 2007
Author: Kit Lamoureux, Plan B Solutions Inc.
		kit@planbsolutions.ca
		
CONTENTS:
Nav.css - imported and controls all navigation on the site
Base.css - this file. Hands all resets, layout, type and content styling
Home.css - specifical modifications for home page
ie6.cs - special modifications for IE 6
forms.css - code to handle form layout.


*/


@import url(nav.css);


* {margin: 0;padding: 0;}
html {font-size: 100%;}
body {font: 62.5%/1.5 Tahoma, Arial, Helvetica, sans-serif;}

/* RESET */
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th, hr {  font-weight: normal; font-style: normal; }
ul,ol { list-style: none;}
fieldset,img { border: none; }
caption,th { text-align: left; }
th {
	font-size:1.1em;
	font-weight:bold;
	color:#990000;
}
table {
	border-collapse: collapse;
	border-width: 1;
	border-color: #000000;
}
code {font-size: 1.1em;}

/* LAYOUT */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

body {background-image: url(/img/bkgd/homepage.jpg);background-position: center 3px;background-repeat: no-repeat;}
body.subpage {background-image: url(/img/bkgd/subpage_swoosh.jpg);background-position: center 5px;background-repeat: no-repeat}

img { }
img.left {float: left;margin: 20px 20px 20px 0;}
img.right { float: right; margin: 2px 0 16px 20px; }
img.across { margin: 2px 0 16px 0; }
img.flushleft { margin-left: -20px; }
img.flushright { margin-right: -20px; }

#container {width: 801px;margin: 0 auto;}
#masthead {}
#logo {float:left;padding:20px 20px 0px 20px;}
#main {width:100%;background-image: url(/img/head/home_header.jpg);background-repeat: no-repeat;}

#content {background-image: url(../img/bkgd/bkgd_container.jpg);padding-left: 22px;}
#content #grid2colA {float: left;width: 243px;}
#content #grid2colB {background-image: url(../img/headers/home_header.jpg);background-repeat: no-repeat;background-position: left top;float: right;margin-right: 13px;width: 521px;}
.subpage #content #grid2colB {background-image: url(../img/headers/subpage_header.jpg);}
#bodyCopy {padding: 250px 20px 20px 20px;}
.subpage #bodyCopy {padding: 130px 20px 20px 20px;}

#subheader {width: 100%;height: 110px;}
#sidelinks {
	width: 200px;
	margin: 0 auto;
	border: 1px solid #FFF;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#footer {width: 801px;margin: 0 auto;padding-bottom: 30px;padding-top: 5px;}

/* TYPE */
#sidenav {}
#sidenav li a{font-size: 1.2em;font-weight: normal;text-decoration: none;color:#FFFFFF;padding:3px 0 3px 20px;border-bottom: 2px solid #FFF;text-transform: uppercase;}
#sidenav-lvl2 li a{
	color: #D1CEC9;
	font-size: 1.1em;
	padding:7px 5px 5px 30px;
	border-bottom: none;
}
#sidenav li.on a {color: #FFFFFF !important;}
#sidenav li a:hover{color:#890302;}
#sidenav-lvl2 li.arrow a:hover {color:#666666;} 

#sidenav li.sn-bottom {margin-left:20px;}

#sidelinks a {
	font-size: 1.4em;
	font-weight: bold;
	color: #CCCCCC;
}

strong {font-weight:bold;}
em {font-style:italic;}

#bodyCopy p {margin-bottom: 1.1em;font-size: 1.1em;}
#bodyCopy h1 { font-weight: bold; font-size: 1.6em; line-height: 1.5; margin-bottom: 0; color: #9A0000;}
#bodyCopy h2 {
	font-weight: bold;
	font-size: 2em;
	line-height: 1;
	margin-bottom: 1.0em;
	color: #9A0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#bodyCopy h3 {font-weight: bold;font-size: 1.1em;line-height: 1;margin-bottom: 8px;margin-top: 20px;color: #a7c677;}
#bodyCopy h4 {font-weight: normal;font-size: 1.2em;line-height: 1;}
#bodyCopy h5 { font-weight: bold; font-size: 1.2em; line-height: 1; }
#bodyCopy h6 { font-weight: bold; font-size: 1.1em; line-height: 1; color: #9d958a;}
#bodyCopy #subheader h1 {padding: 43px 0 30px 265px;font-size:3em; line-height:1;font-weight:bold;color:#2596BF;}
#bodyCopy p.intro { font-weight: bold; }
#bodyCopy .more { text-align: right; }
#bodyCopy .subheadline {font-size: 2em;color: #9D958A;line-height: .9;}
#bodyCopy .overlay {padding: 70px 0 30px 65px;}

#bodyCopy ul { margin-bottom: 18px; list-style: none outside;font-size:1.1em;}
#bodyCopy ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
#bodyCopy ul.square,
#bodyCopy ul.circle { margin-left: 2em; }
#bodyCopy ul.square { list-style: square outside; }
#bodyCopy ul.circle { list-style: circle outside; }
#bodyCopy ul ul.circle,
#bodyCopy ul ul.square { margin-top: 4px; margin-bottom: 5px; }

#bodyCopy .sidebar { font-size: 10px; line-height: 18px; color:#686868; }
#bodyCopy .callout { font-size: 11px; line-height: 18px; margin-bottom: 18px; }
#bodyCopy .last { margin-bottom: 0; }

#bodyCopy a.arrow {font-size: 1.0em;color: #9d958a;text-decoration: none;font-weight:bold;}
#bodyCopy a.arrow:hover {text-decoration: underline;}
#sidelinks h5 {
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #CCCCCC;
}