html {margin:0;padding:0} /*DO NOT EDIT - removes browser defaults*/
body, td {font:13px/1.231 arial,helvetica,clean,sans-serif;} /*DO NOT EDIT - sets global font size and line height*/
table {font-size:inherit;font:100%;} /*DO NOT EDIT - sets global font size*/
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /*DO NOT EDIT - sets global font size*/

a:link {
    text-decoration: none;
    color: #1a315c;
}
a:visited {
    text-decoration: none;
    color: #1a315c;
}
a:hover, a:active {
    text-decoration: underline;
    color: #424242;
}
   
html {margin:0;padding:0}

body {
    padding:0 0 0 0;
    margin:auto;
    background: #f0f0f0 url(/images/organizations/cms/grassLake/images/backgroundTile.png) repeat-x 0 0;
}

#outerWrap {
    background: transparent url(/images/organizations/cms/grassLake/images/outerTile.png) repeat-y 0 0;
    width:964px;
    margin:auto;
}

#wrap {
    background: transparent url(/images/organizations/cms/grassLake/images/bodyTile.png) repeat-y 7px 0;
    width:964px;
    margin:auto;
}
   
#header {
    background: transparent url(/images/organizations/cms/grassLake/images/header.png) no-repeat 0 0;
    width: 964px;
    height: 37px;
    position:relative;
}
#header2 {
    background: transparent url(/images/organizations/cms/grassLake/images/header2.png) no-repeat 0 0;
    width: 964px;
    height: 140px;
    position:relative;
}

#districtLogo {
	position:relative;
	margin:0px 0px -25px 348px;
}

#slideshow {
    float:right;
    display:inline;
	margin:18px 9px 0pt 0pt;
}   

#rotatorPng {   
    background: transparent url(/images/organizations/cms/grassLake/images/rotator.png) no-repeat 0px 0px;
    position:absolute;
    float:right;
    right:9px;
    top:18px;
    width:348px;
    height:122px;
    z-index:999;
}
   
#rssFeed {
    float:right;
    margin:0px 12px 0 0;
}
   
#logoImage {
    float:left;
    position:relative;
    top:30px;
    left:20px;
}

#search {
    margin: -4px 18pt 0 0px;
    padding:0;   
    width: 160px;
    height:20px;
    float: right;
    display:inline;
	position:relative;
}
   
#searchInput {
    text-align: left;
    width: 120px;
    font-size: 10px;
    vertical-align:baseline;
}

#searchBtn {
    background: transparent url(/images/organizations/cms/blank.gif) no-repeat 0 0px;
    height:20px;
    width: 20px;
    border:none;
    cursor:pointer;
    font-size:0px;
    color:#fff;
    text-indent: -9999px;
    margin:0 0 0 3px;
    padding:0;
    vertical-align:top;
}

#quickLinks {
	color:#FFFFFF;
	position: relative;
	top: 15px;
	left: 13px;
}
#quickLinks a {color:#fff;}

#navBar {
    background: transparent url(/images/organizations/cms/grassLake/images/navBar.png) no-repeat 0 0px;
    height:25px;
    clear:both;
}
   
/* NAV - top horizontal nav */
#nav, #nav ul {padding: 0;margin: 0;list-style: none;}
#nav {float:right;font:bold 12px Verdana,Arial,Helvetica,sans-serif;margin: 0px 5px 0 0px;position:relative;z-index:9999;}
#nav li {line-height:23px;position:relative;float: left;width: 10em;display:block;margin: 0;padding-right:0px;background: transparent url(/images/organizations/cms/grassLake/images/navBlt.gif) no-repeat 0px 0px;}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {font-weight:bold;text-decoration:none;font-size:1.0em;font-family:Verdana, Arial, Helvetica, sans-serif;cursor:pointer;color:#1a315c;display: block;padding: 1px 12px 0px 12px}
#nav li.first {background:none;}
#nav a:hover {color:#fff;background:#8d8757 url(/images/organizations/cms/grassLake/images/navBlt.gif) no-repeat 0px 0px;}
#nav li ul {border:1px solid #c3c2b9;background: #8d8757 url(/images/organizations/cms/grassLake/images/topUlImg.png) no-repeat right bottom;;width:14em;font-size:90%;position: absolute;font-weight:normal;left: -999em}
#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99000}
#nav li:hover li ul, #nav li.sfhover ul ul{left: -999em}
#nav li:hover li:hover ul, #nav li.sfhover li.sfhover ul{left:100%;top:0em;z-index:99999;font-size:100%}
#nav li li {background:none;float:none;border-bottom: 1px solid #c3c2b9;padding-left:0;padding-right:0;}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#fff;padding: 3px 8px 2px 8px;width:12.6em}
#nav li li a:hover {color:#fff;background: #132952;}
#nav li ul .first {border-top:none;}
#nav li ul .last {border-bottom:none;}
#nav ul li {line-height:14px;}
/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */

