html {margin:0;padding:0}

a:link { 
	font-family: Helvetica, sans-serif;
	text-decoration: none; 
	color: #660099;
	}
a:visited { 
	font-family: Helvetica, sans-serif;
	text-decoration: none; 
	color: #660099;
	}
a:hover { 
	font-family: Helvetica, sans-serif;
	text-decoration: underline; 
	color: #c89100;
	}
body {
	padding: 0 440px 0 440px; /* these side paddings together determine the natural min-width */
	margin: 0;
	text-align: center; /* this centers the wrappers in older IEwin versions */
	background:transparent url(../../../../images/organizations/cms/riverRoad/background.gif) repeat-y top center;
	}
#bodyWrap {	
	background:transparent url(../../../../images/organizations/cms/riverRoad/bodyTile.gif) repeat-y 0px 0;
	margin: 0 auto;	
	}
#bodyWrap2 {	
	background:transparent url(../../../../images/organizations/cms/riverRoad/bodyTile2.gif) repeat-y top right;
	margin: 0 auto;	
	}
#sizer {
	margin: 0 auto 0 auto; /* this centers the wrappers in standards browsers */
	width: 80%; /* here is a critical value for customizing the Jello behavior */
	max-width: 400px;  /* version for IE is in the header */
}

#expander {
	margin: 0 -440px 0 -440px; /* these side margins should be the same or slightly less than body paddings */
	min-width: 880px; /* This prevents Safari from losing the negative margins in narrow windows (equals the sum of the margins) */
	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: 946px; 
		   margin-left: auto;
		   margin-right: auto;} 

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

#sidebar {
	background:transparent url(../../../../images/organizations/cms/riverRoad/herbert.jpg) no-repeat 0 0;
	width: 187px;
	float: left;
	display: inline; /* IEwin doubled margin bug fix */
	text-align: left;
	margin-left: 8px;
	margin-top:-36px;
	padding-top: 50px;
}

#mainBody {
	width: 78%;
	height: 700px;
	padding-right:1%;
	float: right;
	display: inline; /* IEwin doubled margin bug fix */
	list-style-position: inside;
	z-index: 1;
}


/* http://positioniseverything.net/easyclearing */

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/****** LAYOUT - HEADER ******/
#hdr {
height:199px;
background: transparent url(../../../../images/organizations/cms/riverRoad/headerTile.gif) repeat-x 0 0px;
margin: 0 0 0 0px;
padding: 0 0 0 0px
}
#logo {float:left;background:transparent url(../../../../images/organizations/cms/riverRoad/logo.gif) no-repeat 0 0;width:704px;height:199px}

#headerRight {float:right;background:transparent url(../../../../images/organizations/cms/riverRoad/headerRight.gif) no-repeat 0 0;width:47px;height:199px}

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

#catLogo {
	width: 187px;
	height: 154px;
}

#weather {
	width:199px;
	height:300px;
	margin-left:11px;
	}
/****** BEGIN SEARCH ******/
#search {
	margin-top: 15px;
	background: transparent;
	width:185px;
	}

#search form{
	font-family: 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: 130px;
	}
#searchBtn {
	background: transparent url(../../../../images/organizations/cms/riverRoad/searchBtn.gif) no-repeat 5px 0px;
	height: 21px;
	width: 60px;
	border:none;
	margin: -18px 0 0 165px;
	vertical-align:top;
	cursor:pointer;
	}
#searchText {
	display:none;
	}
/****** END SEARCH ******/

/****** BEGIN LOGIN ******/
#login {
	background: transparent;
	color:#212121;
	height:22px;
	margin-top: 20px;
	padding-top:5px;
	width:300px;
	position:absolute;/*this forces the login box into the upper right corner*/
	right:33px;
	top: 29px;
}
#login input[type='text'], #login input[type='password'] {
	font-size:9pt; 
	font-family:sans-serif; 
	background-color:#aa9cb7;
	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 url(../../../../images/organizations/cms/riverRoad/loginBtn.gif) no-repeat 0px 0px;
	height: 20px;
	width:68px;
	margin:auto;
	border:0;
	cursor:pointer;
}
#forgotten a {display:none;}
/****** END LOGIN ******/

/****** BEGIN PERSONAL ******/	
#personal {
	border-top: 10px solid #660099;
	background: transparent;
	margin:12px 0px 0 3px;
	padding: 5px 0px 0px 0px;
	font:bold 10pt Verdana, Arial, Helvetica, sans-serif;
	color:#660099;
	text-align:center;
	width:180px;
	}

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

