html {margin:0;padding:0}

a:link { 
	font-family: Helvetica, sans-serif;
	text-decoration: none; 
	color: #580000;
	}
a:visited { 
	font-family: Helvetica, sans-serif;
	text-decoration: none; 
	color: #580000;
	}
a:hover { 
	font-family: Helvetica, sans-serif;
	text-decoration: underline; 
	color: #f8c528;
	}
body {
	background: #b8ab83;
	margin:0px 0px 0 0;
	}

#wrap {
	background: transparent url("/images/organizations/cms/brandywine/images/body_tile.gif") repeat-y 0 100%;
	border:none;
	width:770px;
	margin:auto;
	height:auto;
	}

#hdr {
	background: transparent url("/images/organizations/cms/brandywine/images/header.jpg") no-repeat 100% 0;
	height:202px;
	}
	
#rotate {
	margin:0 0 0 0px;
	}
	
#bar {
	background-color:transparent;
	height:20px;
	margin-top:-187px;
	padding-right:10px;
	}

/* NAV - top horizontal nav */
#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 url("/images/organizations/cms/psja/images/bullet.gif") no-repeat 0 9px;}
#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: 3px 20px 0px 10px}
#nav a:hover {color:#f8c528}
#nav li ul {background: transparent url(/images/organizations/cms/psja/images/nav_bg.png) no-repeat 100% 100%;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 #712f2f;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:#f8c528;background: #420000;}
#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*/

/* SECONDARY NAVIGATION - vertical navigation */	
#nav-secondary, #nav-secondary ul {position:static}
#nav-secondary, #nav-secondary li {list-style:none; margin:0; padding:0;}
#nav-secondary {margin:0px 0 15px 0px;}
#nav-secondary a {line-height:1.8;padding: 5px 0 5px 15px;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;
  color:#fe9915;background:transparent;
} 
#nav-secondary a:link {color:#fff} 
#nav-secondary a:visited {color:#fff} 
#nav-secondary li, #nav-secondary li li {
	border-bottom: 1px solid #712f2f;
	}
#nav-secondary a:hover {color:#f8c528;background: transparent url("/images/organizations/cms/psja/images/bullet.gif") no-repeat 5px 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:30px;
  color:#f8c528;
  background: transparent;
}
#nav-secondary li li a:hover{color:#fff;background: transparent url("/images/organizations/cms/psja/images/bullet.gif") no-repeat 20px 10px;}

#nav-secondary li ul {background:transparent;}
#nav-secondary li ul .last {border:none;}
#nav-secondary li ul .first {border-top:1px solid #712f2f;}
#nav-secondary li.verticalItemOn a  {color:#decfa0;font-weight:bold;background:#712f2f;}

/* SECONDARY NAVIGATION - 2nd TIER */
#nav-secondary ul {margin: 0;padding:0;display:none;visibility:hidden;}
#nav-secondary li.active li {border: none;margin:0}
/*END SIDE NAV*/
  
/*****this controls the active/focus state of the side nav
- Mozilla doesn't seem to do anything with the active rule;
- IE gets things wrong as usual: it uses the active rule for focus; it
ignores the focus rule;
- Opera ignores both focus and active rules and substitutes its own
highlighting.

#nav-secondary a:active,#nav-secondary a:focus {background-color:#000;color:#00FF00;border:2px solid #fCC133;}
******/  

#sideColumn {
	clear:both;
	float:left;
	width:180px;
	height:100%;
	background: transparent url("/images/organizations/cms/brandywine/images/side_nav_tile.gif") repeat-y 0px 0px;
	margin-top:0px;
	position:relative;
	left:14px;
	}

.prehide {
	display:none;
	visibility:hidden;
	}

#calendar {
	padding: 0px px 0px 0px;
	margin: 0 0 0 0px;
	}
	
#search {
	background: transparent url(/images/organizations/cms/brandywine/images/search.gif) no-repeat 0px 0px;
	width:192px;	
	margin:10px 0 10px 0px;
	padding:25px 0 0 0;
	}

#search form{
	font-family: Helvetica, sans-serif;
	text-decoration: none; 
	background:transparent;
	margin: 0px 0 0 25px;
	font:bold 12px arial;
	color:#232f6d;
	display:inline;
	}

#searchInput {
	text-align:left;
	}
#searchBtn {
	background: transparent url(/images/organizations/cms/brandywine/images/go_btn.gif) no-repeat 0px 0px;
	height: 19px;
	width: 31px;
	border:none;
	vertical-align:middle;
	cursor:pointer;
	}
#searchText {
	display:none;
	}
#login {
	background: transparent url(/images/organizations/cms/brandywine/images/login.gif) no-repeat 0px 0px;
	width:180px;	
	padding: 20px 0px 10px 0px;
	margin: 50px 12px 0 0px;
	height:86px;
	}

#login form{
	width:170px;
	background-color:transparent;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0 3px;
	text-align:right;
	color:#fff;
	}	
	
#login form div {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0 0px;
	}		

#login input[type='text'], #login input[type='password']{margin-left:5px;margin-bottom:5px;font-size:8pt;display:inline; 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 url("/images/organizations/cms/brandywine/images/login_btn.gif") no-repeat 0 0;
	border:0;
	float:right;
	height:20px;
	width:70px;
	margin: 5px 0px 0px 8px;
	}

#forgotten a {
	clear:both;
	float:right;
	font:10px arial;
	color: #fff;
	text-align:center;
	display:block;
	margin:4px 6px 0 0px;
	padding:0px 0px 0 0px;
	}

#personal {
	width:192px;
	clear:both;	
	background: transparent url(/images/organizations/cms/brandywine/images/divider.gif) no-repeat 0px 0px;
	padding-top:19px;
	font:bold 12px arial;
	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 25px;
	margin: 0px 0px 0px -27px;
	height:32px;
	}

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

#welcome a {font:12px arial;}
#welcome a:link {color:#fff} 
#welcome a:visited {color:#fff} 
#welcome a:hover {color:#f8c528} 

#whats_happening {
	width:192px;
	color:#fff;
	background: transparent url(/images/organizations/cms/brandywine/images/side_nav_bottom.gif) no-repeat bottom left;
	padding:5px 33px 42px 9px;
	}
#whatsUpMsg {
	margin-left:-9px;
	}
#whats_happening div a{color:#fff;}	
#whats_happening div a:hover{color:#ffcc00;}	
#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 font {color:#ffcc00} /*this overides the font color from main php color settings for the whats happening div*/
#whats_happening .medium_text {color:#fff;} /*this controls the color for "my events for today" in the whats happening div*/

#bodyWrap {
	height:auto;
	background:transparent;
	margin:0px 15px 0px 212px;
	}

#mainBody {
	height:auto;
	width:537px;
	text-align:left;
	overflow:visible;
	background-color:transparent;
	list-style-position: inside;
	}

.overflow {
	background-color:#fff;
	}

#ftr {
	margin:0 0 0 0px;
	width:770px;
	clear:both;
	height:16px;
	}

#powered {
	width:770px;
	background: transparent url(/images/organizations/cms/brandywine/images/footer.gif) no-repeat 0 0;
	padding-top:25px;
	background-color: transparent;
	margin:auto;
	height:100%;
	}

#powered .spaced span{
	font:12px arial;
	text-align:center;
	color:#580000;
	}

#powered div span{
	font:10px arial;
	text-align:center;
	color:#580000;
	}