/*
Theme Name: PUSDBOND
Theme URI: http://pusdbond.org/
Description: Designed by David Mihm for the Piedmont Unified School District.
Version: 1.0
Author: David Mihm
Author URI: http://www.davidmihm.com/
Tags: purple

*/

body {text-align: left; background: #663366; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em; padding: 0; margin:0; color: #222222; }


html a {color: #660066; } 
html a:visited {font-weight: normal; color: #787878; }
html a:hover {color: #cd6a07; }
img {border: 0; }
.clearboth {clear: both; overflow: visible; height: 0px; line-height: 0px; font-size: 0em;  margin: 0; padding: 0; width: 100%;}

hr {clear: both; height: 0px; border: 0px; border-top: 1px solid #d2d2d2; padding: 0; margin: 15px 0; line-height: 0px; display: block; width: 100%; }

#outerwrapper {width: 812px; margin: 0; padding: 0; background: #FFFFFF;}

/* BEGIN UBIQUITOUS STYLES */

#header {margin: 0; padding: 0; font-family: "Calibri", "Trebuchet MS", Arial, sans-serif; } 
#header p {text-align: right; font-size: 12px; font-weight: bold; line-height: 1em; margin: 0; padding: 5px 15px 0 0; color: #353535; }
#h2 {color: #cd6a07; font-size: 29px; margin: 0; padding: 5px 0 0 0px; line-height: 1em; letter-spacing: -1px;}
#h2 a {color: #cd6a07; text-decoration: none; }
#h2 a:hover {color: #660066;} 

h1 {line-height: 1.15em; color: #cd6a07; padding: 0; margin: 10px 0; font-size: 2.5em; font-family: "Calibri", Verdana, Helvetica, sans-serif;} 


/* BEGIN NAVIGATION */

#nav {text-align: left !important;
padding: 0;
margin: 0px 0 0 0;
font-size: 13px !important;
font-family: "Calibri", "Lucida Sans", "Lucida Grande", "Lucida", Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold !important;
text-transform: uppercase;
overflow: visible;
z-index: 9999;
}

#nav ul.main {
text-align: left;
list-style-type: none;
padding: 0 0px 0px 30px;
margin: 0;
clear: both;
width: 782px;
position: relative;
left: 0px;
overflow: visible;
z-index: 9999 !important;
background: url(images/dot.gif) repeat-x bottom;
}

#nav ul.main:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
	
}


/* Hides from IE-mac \*/
*html #nav ul.main:after {height: 1%;}
/* End hide from IE-mac */  

#nav ul.main li {float: left; padding: 0; margin: 0 6px 0 0; line-height: 1.2em; display: inline !important;}

#nav ul.main li#current a {background: #FFFFFF; border-top: 2px dotted #bbbbbb !important; border-left: 2px dotted #bbbbbb; border-right: 2px dotted #bbbbbb;}

#nav ul.main li a {
margin: 0 0px;
padding: 8px 18px 8px 5px;
margin: 1.2em 0 0 0; 
text-decoration: none;
height: 2.4em;
display: block;
text-align: left;
color: #660066; 
font-weight: bold !important;
border-top: 2px solid #FFFFFF;}

#nav ul.main li a#management {height: 3.6em; margin: 0;}


#nav li a#home {_width: 3.2em; }
#nav li a#program {_width: 4.8em;}
#nav li a#updates {_width: 8.3em;}
#nav li a#management {_width: 7.5em; }
#nav li a#faq {_width: 2.2em;}
#nav li a#archives {_width: 4.4em; }
#nav li a#resources {_width: 4.8em; }


#nav ul.main li a:visited  {color: #660066; } 
#nav ul.main li a:hover {background: #e8e8e8; text-decoration: none; }


#nav li ul { /* second-level lists */
z-index: 9999 !important;
	position: absolute;
	padding: 0;
	margin: 0;
	margin-top: 0em;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav ul li ul li {
display: block;
float: none;
clear: both;
text-align: left;}

#nav ul.main li ul a, #nav ul.main li#current ul a {
padding: .3em .8em;
margin: 0;
border: 0 !important;
height: auto !important;
line-height: 1.4em;
text-align: left;
font-weight: normal;
text-transform: none;
width: 13.6em;
background: #e8e8e8;
color: #660066;
font-weight: normal !important;}

#nav li ul li a:visited {border: 0 !important; color: #FFFFFF;}
#nav li ul li a:hover {background: #660066 !important; border: 0 !important; color: #FFFFFF !important;}
#nav li ul li ul li a {background: #660066 !important; color: #FFFFFF !important;}
#nav li ul li ul li a:hover {background: #e8e8e8 !important; border: 0 !important; color: #cd6a07 !important;}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1.95em 0em 0 15em !important;
	left: -999em;
	border: 0 !important;
}

#nav ul.main ul.lefty  { /* third-and-above-level lists */
	margin: -3.4em 0em 0 -15em !important;
	

}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	
}