/*IE7 SUCKERFISH DROPDOWN MENU FIX*/
*:first-child+html #nav {
height: 1%;
}
*:first-child+html #nav li {
height: 1%;
}
/*END IE7 FIX*/

/*begin sideNav*/
#sideNav {padding-left:12px;}
#adxmSideNav {
    width: 180px;/* VERY IMPORTANT! Set this to appropriate value, either here on down in the design section */
    text-align:left; /*this overrides the setting from yui grids*/
    }
   
#adxmSideNav ul {
    width: 170px;
}

#adxmSideNav, #adxmSideNav ul {    /* remove all list stylings */
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
    display: block;
}

#adxmSideNav li {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    position: relative;    /* position each LI, thus creating potential IE.win overlap problem */
    z-index: 5;        /* thus we need to apply explicit z-index here... */
}

#adxmSideNav li:hover {
    z-index: 10000;    /* ...and here. this makes sure active item is always above anything else in the menu */
    white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
                            see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

#adxmSideNav ul {
    visibility: hidden;    /* initially hide all submenus. */
    position: absolute;
    z-index: 10;
    left: 0;    /* while hidden, always keep them at the top left corner, */
    top: 0;        /*         to avoid scrollbars as much as possible */
}

#adxmSideNav li:hover>ul {
    visibility: visible;    /* display submenu them on hover */
    left: 100%;    /* and move them to the right of the item */
}

/* -- float.clear --
    force containment of floated LIs inside of UL */
#adxmSideNav:after, #adxmSideNav ul:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}
#adxmSideNav, #adxmSideNav ul {    /* IE7 float clear: */
    min-height: 0;
}
/* -- float.clear.END --  */

/* sticky submenu: it should not disappear when your mouse moves a bit outside the submenu
    YOU SHOULD NOT STYLE the background of the "#adxmSideNav UL" or this feature may not work properly!
    if you do it, make sure you 110% know what you do */
#adxmSideNav ul {
    background-image: url(/images/organizations/cms/exp/images/empty.gif);    /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
    padding: 29px 30px 30px 18px;
    margin: -30px 0 0 -20px;
    /*background: #f00;*/    /* uncomment this if you want to see the "safe" area.
                                you can also use to adjust the safe area to your requirement */
}


/* - - - ADxMenu: DESIGN styles - - - */

#adxmSideNav, #adxmSideNav ul li {
    background: transparent;
    }
#adxmSideNav ul li {
    background:#2d436f;
    }
#adxmSideNav a {
    background: transparent url("/images/organizations/cms/grassLake/images/sideNavSprite.png") no-repeat 0 0;
    text-decoration: none;
    font-weight:bold;
    color: #fff;
    padding: .5em .5em .5em .8em;
    display: block;
    font-size:12px;
    }

/*   makes hover color/background work correctly in ie6  ***MUST BE IN MAIN CSS NOT IE6 SPECIFIC***   */
#adxmSideNav a:hover /* hover state */, #adxmSideNav .adxmhoverA /* active state */{        /* li:hover>a selector */
    color: #fff;
    background-position:0 -48px;
}
/*   end ie6 fix   */

#adxmSideNav a:hover, #adxmSideNav li:hover>a {
    color: #fff;
    background-position:0 -48px;
    }

#adxmSideNav li li a {
	background-image:none;
	background-color:#2d436f;
}
#adxmSideNav li li a:hover {
	background-image:none;
	background-color:#a8a062;
}

#adxmSideNav li {    /* create borders around each item */
    background: transparent url("/images/organizations/cms/grassLake/images/sideNavBlt.gif") no-repeat 0 0;
    border-bottom:1px solid #1a315c;
    }
#adxmSideNav li.first {background:none;}
#adxmSideNav li.last {border-bottom:none;}
#adxmSideNav li li.last {border-bottom:1px solid #1a315c;}
#adxmSideNav li li.first {background-color:#fff}
#adxmSideNav>li + li, #adxmSideNav ul>li + li {    /* and remove the top border on all but first item in the list */
    border-top: 0;
    }

