html {margin:0;padding:0;}

a:link { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	color: #212121;
	}
a:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	color: #000;
	}
a:hover { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline; 
	color: #2c2c2c;
	}
#laramieBody {
	padding: 0 450px 0 450px; /* these side paddings together determine the natural min-width */
	margin: 0;
	text-align: center; /* this centers the wrappers in older IEwin versions */
	background:#ccc url(/images/organizations/cms/laramie/altavista/images/header_tile.gif) repeat-x top left;
	}
#bodyWrap {	
	background:transparent url(/images/organizations/cms/laramie/altavista/images/body_tile.gif) repeat-y top left;
	margin: 0 auto;
	}

#bodyWrap2 {	
	background:transparent url(/images/organizations/cms/laramie/altavista/images/body_tile2.gif) repeat-y top right;
	margin: 0 auto;	
	}
	
#sizer {
	margin: 0 auto 0 auto; /* this centers the wrappers in standards browsers */
	width: 100%; /* here is a critical value for customizing the Jello behavior */
	max-width: 400px;  /* version for IE is in the header */
}

#expander {
	margin: 0 -450px 0 -450px; /* these side margins should be the same or slightly less than body paddings */
	min-width: 900px; /* This prevents Safari from losing the negative margins in narrow windows (equals the sum of the margins) */
	max-width: 1300px;
	position: relative;
}

/* Holly Hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/
* html #expander { height: 0; }
/* */

/* helps IE get the child percentages right. */
#wrapper { width: 100%;} 

/* * * * * * * * * * * * * * * * * */

#sidebar {
	width: 197px;
	float: left;
	display: inline; /* IEwin doubled margin bug fix */
	text-align: left;
	margin-top:2px;
}

#mainBody {
	width: 68%;
	margin-right:7%;
	text-align: left;
	float: right;
	display: inline; /* IEwin doubled margin bug fix */
	list-style-position: inside;
	overflow:hidden;
}


/* http://positioniseverything.net/easyclearing for more info */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}
.clear {clear:both}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/****** LAYOUT - HEADER ******/
#hdr {
height:123px;
background: transparent url(/images/organizations/cms/laramie/altavista/images/header_tile.gif) repeat-x 0 0;
margin: 0 0 0 0px;
padding: 0 0 0 0px
}
#logo {float:left;background:transparent url(/images/organizations/cms/laramie/altavista/images/header.jpg) no-repeat 0 0;width:719px;height:123px}


#sidebar object {position:relative;left:11px} /*controls calendar position*/ 

/****** BEGIN SEARCH ******/
#search {
	background: transparent;
	width:200px;
	height: 25px;
	}

#search form{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; 
	background:transparent;
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	display:inline;
	}

#searchInput {
	text-align:left;
	margin-top: 10px;
	width: 140px;
	}
#searchBtn {
	background: transparent url(/images/organizations/cms/laramie/altavista/images/go_btn.gif) no-repeat 0px 0px;
	height: 18px;
	width: 59px;
	border:none;
	margin: -18px 0 0 159px;
	vertical-align:top;
	cursor:pointer;
    font-size:0px;
	}
#searchText {
	display:none;
	}
/****** END SEARCH ******/

/****** BEGIN LOGIN ******/
#login {
	background: transparent url(/images/organizations/cms/laramie/altavista/images/login.gif) no-repeat 10px 0px;
	width:200px;
	height:104px;
	background-color:transparent;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0 0px;
	}

#login form{
	width:170px;
	background-color:transparent;
	padding: 20px 0px 0px 10px; 
	text-align:right;
	color:#000;
	}
	
#login input[type='text'], #login input[type='password']{
	margin-left:5px;
	margin-bottom:5px;
	font-size:8pt;
	display:inline; 
	padding: 1px;
	background-color:#eaeaea;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-bottom:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	}
	
#login input[type='image'], #login input[type='submit']{
	border:0;
	}
	
#login_btn {background: transparent ;
	border:0;
	float:right;
	height:22px;
	width:72px;
	padding: 0 0 3px 13px;
	margin: 3px 0px 8px 20px;
	cursor:pointer;
	}

#forgotten a {
	clear:both;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align:center;
	display:block;
	margin:0 0 0 0;
	}
/****** END LOGIN ******/	
/****** BEGIN PERSONAL ******/	
#personal {
	border-top: 10px solid #2c2c2c;
	background: transparent;
	margin:0;
	padding: 5px 0px 0px 0px;
	font:bold 10pt Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	}

#welcome li {
	text-align:left;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 5px 0px 0px 30px;
	margin: 0 0 0 -35px;
	height:32px;
	}