#nav li:hover, #nav li.sfhover {position: static;}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}


/* END NAVIGATION */


#content {font-size: 11px; line-height: 1.6em; padding: 10px 0 25px 0; margin: 0px 20px 10px 30px; }
#content p {padding: 0; margin: 5px 0 11px 0; }


#homeleft ul {margin: 0 0 15px 0; padding: 5px 0; text-indent: none; list-style-type: none; font-weight: bold; }
#homeleft li {padding: 4px 0; margin: 4px 0; }
#homeleft li a {text-decoration: underline; }

#homeleft {float: left; clear: left; width: 293px; }
#homeright {float: left; clear: right; width: 440px; position: relative; left: 25px; }
img#girl {padding: 0; margin: 0; }
#homeleft a img {border: 0; }
#homeleft h4 {position: relative; font-size: 17px; color: #cd6a07; font-family: "Calibri", Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0; margin: 0; font-weight: bold;}
#homeleft h4 a { text-decoration: none; color: #cd6a07; }
#homeleft h4 a:hover {color: #660066;} 
#homeleft h4 a img {position: absolute; top: -2px; padding-left: 4px; right: 0px;}
fieldset, form {border: 0; margin: 0; padding: 2px 0 0 0; }




#sidebar {float: left; margin-left: 30px; padding: 10px 0px; clear: left; width: 180px; }
#sidebar ul {list-style-type: none; margin: 0; padding: 0; font-family: "Calibri", Verdana, Arial, Helvetica, sans-serif; font-size: 15px;} 
#sidebar ul li {padding: 0 0 6px 0; margin: 0; }
#sidebar ul a {text-decoration: none;} 

.narrowcolumn {float: left; width: 530px; padding: 0; margin: 0; clear: right; } 


table {border: 0; margin: 10px 0; padding: 0; font-size: 11px; position: relative; left: -7px;}
table tr {vertical-align: top; }
table td {vertical-align: top; border-top: 1px solid #d2d2d2;}
td.bb {border-bottom: 1px solid #d2d2d2; }

/* FOOTER */
#footer {color: #777777; padding: 5px 20px 20px 30px; margin: 0; background: url(images/dot.gif) top repeat-x; font-size: 11px; }
#footernav {float: right; width: 200px; clear: right; color: #222222;}
#footernav a {font-weight: bold; text-decoration: none; }
#disclaimertext {float: left; width: 510px; clear: left;}


small {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; margin: 0; padding: 0; }

.narrowcolumn h2 {font-family: "Calibri", Verdana, Arial, Helvetica, sans-serif; font-size: 24px; color: #660066; font-weight: bold; margin: 0; padding: 0; line-height: 1.3em; }

.post {padding: 10px 0; margin: 0 0 20px 0; border-bottom: 1px dotted #d2d2d2;} 

img#orgchart {position: relative; left: -40px;}

.breadcrumb {font-size: 10px; margin-bottom: 50px; margin-top: 10px; padding-bottom: 8px;}