body {
	color: #333333;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	background: #f9f9f9;
}

hr {border: 0px; margin: 20px 30px; padding: 0; height: 0px !important; border-top: 1px solid #999999; clear: both !important; display: block; }

hr: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 hr {height: 1%;}
/* End hide from IE-mac */  


html a {color: #591f85; } 
html a:visited {color: #999999; }
html a:hover {color: #7ba640; }

.clearboth {clear: both;
overflow: visible;
height: 0px;
line-height: 0px;
font-size: 0em; 
margin: 0;
padding: 0;
width: 100%;}

/* BEGIN UBIQUITOUS STYLES */

#contentwrapper {margin: 0 auto;
padding: 0;
width: 670px;
position: relative;
text-align: left !important;
z-index: 1;
background: url(http://www.piedmont.k12.ca.us/images/contentwrapper.gif);
background-position: 10px 40px;
background-repeat: no-repeat;

}

#contentwrapper: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 #contentwrapper {height: 1%;}
/* End hide from IE-mac */  

#header {width: 670px;
border-bottom: 9px solid #7ba640; 
position: relative;
padding: 0;
margin: 0;
line-height: 1em;
background: url(http://www.piedmont.k12.ca.us/images/headerbkg.jpg) top repeat-x #320950;
z-index: 800; }

#header img {padding: 0; margin: 0 auto; border: 0; z-index: 1 !important;}


#utilitywrap {display: none !important;
text-align: center;
list-style-type: none;
padding: 0 0px 0 0px;
margin: 0 auto;
width: 1020px;
position: relative;
left: 40px;
top: -150px;
overflow: visible;
height: 0px !important;
line-height: 0px;
padding: 0px; 
}

#utility {width: 43em;
background: #440870;
border: 1px solid #8b08df;
color: #d8d7e9;
border-top: 0px;
font-size: .55em;
font-weight: normal;
text-transform: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 1.2em 0 1.5em 0;
line-height: 1em;
margin: 0;
text-align: center;
position: absolute;
top: 0px;
right: 40px;
z-index: 998 !important;
display: none !important;}

#utility p {margin: 0 0px 0 0; padding: 0; line-height: 1em;}
#utility a {color: #d8d7e9 !important; display: inline !important; border: 0px !important; padding: 0px !important; margin: 0px !important; text-decoration: underline !important;}
#utility a:hover {background: #440870 !important; color: #FFFFFF !important;}

form#searchform {position: absolute; z-index: 999 !important; text-align: right; top: 70px; right: 60px; width: 500px; font-size: .7em;}
form#searchform input {display: inline; color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; padding: 3px 0px 1px 0px; }
form#searchform input#submit {border: 1px solid #FFFFFF; background: #7ba640; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; font-weight: bold; color: #FFFFFF; padding: 1px 5px; position: relative; top: -1px; }











/* BEGIN NAVIGATION */

#nav {text-align: center !important; display: none !important;
padding: 0;
margin: 4px 0 0 0;
font-size: 11px !important;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
background: url(http://www.piedmont.k12.ca.us/images/navbkg.jpg) repeat-x bottom #320950;
overflow: visible;
z-index: 9999;
}

#nav ul.main {
text-align: center;
list-style-type: none;
padding: 0 0px 0 0px;
margin: 0 auto;
clear: both;
width: 1020px;
position: relative;
left: 40px;
overflow: visible;
z-index: 9999 !important;
}

#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 {background: #7ba640; }

#nav ul.main li a {
margin: 0 0px;
padding: 8px 5px .3em 5px;
margin: 0; color: #FFFFFF;
height: .7em;
text-decoration: none;
border-right: 2px solid #320950;
height: 2.1em;
display: block;
text-align: center;}

#nav li a#home {width: 2.6em; min-width: 28px;}
#nav li a#district {width: 7.4em; min-width: 76px;}
#nav li a#board {width: 132px;}
#nav li a#curriculum {width: 154px;}
#nav li a#facilities {width: 5.3em; min-width: 57px;}
#nav li a#hr {width: 10.2em; min-width: 106px;}
#nav li a#schools {width: 4.8em; min-width: 53px;}
#nav li a#news {width: 2.6em; min-width: 28px; }
#nav li a#community {width: 98px;}

