/* Saskatchewan
   School
   Board
   Association
   2008
   
   Designed by, Omni Studios
*/

/* imports */
@import url(reset.css);
@import url(dropdown.css);
@import url(navStyles.css);
@import url(newsticker.css);

/* minor body properties */
body, html { height:100%; min-height:1px; }
#bodyEnd { margin:-1em auto 0; position:relative; }
#bodyEnd { background:white url(images/body_bg.png) bottom repeat-x; width:100%; height:100px; }

/* wrapper properties */
#wrapper { width:100%; }
#wrapperInner { width:960px; margin:0 auto; }
#wrapperInner.img { width:960px; height:190px; }

/* header color classes */
#wrapper.orange , #wrapper.brown , #wrapper.mintGreen , 
#wrapper.blue , #wrapper.limeGreen , #wrapper.yellow
{ background:white }

/*// styling //*/
#wrapper.orange { background:url(images/header_orange.png) top left repeat-x; }
#wrapper.brown { background:url(images/header_brown.png) top left repeat-x; }
#wrapper.mintGreen { background:url(images/header_mintGreen.png) top left repeat-x; }
#wrapper.blue { background: url(images/header_blue.png) top left repeat-x; }
#wrapper.limeGreen { background:url(images/header_limeGreen.png) top left repeat-x; }
#wrapper.brownTwo { background:url(images/header_brown2.png) top left repeat-x; }
#wrapper.yellow { background:url(images/header_yellow.png) top left repeat-x; }


/* logo properties */
#logo { padding-top:25px; width:240px; height:60px; }

/* search properties */
#search { float:right; color:white; }
#search .displayNone { display:none; }

/* sitemap properties */
#sitemapButton { margin:0 auto; width:960px; }
#sitemapButton img { float:right; }
#sitemap { display:none; background:#88542d url(images/sitemap_bottom_bg.png) bottom repeat-x; width:100%; }
#sitemap { overflow:hidden; }
#sitemapInner { width:960px; margin:0 auto; font-size:12px; }

/*// styling //*/
#sitemapInner ul { float:left; color:#fff; margin:10px; width:120px; }
#sitemapInner ul li { padding-top:2px; }
#sitemapInner ul li a { text-decoration:none; color:white; }
#sitemapInner ul li a:hover { text-decoration:underline; }
#sitemapInner .heading { font-weight:600; }
#sitemapInner .subHeading li { list-style:inside square; padding:2px; }



/* topNav properties */
#topNav { margin-top:60px;  padding-left:24px; width:960px; }

/* content wrapper properties */
#contentWrapper { display:block; background:white; width:960px; margin-bottom:20px; }
#contentWrapper { display:inline-block; }
#contentWrapperMobile { display:block;  display:inline-block; background:white; width:100%; margin-bottom:20px; }

/* leftContent properties */
#contentLeft { float:left; background:white; width:685px; }
#contentLeftMobile { float:left; background:white; width:100%; }
#colorBar { width:100%; height:20px; }

/*// styling //*/
#contentLeft span, .twoCol span { padding-left:7px; font-size:12px; }
#contentLeft h1 { font-size:16px; color:#333; letter-spacing:1px; padding-top:10px; margin-bottom:20px; padding-left:10px; }
#contentLeft h2 { font-size:14px; color:#333; letter-spacing:1px; padding-top:10px; padding-left:7px; }
#contentLeft h3 { font-size:13px; color:#333; letter-spacing:1px; padding-top:10px; padding-left:7px; }
.twoCol, .twoCol p, #contentLeft p { padding:7px; font-size:12px; line-height:16px; color:black; text-align:justify; }
.twoCol td { padding:7px; }
.leftify { text-align:left; }
#contentLeft p a, #contentLeft span a, .twoCol a, .twoCol p a { text-decoration:underline; color:#333; }
#contentLeft p a:hover, #contentLeft span a:hover, .twoCol a:hover, .twoCol p a:hover { text-decoration:none; color:#666; }
#contentLeft ul, .twoCol ul { padding-left:30px; margin-top:10px; margin-bottom:10px; }
#contentLeft ul li, .twoCol ul li { background:url(images/contentLeft_ul_bg.png) left top no-repeat; padding:3px; padding-left:15px; margin-top:1px; font-size:12px; }
#contentLeft.big ul li{ background:url(images/contentLeft_ul_bg.png) top left no-repeat; }
#contentLeft ul li a, .twoCol ul li a { text-decoration:underline; color:#333; }
#contentLeft ul li a:hover, .twoCol ul li a:hover { text-decoration:none; color:#666; }
#contentLeft ol, .twoCol ol { font:italic 14px Georgia; color:#666; margin-left:30px; padding-left:15px; margin-top:10px; margin-bottom:10px; }
#contentLeft ol li, .twoCol ol li { font:normal 12px Arial; padding:3px; margin-top:1px; }
blockquote { background:url(images/blockquote_bg.png) top left no-repeat; margin:5px; margin-left:30px; padding:20px; padding-left:30px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; }
#contentLeft img { padding:3px;}
#contentLeft img.left { float:left; padding-right:7px; }
#contentLeft img.right { float:right; padding-left:7px;}

