/*
   ----------------------------------------------------------------
   MAIN STYLE SHEET - Perkiomen School
   ----------------------------------------------------------------
*/


/* =========================================
	Common Site Elements
=========================================== */


h1,h2,h3,h4,h5,h6 {
	margin:0.5em 0;
	line-height:1em;
	color:#493161;
	font-family:Times New Roman;
	font-weight: normal;
}

.large, .large td { font-size: 14px !important; }

h1{ font-size:2em; }
h2{ font-size:1.8em; }
h3{ font-size:1.6em; }
h4{ font-size:1.4em; }
h5{ font-size:1.2em; }
h6{ font-size:1em; }
p { margin:1em 0; }

.nav_history {
	background-color:#fff;
	color:#000 !important;
}


#logo_link { 
	position: absolute;
	top: 80px;
	height: 80px; width: 655px;
	text-indent: -9999px;
	background: #fff;
	FILTER: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	-khtml-opacity: 0;
}

#contentdiv { background: url('../images/contentbg.gif') top left no-repeat; padding: 15px 20px 8px 20px; }

/* =========================================
	Misc Site Elements
=========================================== */

.header_photos { margin-left: -1px !important; width: 960px !important; }
.header_photos img { margin: 0 0 0 1px; }

A.imgbord:link {color: #d0cfe4;}
A.imgbord:active {color: #d0cfe4;}
A.imgbord:visited {color: #d0cfe4;}
A.imgbord:hover {color: #d0cfe4;}

.footer_links a { text-decoration:none; }
.footer_links a:hover { text-decoration:underline; }

/* =========================================
	Page Search Elements
=========================================== */

.search_bar {
	display:inline;
}

/* ----- HTML5 Doctype Upgrade START ----- */

#topbanner img{vertical-align:top}
#topbanner .tools img{vertical-align:middle}
#topbanner .header_photos{height:190px}
#ss_div input[type="image"] {vertical-align:top}

#keywords {
	background: #3a2363; 
	border-top: 2px solid #222222;
	border-right: 1px solid #2a2353;
	border-bottom: 1px solid #2a2353;
	border-left: 2px solid #222;
	width: 132px;
	height: 11px;
	color: #ffffff;
	padding: 2px 0 0 3px;
	margin-top: 0px!important;
	vertical-align: top;
	display: inline;
}

/* ----- HTML5 Doctype Upgrade FINISH ----- */

#ss_div form {
	display:inline;
}

#ss_div {
	position: absolute;
	vertical-align: top;
	margin: 28px 0 0 0px;
}

/* =========================================
	Hierarchy + Page Tools
=========================================== */

.hier {
	display:inline;
}

.hiersect {
	position: absolute;
	margin-left: 14px;
	margin-top: 252px;
	height: 18px;
	width: 600px;
	color: #321b5f;
}

.tools {
	position: absolute;
	text-align: right !important;
	margin-left: 772px;
	width: 170px;
	margin-top: 252px;
	padding-right: 0;
	color: #321b5f;
}

/* =========================================
	Nav + Quicklink Dropdowns
=========================================== */
#nav_menus div {
	position:absolute; top:0px; left:0px;
	width:165px;
	margin:0 0 0 0;
	padding:0 0 7px 0;
	background: url('../images/dropbottom.png') bottom right no-repeat;
	FILTER: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
	-khtml-opacity: .90;
}

#nav_menus ul {
	background:#40285e;
	list-style-type:none;
	margin:0;
	padding:0 0 0 0;
}

#nav_menus a {
	display:block;
	text-decoration:none;
	padding:6px;
	color:#ecddb6;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#4c3767;
}

#nav_menus a:hover {
	background:#d19d1b;
	color:#ffffff;
}

#dhtmlmenu_5 {
	margin-left: -69px !important;
}

#ql_menu {
	position:absolute; top:0px; left:0px;
	width:165px;
	margin:0 0 0 0;
	padding:0 0 7px 0;
	background: url('../images/dropbottom.png') bottom right no-repeat;
	FILTER: alpha(opacity=90);
	-moz-opacity: .90;
	opacity: .90;
	-khtml-opacity: .90;
}

#ql_menu ul {
	background:#321b5e;
	list-style-type:none;
	margin:0;
	padding:0 0 0 0;
}
#ql_menu br {
	display:none;
}

#ql_menu a {
	display:block;
	text-decoration:none;
	padding: 6px 6px 6px 20px;
	color:#ececec;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#4c3767;
}

#ql_menu a:hover {
	background:#d19d1b;
	color:#ffffff;
}