#wel_cal {background-image: url("../../../../images/organizations/cms/riverRoad/cal.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_files {background-image: url("../../../../images/organizations/cms/riverRoad/files.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_pers {background-image: url("../../../../images/organizations/cms/riverRoad/pers.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_admin {background-image: url("../../../../images/organizations/cms/riverRoad/admin.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_help {background-image: url("../../../../images/organizations/cms/riverRoad/help.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_log {background-image: url("../../../../images/organizations/cms/riverRoad/logout.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_mychildren {background-image: url("../../../../images/organizations/cms/riverRoad/fam.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_lesson {background-image: url("../../../../images/organizations/cms/riverRoad/lesson.gif");background-repeat: no-repeat;background-position: 0 0;}
#wel_onlinegrades {background-image: url("../../../../images/organizations/cms/riverRoad/grades.gif");background-repeat: no-repeat;background-position: 0 0;}

#welcome a {font:10pt Verdana, Arial, Helvetica, sans-serif;}
#welcome a:link, #welcome a:visited {color:#660099} 
#welcome a:hover {color: #c89100} 
#welcome {margin-bottom:0px;}
#whats_happening {
	color:#660099;
	background: transparent;
	border-top: 10px solid #660099;
	padding-top:5px;
	width:180px;
	}

#whats_happening div{
	margin:0;
	padding-left:10px;
	}
	
/*#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:#660099}
#whats_happening div a:hover, #whats_happening div a:hover font {color:#c89100}
 /*this 2 settings overide the font color from main php color settings for the whats happening div*/
#whats_happening .medium_text {color:#c89100;}
/****** END PERSONAL ******/	

/*********** BEGIN NAVIGATION***********/
/****** BEGIN TOPNAV ******/
#bar {float:right;clear:none;height:25px;background:transparent url(../../../../images/organizations/cms/riverRoad/bar.gif) no-repeat 8px 0;margin-right:8px;margin-top:0px}
#nav, #nav ul {padding: 0;margin: 0;list-style: none; }
#nav {float:right;font:bold 12px Helvetica, sans-serif;margin: 0 0 0 0px;}
#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:bold;text-decoration:none;cursor:pointer;color:#660099;display: block;padding: 6px 20px 0px 10px}
#nav a:hover {color:#9703e1}
#nav li ul {background: #660099;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: #440d66;background: #FFB900;}
#nav li ul .first {border-top:none;}
#nav li ul .last {border-bottom:none;}

/* hide from IE mac \*/
#nav li {
	width:100%;
	text-align: center;
}
/* 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: -15px;
	width: 187px;
}	
#nav-secondary, #nav-secondary ul {position:static; background-color: #670099}
#nav-secondary, #nav-secondary li {list-style:none; margin:0; padding:0;}
#nav-secondary {margin:0px 0 15px 0px;width:185px;}
#nav-secondary a {line-height:1.8;padding: 8px 0 5px 12px;color:#fff;font:12px arial;display:block}
#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {
  text-decoration:none;
  cursor:pointer;} 
  
#nav-secondary a:link {color:#fff;} 
#nav-secondary a:visited {color:#fff} 
#nav-secondary li, #nav-secondary li li {border-bottom: 1px solid #9703e1;}
#nav-secondary a:hover {color:#c8aa42;background:transparent url("../../../../images/organizations/cms/heuvelton/images/bullet.gif") no-repeat 3px 10px;}

#nav-secondary li li a, #nav-secondary li li a:link, #nav-secondary li li a:visited, #nav-secondary li li a:active {
  display:block;
  padding-left:23px;
  color:#fff;
}
#nav-secondary li li a:hover{color:#c8aa42;background: url("../../../../images/organizations/cms/heuvelton/images/bullet.gif") no-repeat 3px 10px;}

#nav-secondary li ul {width:180px;margin-left:0;}
#nav-secondary li ul .last {border:none;}
#nav-secondary li ul .first {border-top:1px solid #6d006d;}
#nav-secondary li.verticalItemOn a  {color:#c8aa42;background:transparent}
#nav-secondary li li li {padding-left:12px;} /*indents sub sub links*/
#nav-secondary ul {margin: 0;padding:0;display:none;visibility:hidden;}

/******END SIDENAV******/
/*********** END NAVS***********/



/******FOOTER******/
#ftr {
background: transparent url("../../../../images/organizations/cms/riverRoad/footerTile.gif") repeat-x 0 0;
height:40px;
clear:both;
width:auto;
}
#footerLeft {
	background: transparent url("../../../../images/organizations/cms/riverRoad/footer.gif") no-repeat 0 0;
	height:40px;
	width:704px;
	float:left;	
	}
#footerRight {
	background: transparent url("../../../../images/organizations/cms/riverRoad/footerRight.gif") no-repeat 0 0;
	height:40px;
	width:47px;
	float:right;
	}
#powered {
	background-color: transparent;
	width:auto;
	padding-bottom: 10px;
	margin: 0;
	vertical-align:bottom;
}
#powered .text_small span{
	font-weight: bold;
	color:#fff;
}

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