#adxmSideNav li:hover>ul {    /* inset submenus, to show off overlapping */
    top: 5px;
    left: 100%;   
    }
   
#adxmSideNav li ul li {    border:1px solid #1a315c;border-bottom:none;background: #fff url("/images/organizations/cms/grassLake/images/sideNavUp.gif") no-repeat 0 0;}
#adxmSideNav li ul li.first {border-bottom:none;}
#adxmSideNav li:hover>ul li ul {left:100%;}
/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
    placed here to clarify the terminology I use when referencing submenus in posts
#adxmSideNav>li:first-child>a, #adxmSideNav li + li + li li:first-child>a {
    color: #fff;
}
*/

/*end sideNav*/

#cal {
    float:left;
    margin: 5px 0 5px 12px;
    display:inline;
}

#weather {
	display:inline;
	float:left;
	margin:21px 0px 0px 15px;
}
       
#sideColumn {
    float:left;
    width:201px;
    height:100%;
    background: transparent;
    padding:0px 0px 9px;
    margin-top:0px;
    margin-left:0px;
    clear:left;
    display:inline;
}

#login {
    background: transparent url(/images/organizations/cms/grassLake/images/login.png) no-repeat 0 0;
    float:left;
    font-size:10px;
    text-align:right;
    margin-left:0px;
    margin-top:10px;
    padding:30px 15px 0px 0px;
    width:170px;
    height:70px;
    color:#424242;   
    position:relative; 
	display:none;  
}

#login input {
    background-color:#d6d6d6;
    border-top:1px solid #666666;
    border-left:1px solid #666666;
    border-bottom:1px solid #eaeaea;
    border-right:1px solid #eaeaea;   
    width: 90px;
    height: 12px;
    padding: 1px;
    margin: 3px 8px 0px 0px;
}

input#login_btn {
    background: transparent url(/images/organizations/cms/freeSites/images/loginBtn.png) no-repeat 0 0px;
    border:0;
    height:21px;
    width:50px;
    position:absolute;
    top:75px;
    right:22px;
    cursor:pointer;
    margin:0;
}

#forgotten {
    display:none;
}

#personal {
    clear:both;
    margin: 15px 0px 0px 13px;
    font-weight:bold;
    color: #fff;
    float:left;
    width:192px;
    display:inline;
}

#whats_happening {
    padding: 10px 0 0 0;
    margin:0;
    color: #fff;
}

#whats_happening .medium_text {color:#fff;}

#whats_happening a {color:#fff;}
#whats_happening a:hover {color:#fff;}

/*  32x32 icons  */
#welcome {padding:0;margin:15px 0 0;}
#welcomeMsg {padding: 0px 0px 0px 5px;}
#welcome li {height:36px;text-align:left;list-style-type: none;}
#welcome a {background: url("/images/organizations/cms/icons/colorIcons.png") no-repeat 0 0;padding:9px 0 9px 40px;display:block}
#wel_lesson a{background-position: 0px 0px;}
#wel_email a {background-position: 0px -32px;}
#wel_cal a {background-position: 0px -64px;}
#wel_files a {background-position: 0px -96px;}
#wel_pers a {background-position: 0px -128px;}
#wel_admin a {background-position: 0px -160px;}
#wel_help a {background-position: 0px -192px;}
#wel_log a {background-position: 0px -224px;}
#wel_onlinegrades a {background-position: 0px -256px;}
#wel_mychildren a {background-position: 0px -288px;}
/*  end icons  */

#welcome a {font-size:11px;}
#welcome a:link {color:#fff}
#welcome a:visited {color:#fff}
#welcome a:hover {color:#fff}

#bodyWrap {
    height:auto;
    background-color:transparent;
    margin:0 0 0 220px;
}   
   
#mainBody {
    width: 716px;
    min-height:300px;
    clear: none;
    background-color:transparent;
    overflow: visible;
    margin-top:10px;
}
       
#foot {
    background: transparent url(/images/organizations/cms/grassLake/images/footer.png) no-repeat 0 0;
    height: 56px;
    margin:auto;
    clear:both;
}

#powered .spaced span{
    font-size:11px;
    text-align:center;
    color:#1a315c;
}

#powered {
    height:50px;
}   

#powered .text_small span{
    font-size:9px;
    text-align:center;
    color:#1a315c;
}