#nav ul.main li a:visited {color: #f0f0f0; }
#nav ul.main li a:hover {background: #190529; text-decoration: none; border-right: 2px solid #210535; }


#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 {
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: #190529;}

#nav li ul li a:hover {background: #591f85 !important; border: 0 !important;}
#nav li ul li ul li a {background: #591f85 !important; }
#nav li ul li ul li a:hover {background: #190529 !important; border: 0 !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 */


/* BEGIN FOOTER */

#footer {background: #FFFFFF; margin: 0px 0 0 0; padding: 120px 0px 20px 0px; text-align: center; position: relative; top: -40px; border: solid #e6e6e6; border-width: 1px 0 0 0; display: none !important;}
#footer ul, #superfooter ul {text-align: left; list-style-type: none; margin: 0px auto; padding: 15px 0 0 0; font-size: .7em; font-family: Verdana, Arial, Helvetica, sans-serif; height: 2em; width: 940px;}
#footer li, #superfooter li {display: inline; padding: 0; margin: 0 15px 0 0; }
#footer li a {color: #666666; }
#footer li a:visited {color: #999999; }
#footer li a:hover {color: #591f85; }
 


/* END FOOTER */

/* BEGIN SUPERFOOTER */

#superfooter {display: none !important; background: url(http://www.piedmont.k12.ca.us/images/footerbkg.jpg) #582c83 repeat-x top; margin: -40px 0 0 0; padding: 0; text-align: center; height: 8em; z-index: 2;}
#superfooter li a {color: #FFFFFF; }
#superfooter li a:visited {color: #d2d2d2; }
#superfooter li a:hover {color: #9c00ff; }


#disclaimer {color: #a97cd5; font-size: .75em; width: 940px; margin: 0 auto; text-align: left; padding: 15px 0 0 0; }

/* END SUPERFOOTER*/

.post {padding: 0 0 20px 0;}

.navigation {font-size: .7em !important; clear: both; padding: 10px 0px; border-top: 1px solid #d0d0d0;}
.alignleft {float: left; clear: left; margin-left: 35px; display: inline; }
.alignright {float: right; clear: right; margin-right: 35px; display: inline; }

p.small {margin: 8px 35px 0px 35px !important; padding: 0 !important; font-family: Arial, Helvetica, sans-serif; color: #999999 !important; text-transform: uppercase; font-size: .7em !important;}

/* END UBIQUITOUS STYLES */


/* BEGIN GENERAL PAGE STYLES */ 

#main {width: 670px; margin: 0px; background: #FFFFFF; padding: 25px 0 140px 0; font-family: Georgia, "Times New Roman", Times, serif; }

#main h1 {font-size: 1.8em;
margin: 10px 0px !important;
font-family: "Georgia", "Times New Roman", Times, serif;
color: #591f85; 
font-weight: 100;
padding: 0;
line-height: 1.1em;
}

#main p {font-family: Arial, Helvetica, sans-serif !important; margin: 18px 0px 10px 0px !important; line-height: 1.7em !important;}
#main ul {line-height: 1.7em; color: #333333; margin: 18px 0px; padding: 0; font-size: .8em;}
#main ul ul, #main ul ul ul {font-size: 1em; }
#main li {margin: 5px 0px; }
#main h2, #main h3, #main h4, #main h5, #main h6 {margin-left: 35px; margin-right: 35px; padding: 0; font-weight: 100; line-height: 1.25em;}

#main h2 {margin-top: 20px; }
#main h4 {font-weight: bold; margin-top: 25px; margin-bottom: -10px; font-size: 1.1em; color: #7ba540;}
#main h3 {font-family: "Georgia", "Times New Roman", Times, serif;
font-size: 1.4em;
color: #333333;
font-weight: normal;
line-height: 1.2em;
margin-bottom: -10px; 
margin-top: 20px;
 }


#mainwrap {
width: 640px;
margin: 15px 0px 0 0px;
padding: 1px 1px 0px 1px;
background: url(http://www.piedmont.k12.ca.us/images/mainstorywrap.jpg) repeat-x #f9f9f9;
float: left;
display: inline;
}

.newsletter img {padding: 3px; border: 1px solid #d2d2d2; margin: 0px 15px 15px 0px; float: left; display: inline; }


#sidebar {width: 240px; display: none !important;
float: left;
text-align: left;
padding: 0 0 20px 0;
margin: 0;
z-index: 2;}

