/* generic studentpad colours */
/* #9CC825 - light green
   #b5cc46 - yellow green
   #e8efc6 - pale green
   #496BAA - blue
   #4c6bb0 - link blue */
@media screen, print {

body {
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url(images/pageBG.jpg) repeat-x 50% 50% fixed;
	text-align: center;
}

/* New rules for standards-compliant CSS-controlled layout: */
#wrapper  
{
    text-align: left; 
    margin: 0 auto; 
    padding: 0; 
    border: 0; 
    width: 870px; 
    background: #fff;
} /* keeps content in fixed-width column */
#content {
	width:870px;
	margin-top: 210px;
	background: #ffffff; color: #333333;
} /* leaves space for the masthead, which is below the content in the HTML to improve SEO results */

#wrapper.solo #content {
	margin-top: 174px;
	/* this class is used when there is only one line of links in topmenu */
}

#mastheadold {
	position: absolute; top: 25px;
	width: 870px; height: 106px;
	margin: 0;
	background: transparent url(./images/SP_masthead.gif) bottom left no-repeat;
} /* stays at the top visually */

#masthead {
	position: absolute; top: 25px;
	width: 870px; height: 106px;
	margin: 0;
	background: transparent url(./images/SP_masthead_original.gif) bottom left no-repeat;
} /* stays at the top visually */
#adBanner {
	position: absolute; top: 16px; right:16px; border:1px solid #6f95bd; padding:2px; width:468px; height:60px
}
#footer {
	width: 870px; height: 82px;
	background: #292929; color: #999999;
	font: normal 11px Verdana, Verdana, Arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 21px 0 0 0;
	clear:left
} /* just visual controls */


/* navigation items */
#footer a, #footer a:visited { color:#999999; text-decoration:none }
#footer a:hover { color:#999999; text-decoration:underline }
#skip_to_nav {text-indent: -5000px; float: left; } /* hidden if you're not using a screen-reader or basic mobile */
/* rules to position the navigation within the masthead */
#topmenu { position: absolute; top: 106px; left: 0px; width: 870px; height: 35px; background:#2f5d99 url(images/bar_blue.gif) top left repeat-x; border-bottom:1px solid #2f5d99 }
#wrapper.solo #topmenu { border-bottom:8px solid #2f5d99 }
#topmenu, #topmenu *, #greenbar, #greenbar * { color: #ffffff; font: normal 12px Arial, sans-serif; text-decoration: none; }
#topmenu a { display:block; float: left; height:35px; line-height:35px; text-align:center; vertical-align:middle; border-right:1px solid #2f5d99; background:url(images/button_blue.gif) top right no-repeat; padding:0 30px }
#topmenu a.selected { background:url(images/button_green.gif) top right no-repeat }
#topmenu a#llLink { background:url(images/button_toLand.gif) top left no-repeat; padding: 0; float:right; width:121px; height:35px; border-right:0; border-left:1px solid #2f5d99 }
#topmenu a#cLink { background:url(images/button_toCorp.gif) top left no-repeat; padding: 0; float:right; width:121px; border-right:0; border-left:1px solid #2f5d99 }
#topmenu a span { line-height:35px }
#topmenu a span.hider { position:absolute; left:-5000px }

#greenbar { position: absolute; top: 142px; left: 0px; width: 870px; height: 35px; background:#b5cc46 url(images/bar_green.gif) top left repeat-x; border-bottom:8px solid #2f5d99 }
#greenbar a { display:block; float: left; height:35px; line-height:35px; text-align:center; vertical-align:middle; border-right:1px solid #2f5d99; background:#b5cc46 url(images/button_green.gif) top right no-repeat; padding:0 40px }
#greenbar a.selected { background:url(images/button_grey.gif) top right no-repeat }

/* main content */
/*2-column layout pages (default layout: 3col rules below override) */
#left_col  
{
    width:620px; 
    margin:0 0 0 10px; 
    float:left; 
    padding:0; 
    min-height:550px;
}

#right_col { width:220px; margin:0px 0 0 650px; min-height:550px; padding-top:24px }
#left_col h1 { color:#b5cc46; background:transparent }

/* main content, 1-col layout */
#one_col { width:810px; margin:0 30px; padding:32px 0 0 0; min-height:550px }

/* main content, 3col @ centre layout */
#threeCol { position: relative; }
#threeCol #mid_col {
	width:422px; height:100%;
	overflow:auto;
}
#mapinner { text-align:center; height:100%; background:#f4f4f4; margin-top: 20px; }
#mapinner h1 { font: bold 28px Arial, sans-serif; color:#9ac935 }
#mapinner p { color:#666666; font-weight:bold }
#mapinner h1, #mapinner p { text-align:left; margin: 5px 0 5px 32px }
#mapinner h1 span { font-size:12px }
* html #threeCol #mid_col { float:left }
* html #threeCol #mid_col #mapinner { width:100%; height:100% }