/*  32x32 icons  */
#welcome {padding:0;margin:15px 0 0 9px;}
#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:11px Verdana, Arial, Helvetica, sans-serif;}
#welcome a:link {color:#fff}
#welcome a:visited {color:#fff}
#welcome a:hover {color:#fff}
#welcome {margin-bottom:0px;}
#whats_happening {
	color:#fff;
	background: transparent;
	border-top: 10px solid #2c2c2c;
	padding-top:5px;
	}
#whats_happening div {margin-top:7px;margin-left:5px}
/*#whats_happening div a img{display:none;} this turns off the default blue bullets on list items for the whats happening div*/

#whats_happening div a, #whats_happening div a font {color:#fff}
#whats_happening div a:hover, #whats_happening div a:hover font {color:#fff}
 /*this 2 settings overide the font color from main php color settings for the whats happening div*/
#whats_happening .medium_text {color:#fff;}
#whats_happening div span {color:#fff}

/****** END PERSONAL ******/	

#weather {margin-left:12px;}


/*********** BEGIN NAVIGATION***********/
/****** BEGIN TOPNAV ******/
#bar {float:right;clear:none;width:100%;height:25px;background:transparent; margin-right:31px;margin-top:-23px}
#nav, #nav ul {padding: 0;margin: 0;list-style: none; }
#nav {float:left;font:normal 12px Verdana, Arial, Helvetica, sans-serif, sans-serif;margin: 0 0 0 255px;}
#nav li {position:relative;float: left;width: 10em;display:block;margin: 0;padding-right:0px;background: transparent}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {font-weight:normal;text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 6px 20px 0px 10px}
#nav a:hover {color:#888}
#nav li ul {background: #2c2c2c;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 {text-align:left;background:none;border-bottom: 1px solid #999;padding-left: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:#000;background: #ccc;}
#nav li ul .first {border-top:none;}
#nav li ul .last {border-bottom:none;}

/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */

/*IE7 SUCKERFISH DROPDOWN MENU FIX*/
#nav li:hover ul, #nav li.sfhover ul {left: auto;background-position: 0 0;}
/*END IE7 FIX*/

/****** END TOP NAV ******/

/****** BEGIN SIDENAV ******/	
#sideNav {
	margin-top:-4px;
	margin-bottom:12px;
	}
#nav-secondary, #nav-secondary li {
	list-style:none;
	margin:0; 
	padding:0;
	}
	
#nav-secondary a {
	line-height:1.7;
	height:100%; 
	padding: 0 0 0 20px; 
	color:#fff;
	font-size:12px; 
	font-weight:normal;
	display:block;
	text-decoration:none;
	cursor:pointer;
	background:transparent url("/images/organizations/cms/laramie/altavista/images/side_nav_btn.gif") no-repeat top center;
	} 
#nav-secondary a:hover {
	background:transparent url("/images/organizations/cms/laramie/altavista/images/side_nav_btn_on.gif") no-repeat top center;
	}
	
#nav-secondary a:hover {
	color:#000;
	}
	
#nav-secondary li li a {
	display:block;
	padding-left:25px;
	color:#000;
	}
#nav-secondary li ul {
	background:transparent url("/images/organizations/cms/laramie/altavista/images/side_nav_tile.gif") repeat-y 0 0;
	padding:0 0 0 5px;
	}
#nav-secondary li.verticalItemOn a  {
	color: #fff;
	font-weight:normal; 
	background:transparent url("/images/organizations/cms/laramie/altavista/images/side_nav_btn_down.gif") no-repeat top center; 
	margin-bottom:0;
	padding: 0 0 0 20px; 
	}
#nav-secondary li.verticalItemOn li a  {
	color:#000;
	background:transparent
	}
#nav-secondary li.verticalItemOn li a:hover  {
	color:#fff;
	}
#nav-secondary li.verticalItemOn li.last a  {
	padding-bottom:2px;
	}

/*** SIDENAV SUB LINKS ***/
#nav-secondary ul {
	margin: 0;
	padding:0;
	display:none;
	visibility:hidden;
	}
#nav-secondary li ul li ul {
	background: transparent;
	padding-left:8px;
	}
/******END SIDENAV******/
/*********** END NAVS***********/

/******FOOTER******/
#ftr {
background: transparent url("/images/organizations/cms/laramie/altavista/images/footer_tile.gif") repeat-x 0 0;
height:62px;
clear:both;
width:100%;
}
#footerLeft {
	background: transparent url("/images/organizations/cms/laramie/altavista/images/footer_left.gif") no-repeat 0 0;
	height:62px;
	width:205px;
	float:left;
	}
#footerRight {
	background: transparent url("/images/organizations/cms/laramie/altavista/images/footer_right.gif") no-repeat 0 0;
	height:62px;
	width:36px;
	float:right;
	}
#powered {
background-color: transparent;
width:auto;
padding-top: 5px;
margin: 0;
vertical-align:bottom;
}
#powered .text_small span{
	color:#fff;
}

#powered .spaced span{
font:12px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#fff;
}