/* general styles */

html,

body {
	background: #666 url('http://www.johncfremont.net/images/bk_paws_green3.gif');
	font-size: 90%;
	margin: 0;
	padding: 0;

}

html {
	font: Arial, sans-serif;
}


/*#left-center {
	float: left;
	width: 620px;
	overflow: hidden;
}

#type-b #left-center {
	float: right;
	width: 620px;
	overflow: hidden;
}
*/
#centercol {
	float: right;
	width: 400px;
	overflow: hidden;
	color: #333;
	font: 100%/118% Verdana, Helvetica, sans-serif;
}

#centercol p{
	font: 1em/1.3em Verdana, Arial, sans-serif;	
}


#type-b #centercol {
	float:left;	
}

input {
	vertical-align: middle;
}

a {
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
	
}

img {
	border: none;
	display: block;
}

.left {
	float: left;
}

.right {
	float: right;
}

.wrap {
	width: 100%;
	overflow: hidden;	
}

.half {
	width: 49.9%;
	float: left;
}

.clear {
	clear: both;
}


/* headings */

h1 {
	font: bold 1.5em Verdana, Arial, sans-serif;
	color: #006633;
	margin: 0;
	padding: 5px 0;
	border-bottom: 2px solid #006633;
	
}

h2 {
	font: bold 1.3em Verdana, Arial, sans-serif;
	color: #006633;
	margin: 0;
	padding-bottom: 1px;
	line-height:120%
	}
	
#centercol h2{
	font: bold 1.3em Verdana, Arial, sans-serif;
	color: #006633;
	margin: 1em 0 0;
	padding-bottom: 1px;
	line-height:135%	
}	
	
h3 {
	font: bold 1.1em Verdana, Arial, sans-serif;
	margin: 1.3em 0 0;
	padding-bottom: 3px;	
	/* color: #996633;*/
	color; #336699;
	line-height:150%;
		
}

#centercol h3{
	font: bold 1.1em Verdana, Arial, sans-serif;
	margin: 1.3em 0 0;
	padding-bottom: 3px;	
	color: #996633;
	line-height:155%;	
}

#centercol li{
	line-height:155%;	
}

#centercol li a{
	font-size: 100%;
	line-height:155%;	
}

#centercol li hover{
	font-size: 95%;
	line-height:155%;
	font-weight: bold;	
}

#centercol .box {
	padding:0 12px 0 0px;
	margin: 0px;
	}
	
#toc h3 {
	font: bold 1.4em 'Trebuchet MS', Arial, sans-serif;
	margin: 1.4em 0 .5em 0;
	color: #006633;
}


h4 {
	margin: 0;
	padding-bottom: 3px;
	font: bold 1.2em Verdana, Arial, sans-serif;
	color: #006633;
}

h5 {
	margin: 0;
	padding-bottom: 3px;
	font: bold 13px/16px Verdana, Arial, sans-serif;
	color: #f60;
}

.small {font-size: .85em;padding:5px}


/* page holder */

#container {
	width:  792px;
	margin: 5px auto;

}

/* header */

#header {
	background: #006633 url('http://www.johncfremont.net/images/header/headerimage.jpg') no-repeat;
	height: 112px;
	color: #fff;
	font: 11px/13px Verdana, Arial, sans-serif;
	border-bottom: 25px solid #000;
	
}

/*div#titlelogo {
					}
					
 div#titlelogoimage {
		float: left;
		margin: 0px 0px 0px 0px;
		z-index: 1;
					} 
					
div#schoolimage {
							}
							
div#schoolimagepic {
	float: right;
	margin: 0px 0px 0px 0px;
	z-index: 1;
							}*/
		
#top {
	overflow: hidden;
	font: bold 13px/18px Arial, sans-serif;
		}

#top ul {	
	position: absolute;
	margin: 0px;
	margin-left: 580px;
	padding: 0 0px;
	list-style: none;

}

#top ul li {
	margin: 115px 0px 0px 0px;
	float: left;
	padding: 1px 20px 0 5px;

}


#top ul li a{
	text-decoration: none;
		color: white;
}


#top a {

}


.hidden {

	display: none;

}

/* content part */

#content {

	background: #fff;
	width: 780px;
	min-height: 700px;
	padding: 0 6px 15px;
	border-bottom: black solid 10px;
	

}

* html #content {

	height: 1200px;

}

#content a {

color: #996633;
		
}

#content a:hover {
font-weight: bold;
font-size: 100%;
	
}

#subheading {
	background: #306;
	color: #fff;
	text-align: right;
	padding: 0 10px;
	font: 22px/28px Verdana, Arial, sans-serif;

}


#breadcrumbs {
	padding: 1px 10px;
	color: #333;
	font: 10px/17px Verdana, Helvetica, sans-serif;
}


#type-b #breadcrumbs {padding-bottom: 1px}

* html #type-b #breadcrumbs {padding-bottom: 10px}



/* left column */

#leftcol {

	float: left;
	width: 165px;
	padding: 0 0 0 15px;
	font: 11px/13px Arial, sans-serif;
}


