/* CSS for basic page layout, modified from Andreas Viklund template */

/* main body */
body {
	background:#000000; color:#000000;  font:76% Verdana, Geneva, Arial, Helvetica, sans-serif; margin:0 auto; padding:0;}

#container {
	background:#ffcc00; color:#000000; margin:0 auto; width:80%; } 
/* owner used 760px width - not wide enough for table/logos but stays in bounds */

/* basic tags */

a 	{background-color: inherit; color:#800000; font-weight:700; text-decoration:none;} 
		/* color is link text color */
a:hover {background-color: inherit; color:#ff0000; font-style: oblique; text-decoration:underline;}
a img 	{border:0;} 	/*need to test this one */
p 	{margin: 0 0 1.4em; font-weight: 600;}

/* colors used */
/* #000000 = black (body text) */
/* #0000ff = blue (content links) */
/* #00ff00 = lime green (sidebar h2 h3) */
/* #ff0000 = red (rollover link text) */
/* #800000 = burgundy (menu background, general links) */
/* #800080 = purple (links) 	*/
/* #ffcc00 = gold (content background) */
/* #ff0000 = yellow (menu lettering) */

/* Header */ /* PTSA OHS logos */
#header {margin:5px 0 15px; padding: 10px 0; border-bottom:2px solid #800000;}
#header h1 {background-color: inherit; color:#00ff00; }
#header p {color:#800000; text-align:center;}
#header img {margin: 0 3px 0;}

/* Left sidebar (menu) */
#sidebar {clear:left; float:left; margin:0 0 5px; padding: 5px 10px; width:160px;}
/* the padding:10px moves menu box away from edge of yellow page */
#sidebar p, #sidebar ul {margin:0 0 16px; padding:0; }
#sidebar p {font-size:0.9em; line-height:1.4em;}
#sidebar li {line-height 1.2em; list-style:none; margin:0px 0 0px; padding: 0;}

/* the 0px makes top-level menu bars stack vertically with no space between */

#sidebar h2, #sidebar h3, {color: #800000; font-size:1.2em; margin:0 0 8px; padding:0;}


#sidebar ul {
	margin: 0 0 0px; /*bottom margin 0 makes lines stack w/o space */
	padding: 0;
/*	list-style-type: none; */
}

/* this group applies only to secondary menu items */
#sidebar ul ul {margin: 0px 0 0 10px; padding:0} /* 1st margin npx affects space between top secondary menu item and the parent menu item */

#sidebar ul ul li {margin: 0 0 0px; padding:0; } 
/* bottom margin n px affects space between secondary menu bars */

#sidebar ul ul li a {font-weight: 400;} 
/*	margin-left: 20px;
	position: relative; */

/* navigational menu; modification of viklund's avmenu */

/* Main menu */
#sidebar ul.navmenu {display:block; list-style:none; margin:0 0 18px 0; padding:0; width:140px;}
#sidebar ul.navmenu li {display:inline; line-height:1.4em; padding:0; width:140px;}
#sidebar ul.navmenu li a {background-color:#800000; /* border:2px solid #000; */ color:#ffff00; /* gold */ float:left; font-weight:700; margin-bottom:0px; padding:5px 1px 5px 5px; text-decoration:none; width:150px;}
#sidebar ul.navmenu li a:hover, #leftside ul.navmenu li a.current {
background-color:#ffff00; /* border-left:4px solid #ffffff; */ color:#800000;
}
#sidebar ul.navmenu ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
#sidebar ul.navmenu ul a {font-weight:400; padding:3px 1px 3px 5px; width:115px;}
#sidebar ul.navmenu ul ul {width:113px;}
#sidebar ul.navmenu ul ul a {width:100px;}

/* Main Content */
#contentwide {
/* border-left:2px solid #800000; THIS CREATES LINE DOWN THE LEFT SIDE OF MAIN CONTENT TEXT */  
line-height:1.5em; margin:20px 50px 5px 180px; padding: 0 0 0 15px;}
#contentwide p {font-family: Verdana, Geneva, Helvetica, sans-serif; font-size: 10pt; 
color:#000000;  text-align: left;}
#contentwide h1, h2, h3 {font-family: Verdana, Geneva, Helvetica, sans-serif; color: maroon;}

/* Footer */
#footer {background:#ffcc00; border-top:2px solid #800000; clear:both; color:maroon; margin:0 auto; padding:10px 0; text-align:center; 
width:100%; line-height:1.5em; font-size:0.9em;}
#footer p {margin:0; padding:0;}
#footer a { color:blue; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}
/* ----- */
.announce {background-color:#ffcc00; border:2px solid #800000; clear:left; color:#000000; font-size:0.9em; line-height:1.5em; 
   margin:10px 0 15px; padding:7px 5px 2px 5px; width:142px;}
.announce p {margin:10px 5px 0; padding:0;}
.announce h3 {text-align:center; color:#800000;}
.clearfloat {
	clear: both;
	height:0;
	font-size: 1px;
}
.hide {display:none;}
.rightalign {text-align: right;}

/* END OF CSS */