#contentLeftMobile span { padding-left:7px; font-size:12px; }
#contentLeftMobile h1 { font-size:16px; color:#333; letter-spacing:1px; padding-top:10px; margin-bottom:20px; padding-left:10px; }
#contentLeftMobile h2 { font-size:14px; color:#333; letter-spacing:1px; padding-top:10px; padding-left:7px; }
#contentLeftMobile h3 { font-size:13px; color:#333; letter-spacing:1px; padding-top:10px; padding-left:7px; }
#contentLeftMobile p { padding:7px; font-size:12px; line-height:16px; color:black; text-align:justify; }
#contentLeftMobile p a, #contentLeftMobile span a { text-decoration:underline; color:#333; }
#contentLeftMobile p a:hover, #contentLeftMobile span a:hover { text-decoration:none; color:#666; }
#contentLeftMobile ul { padding-left:30px; margin-top:10px; margin-bottom:10px; }
#contentLeftMobile ul li { background:url(images/contentLeft_ul_bg.png) left top no-repeat; padding:3px; padding-left:15px; margin-top:1px; font-size:12px; }
#contentLeftMobile.big ul li{ background:url(images/contentLeft_ul_bg.png) top left no-repeat; }
#contentLeftMobile ul li a { text-decoration:underline; color:#333; }
#contentLeftMobile ul li a:hover { text-decoration:none; color:#666; }
#contentLeftMobile ol { font:italic 14px Georgia; color:#666; margin-left:30px; padding-left:15px; margin-top:10px; margin-bottom:10px; }
#contentLeftMobile ol li { font:normal 12px Arial; padding:3px; margin-top:1px; }
#contentLeftMobile img { padding:3px;}
#contentLeftMobile img.left { float:left; padding-right:7px; }
#contentLeftMobile img.right { float:right; padding-left:7px;}

#colorBar.orange { background:#E77923; }
#colorBar.semiOrange { background:#D27A30; }
#colorBar.mintGreen { background:#84a053; }
#colorBar.blue { background:#487396; }
#colorBar.limeGreen { background:#98aa37; }
#colorBar.brownTwo { background:#96723b; }
#colorBar.yellow { background:#ceaa2b; }

/* map properties */
#map a { text-decoration:none; }
#map em { 
	background:url(images/hover.png) no-repeat;
	width:150px;
	height:115px;
	position:inherit;
	text-align:center;
	padding:10px;
	z-index:2;
	display:none;
	font-family:Arial;
	font-size:12px;
	font-style:normal;
	line-height:15px;
}
#map img { outline:none; border:none; }

/* sidebarRight properties */
#sidebarRight { float:right; background:white; width:275px; margin-bottom:20px; }
#sidebarRight.secondary { background:#f2f2f2; }

#sidebarRightImgs img { margin-bottom:25px; }

#footer {
	background:white url(images/footer_bg.png) top center no-repeat;
	margin:0 auto;
	margin-top:20px;
	padding:20px;
	padding-top:35px;
	text-align:center;
}
#footer span { font-size:13px; text-align:center; word-spacing:2px; }
#footer span a { color:#666; text-decoration:none; }
#footer span a:hover { color:#333; text-decoration:none; }
.normal { word-spacing:0; }