#threeCol #left_col  
{
    float: left; 
    width: 224px; 
    background: #ffffff; 
    margin:0; 
    position: relative;
}
#threeCol #right_col { float:right; width: 216px; position:relative; background: #ffffff; margin:auto }
#threeCol #left_col, #threeCol #right_col { padding-top:32px }
#mapinner { padding-top: 8px }

/* left column of 3 */
#threeCol #left_col h2 { margin-right:18px; margin-bottom:7px; margin-left:16px }
#threeCol #left_col ul { margin-left: 18px; margin-right:18px }
#threeCol #left_col p { margin: 5px 10px 5px 24px }

#threeCol #right_col ul, #threeCol #left_col ul { list-style-type: none; width:184px; padding:0 }
#threeCol #right_col ul li, #threeCol #left_col ul li { line-height:18px; border-bottom:1px solid #ececec; min-height:18px; vertical-align:middle; margin:0; padding:0 0 0 20px; background:url(images/li.gif) top left no-repeat; color:#333333 }
#threeCol #right_col ul li a, #threeCol #left_col ul li a { text-decoration:none; color:#333333 }

/* right-hand column of three */
#threeCol #right_col h2 { margin-right:18px; margin-bottom:7px; margin-left:0 }
#threeCol #right_col p { margin: 5px 16px 5px 6px }
#threeCol #right_col ul { margin-left:0; margin-right:18px }

/* hides text in H2 tags */
#threeCol #right_col h2 span, #threeCol #left_col h2 span { margin-left: -5000px; float:left }

/*divisions at the base of the page*/
#lowDivs { width:422px; clear:left; margin: 0px 0 0 0px; padding: 12px 0px }
#lowDivs div { background:url(images/bodyBGw.jpg) bottom left no-repeat; height:200px; width:402px; clear:left; margin: 12px 9px }

#lowDivs div.spacer { background:none; height:200px; width:402px; clear:left; margin: 12px 9px } 

#lowDivs div p { margin: 12px 24px }
a.ogb { background:url(images/gel_butt_orange.gif) top left no-repeat; width:92px; height:25px; line-height:25px; padding-left:10px;
	color: #ffffff; text-decoration:underline; display:block; text-align:left; font-weight:bold }
a.ggb { background:url(images/gel_butt_green.gif) top left no-repeat; width:92px; height:25px; line-height:25px; padding-left:10px;
	color: #ffffff; text-decoration:underline; display:block; text-align:left; font-weight:bold }
a.bgb { background:url(images/gel_butt_blue.gif) top left no-repeat; width:92px; height:25px; line-height:25px; padding-left:10px;
	color: #ffffff; text-decoration:underline; display:block; text-align:left; font-weight:bold }

/* image preloader */
div#preloader { position: absolute; top:-1000; left:-5000; float: left }

.header { font-size: 24px; font-weight:bold }

.flagleft { font-size: 28px; font-weight:bold; line-height:52px; color:#b5cc46}
#advice h1, #advice h2, #advice h3, #advice h4 { color:#b5cc46 }
#one_col h1, #one_col h2 {color:#b5cc46}
}

#pumpkin{ position: absolute; top: 83px; left: 845px; width: 83px; height: 50px; background: url(./images/halloween/batr.png) no-repeat; }
#bat{ position: absolute; top: 0; left: -40px; width: 83px; height: 50px; background: url(./images/halloween/bat.png) no-repeat; }
#spider{ position: absolute; top: 95px; left: 680px; width: 43px; height: 50px; background: url(./images/halloween/spider.png) no-repeat; }
body.halloween #masthead{	background: transparent url(./images/halloween_header.gif) bottom left no-repeat; }


body.easter #masthead{	background: transparent url(./images/sp_masthead_easter.gif) bottom left no-repeat; }
body.wedding #masthead{	background: transparent url(./images/sp_masthead_wedding.gif) bottom left no-repeat; }
body.mayday #masthead{	background: transparent url(./images/sp_masthead_mayday.gif) bottom left no-repeat; }

#santahat{ position: absolute; top: -20px; left: 68px; width: 86px; height: 59px; background: url(./images/christmas/santahat.png) no-repeat; }

body.valentine #masthead{ background: transparent url(./images/SP_masthead_valentine.gif) bottom left no-repeat; }