#sidebar: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 #sidebar {height: 1%;}
/* End hide from IE-mac */  

#sidebar ul {margin-top: 0; padding-top: 0; }


.breadcrumb {margin: 10px 0px -5px 10px; color: #a18ab8; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: .55em; line-height: 1.6em; text-transform: uppercase;}

.breadcrumb a {color: #c7bdd2;}
.breadcrumb a:hover {color: #d6d405; }

#quicklinks {background: #7ba640; margin: 0px 0px 0px 0px; padding: 15px 15px 25px 15px; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; position: relative; top: -1.5em;}
#quicklinks a {color: #FFFFFF; } #quicklinks a:hover {color: #f1ee00; }
#quicklinks h5 {font-family: "Times New Roman", Times, serif; font-weight: 100; font-size: 1.3em; margin: 0 0 15px 0; padding: 0;}
#quicklinks ul {list-style-type:square; font-size: .8em; margin: 0; padding: 0 0 0 15px; }

.infobar {padding: 25px 15px; border-top: 1px solid #e8e8e8; margin: 15px 0px; font-size: .9em;}
.infobar h5 {padding: 0; margin: 0; line-height: 1.25em; }
.infobar a {color: #7ba640; } .infobar a:hover {color: #333333; }
.infobar p {margin: 5px 0px !important; padding: 0; }
.infobar ul {padding: 6px 0 0 15px !important; line-height: 1.2em; list-style-type: square; margin: 0px 0 0 0;}
/* END GENERAL PAGE STYLES */



#leftform {float: left; display: inline; width: 250px; margin: 0; padding: 0;}
#rightform {display: absolute; width: 340px; top: 60px; left: 300px; margin: 0; padding: 0;}

#main form input#submit {margin-left: 35px; border: 1px solid #FFFFFF; background: #7ba640; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; font-weight: bold; color: #FFFFFF; padding: 4px 8px; }

#main form#email {margin-left: 35px; }
#main form#email input#submit {margin-left: 0px !important;  }

table {margin: 12px 35px; font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em;}
td {margin: 0px 0; padding: 4px 0; vertical-align: top; }
tr {margin: 10px 0; }

img.calendarimg {margin: 0; padding: 0; vertical-align: middle; }

a[href^="http:"] {background: url(http://www.piedmont.k12.ca.us/images/external_link.gif) no-repeat right 3px; padding-right: 11px;}

a[href^="http://www.piedmont.k12.ca.us"], a[href^="http://piedmont.k12.ca.us"], a[href^="http://mail.piedmont.k12.ca.us"], #newparents a[href^="http:"] {background: none; padding-right: 0px;}



/*HOMEPAGE SPECIFIC STYLES */

#homepagewrap {width: 420px;
margin: 25px 0px 0 10px;
padding: 3px 3px 0px 3px;
background: url(http://www.piedmont.k12.ca.us/images/mainstorywrap.jpg) repeat-x #f9f9f9;
float: left;
display: inline;
}

#homepagewrap: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 #homepagewrap {height: 1%;}
/* End hide from IE-mac */  

#homepagemain {width: 420px;
background: #eeeeee;
padding: 0 0 70px 0;
margin: 0px 0px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif; }

#homepagemain img {margin: 5px 5px 10px 5px;
padding: 2px;
border: 1px solid #efefef; }

#homepagemain h1 {
font-family: "Georgia", "Times New Roman", Times, serif;
font-size: 1.6em;
color: #591f85; 
font-weight: 100;
margin: 10px 20px;
padding: 0;
line-height: 1.1em; }

#homepagemain h3 {font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
color: #1b0b2d;
font-weight: normal;
margin: 20px;
padding: 0;
line-height: 1.2em;  }

#homepagemain p, #main p {margin: 10px 25px 10px 20px; padding: 0; line-height: 1.5em; font-size: .9em; color: #333333;}

#homepagesidebar {width: 516px;
float: right; 
clear: both; 
margin: 30px 0px 20px 0;
padding: 0;  }

/*ANNOUNCEMENTS */

#latestannouncements {position: relative;}

#homepagesidebar h5 {color: #7ba640;
font-family: "Times New Roman", Times, serif;
font-size: 1.1em; 
font-weight: normal;
margin: 0;
padding: 0;
line-height: 1.1em;}


a#announcementslink {position: absolute; top: 10px; right: 0px; text-align: right; font-size: .65em; width: 180px; line-height: 1.2em;}
.announcement {width: 245px; float: left; display: inline; padding: 0; margin: 12px 12px 0 0;}
.announcement p {font-size: .75em; padding: 0; margin: .5em 0;}
.announcement a.fullstory {font-weight: bold; margin-top: 12px; font-size: 1em; text-transform: uppercase;}


/* END ANNOUNCEMENTS */

/* BEGIN OTHER UPDATES */

#homepageupdates {
border-width: 5px 0px;
border-color: #7ba640;
border-style:solid;
margin: 20px 0px;}

#calendar {margin: 14px 14px 14px 0px; padding: 0 0 14px 0; width: 250px; background: #dcdcdc; float: left; display: inline;}
#calendar img {margin: 14px 0px 14px 14px; float: left; display: inline;}
#calendar p {margin: 11px 14px 0px 14px; font-weight: bold; width: 100px; float: right; clear: right; display: inline; font-size: .65em; text-align: right; text-transform: uppercase; line-height: 1.2em;}
#calendar p a {color: #111111; }
iframe#home_calendar {height: 200px; margin-left: 12px; padding: 2px; border: 1px solid #000000;}
#calendar a:hover {color: #7ba640; }
#calendar p#instructional {color: #666666; width: 232px; margin: 11px 14px 0px 14px; float: none !important; clear: both !important; display: block !important; text-align: left !important;  }
#calendar p#instructional a {color: #666666;}
#calendar p#instructional a:hover {color: #111111 !important;}

#stayinformed {background: #7ba640; margin: 0 0 10px 0; padding: 0; width:250px; float: right; display: inline; }
#stayinformed img {margin: 10px 0px 10px 14px; border: 0;}
#stayinformed p {color: #FFFFFF; font-size: .7em; margin: 0px 14px 14px 14px; }
#stayinformed a {color: #FFFFFF; }
#stayinformed a:visited {color: #aedb70; }
#stayinformed a:hover {color: #591f85; }

#bondupdates {float: right; display: inline; width: 250px; margin: 0; padding: 0; }
#bondupdates img {margin: 10px 10px 5px 10px; padding: 0; }
#bondupdates ul {padding: 0; margin: 0 0 0 25px; text-indent: none; font-family: "Times New Roman", Times, serif; list-style-type: square;}
#bondupdates li {margin: 5px 0 0 0; padding: 0; }
#bondupdates li a {color: #190529; }
#bondupdates p {font-weight: bold; margin: 12px 10px; font-size: .8em; }
/* END OTHER UPDATES */

/*BEGIN NEW PARENTS */

#newparents {background: url(http://www.piedmont.k12.ca.us/images/newfamiliesbkg.jpg) repeat-x 0px 15px #946fb0; padding: 0 0 15px 0;}
#newparents img, #supportpusd img {margin: 14px 14px 8px 14px; }
#newparents ul {margin: 0 0px 0 16px; text-indent: 0; padding: 0; list-style-type: none; font-size: .75em; color: #FFFFFF;}
#newparents li {margin: 0 16px 2px 0; width: 150px; float: left; padding: 0;}
#newparents a {color: #FFFFFF; }
#newparents a:visited {color: #000000; }
#newparents a:hover {color: #d2d2d2; }

/*END NEW PARENTS */

/*BEGIN SUPPORT PUSD */
#supportpusd {background: #f1ee00; margin: 15px 0; padding: 0; border: 4px solid #FFFFFF; width: 516px; position: relative; left: -4px;}
#supportpusd p {font-size: .8em; margin: -3px 15px 15px 15px;}
#supportpusd a {font-weight: bold; color: #333333; }
#supportpusd a:visited {color: #666666; }
#supportpusd a:hover {color: #000000; }
/*END SUPPORT PUSD */

/* BEGIN ANONYMOUS TIP */
#anonymoustip {background: #eeeeee; margin: 15px 0; padding: 0 0 3px 0; font-size: .7em; color: #999999;}
#anonymoustip img {margin: 0 0 8px 0; }
#anonymoustip p {margin: -7px 0px 10px 0px; }

/*END ANONYMOUS TIP*/

/* END HOMEPAGE SPECIFIC STYLES */