/** html #type-b #leftcol {
	margin:0 0 0 2px;
	width: 165px;

}

 right column */

#rightcol {
	float: right;
	width: 189px;
	overflow: hidden;
	margin-top: 5px;
	margin-left: 0px;

}

#rightcol .box {

	background: #CCCC99 no-repeat 0 100%;
	padding-bottom: 15px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}
/*
#rightcol .box .inner {

	padding: 0px 2px 0 4px;
	width: 150px;
	overflow: hidden;

}

#rightcol .box .txt {
	padding: 0px 7px;
			
}
*/
 #rightcol h3{
	margin: .4em 0;
	color: #996633;
	border-bottom: 1px solid #006633;
	font: 1.1em/1.3em Verdana, Arial, sans-serif;
	font-weight: bold; 
	margin-top: 4px;
}

#rightcol p {
font: .9em/1.2em Verdana, Arial, sans-serif;
	
}


/* footer 

#footer {
	background-color: black;
	width: 792px;
	padding: 7px 0px 9px 0px;
	overflow: hidden;
	text-align: center;
	
}
#footer p{
	color: white;
	margin: 0;
	font: .85em Verdana, Arial, sans-serif;
	font-weight: bold;
		
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#footer ul li {
	float: left;
}

#footer a {
	color: #fff;
}

#footer .left ul {
	float: left;
}

#footer .left li {
	padding: 0 9px;
	margin-left: -9px;
	}

#footer .right ul {
	display: inline;
}

#footer .right li {
	display: inline;
	float: none;
}
*/

/* copyright */

#copyright {
	padding: 5px 15px 20px;
	color: #fff;
	font: 11px/15px Arial, sans-serif;
}

#copyright a {
	color: #fff;
}


#copyright a:hover {color: #fff;text-decoration:underline}



/* Styles for Menu Items 
BEGINNING OF LEFT NAVIGAION TOC*/
#toc ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 138px; /* Width of Menu Items */
	border-bottom: 1px solid black;
	border-top: 0px solid black;
	border-left: 0px solid black;
	}
	
#toc ul li {
	position: relative;
	}
	
#toc li ul {
	position: absolute;
	left: 137px; /* Set 1px less than menu width */
	top: 0;
		display: none;
	}
	
#toc ul li a {
	font-size: 1.2em;
	font-weight: normal;
	display: block;
	text-decoration: none;
	color: black;
	background: white;
	padding: 4px;
	border: 1px solid black; /* IE6 Bug */
	border-bottom: 0;
	line-height:125%;
		}
		
#toc ul li a:hover {
	background: #336699;
	color: white;
	font-weight: bold;
	font-size: 120%;			
}

#toc p {
	margin-left: 26px;
	border-bottom: 0px;
				
}	

/* Fix IE. Hide from IE Mac \*/
* html #toc ul li { float: left; height: 1%; }
* html #toc ul li a { height: 1%; }
/* End */
		
#toc li:hover ul { display: block; } /*  The magic  code

END OF LEFT NAVIGATION TOC*/


/*TABLES*/

#table_sched table
{margin: 10px 2px 0 1px;
font: Verdana, Arial, sans-serif;
border-collapse: collapse;
}

#table_sched Th
{font-size: 85%;
text-align:center;
color: white;
padding: 4px 7px;
border: 1px solid black;
background-color: #336699;
}

#table_sched td
{font-size: 85%;
text-align:center;
padding: 4px 7px;
border: 1px solid black;
}

#table_staff table
{margin: 10px 2px 0 1px;
font: Verdana, Arial, sans-serif;
border-collapse: collapse;
}

#table_staff Th
{font-size: 100%;
text-align:center;
color: white;
border: 1px solid black;
background-color: #336699;
padding: 7px;
}

#table_staff td
{font-size: 95%;
text-align:center;
padding: 7px;
border: 1px solid black;
}

#table_ptastaff table
{margin: 10px 2px 10px 1px;
font: Verdana, Arial, sans-serif;
border-collapse: collapse;
}

#table_ptastaff Th
{font-size: 100%;
text-align:center;
color: white;
border: 2px solid black;
background-color: #336699;
padding: 7px;
}


#table_ptastaff td
{font-size: 95%;
text-align:center;
padding: 7px;
border: 2px solid black;
}

#table_devass table
{margin: 10px 2px 1px 1px;
font: Verdana, Arial, sans-serif;
border-collapse: collapse;
}

#table_devass Th
{font-size: 95%;
text-align:center;
color: white;
border: 1px solid black;
background-color: #336699;
padding: 7px;
}

#table_devass td
{font-size: 90%;
text-align:center;
padding: 7px;
border: 1px solid black;
}


.note {
background-color:#FFC;
font-size:75%;
border-color:#999;
border-style:solid;
border-width:1px 0;
margin: 0 12px 7px 0;
padding: 5px;
}

#date p{
margin: 0px;
padding-bottom: 7px;
margin-top: 0px;
text-align: center;
}
#date h5 {
margin-right: 47px;

}