/* HTML TAGS ------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	font-family: verdana, sans-serif;
	font-size: 11px;
	background: url('/school/project/images/bg.jpg');	
}
table { 
	font-size: 11px; /* fix for IE5 not inheriting body font size */
	text-align: left;
}
p {
	text-align: left; /* Reset to left after IE5.x body fix */
	margin-top: 8px;
	margin-bottom: 8px;
}
h1, h2, h4 {
	color: #003399;
	margin: 0px;
	margin-left: -8px;
	margin-right: -8px;
}
h1 {
	font-weight: bold;
	font-size: 12px;
	padding: 5px;	
	background: url('/school/project/images/h1.jpg');
	margin-bottom: 10px;
}
h2, h4 {
	font-weight: normal;
	font-size: 10px;
	text-align: right;
	background: #E0E1E1;
	margin-top: 10px;
	padding: 2px;	
	border-top: 1px solid #BBBFBE;
	clear: both;
}
h4 {
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	padding-left: 4px;
}
h3 {
	color: #003399;
	margin: 0px;
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -3px;
	font-weight: bold;
	font-size: 10px;
	padding: 3px;
	background: url('/school/project/images/h1.jpg');
	margin-bottom: 1px;
	text-align: center;
	border-bottom: 1px solid gray;
}
form { margin: 5px;}
/* CLASSES ------------------------------------------------------------------*/
.clear {clear: both;}
.hidden {display: none;}
.left {float: left;}
.right {float: right;}
.alignright {margin-top: 5px; text-align: right;}
.alignleft {text-align: left;}
.center {text-align: center; margin-right: auto; margin-left: auto;}
.margincenter {margin-left: auto; margin-right: auto;}
.small {font-size: 9px;}
.strong {font-weight: bold;}
.pics img {
	border: solid 1px black;
	margin: 4px;
}
.pic {
	border: solid 1px black;
	margin: 4px;
}
.noborder {border: none;}
.marginfix {position: relative; left: 33px;}
.margin {margin: 5px;}
.button {
	color: black;
	background: #F6F5F4;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 10px;
	border: solid 1px black;
	padding: 2px;
	cursor: pointer;
}
.customform {
	background-color: #F4F3F2;
	color: black;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 10px;
	border: solid 1px black;
	padding: 2px;
}
/* -----Site Layout-------------------------------------------------------------*/
#tblPage {
	width: 90%;
	margin: 0px;
	margin-left: 28px;
	padding: 0px;
}
#contentTd {
	vertical-align: top;
	margin-left: -25px;
	padding-top: 44px;
}
/* -------Header + Banner Graphics----------------------------------------------*/
#header { 
	width: 100%;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #000;
	background-color: #1E4C9A;	
	height: 55px;
}
#headerlogo {
	left: 5%;
	top: 0px;
	position: absolute;
	z-index: 5;
	width: 900px;
	height: 90px;
}
#headericons {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
.pngHeader {
	margin-right: 55px;
	width: 65px; 
	height: 65px;
}
.pngHeaderL {
	margin-right: 55px;
	width: 115px; 
	height: 65px;
}
.pngSmalls {
	position: relative;
	float: right;
	top: -60px;
	width: 65px; 
	height: 65px;
}
/* --Main Content Windows------------------------*/
.mainItem a:link {text-decoration: none; color: #0000FF;}
.mainItem a:visited {text-decoration: none; color: #0000FF;}
.mainItem a:hover {text-decoration: none; color: #6089D0;}
.mainItem a:active {text-decoration: none; color: #0000FF;}
.mainItem {
	border: 1px solid black;
	background: #EDF2F2;
	margin: 5px;
	margin-bottom: 50px; 
	padding: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 12px;
	width: 97%;
	float: left;
}
/* ----Footer-----------------------------------------------------------*/
#footer a:link {text-decoration: none;}
#footer a:visited {text-decoration: none;}
#footer a:hover {text-decoration: none;}
#footer a:active {text-decoration: none;}
#footer {
	width: 100%;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 1px solid #000;
	background-color: #1E4C9A;	
	height: 45px;
	margin-top: -15px;
	clear: both;
}
#footerLogo {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #417BE0;
	width: 185px;
	height: 40px;
	background: url("/school/project/images/logo.gif");
	cursor: pointer;
} 
/* ---Data Tables---------------------------------------------------------*/
.dataTable {
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	text-align: center;
	background: #E5E5E5;
	border-collapse: collapse;
}
.dataTable td {
	padding: 2px;
	border: solid 1px #EDF2F2;
}
.dataTable th {
	padding: 2px;
	margin: 2px;
	background: #06639E;
	border: solid 1px #EDF2F2;;
	color: #FFFFFF;
	font-size: 11px;
}
/* -----ALBUMS-----------------------------------------------------------------*/
.album a:link {text-decoration: none; color: #0000FF;}
.album a:visited {text-decoration: none; color: #0000FF;}
.album a:hover {text-decoration: none; color: #6089D0;}
.album a:active {text-decoration: none; color: #0000FF;}
.album a:hover span {color: gray;}
.album a:hover {
	background: #E5E1DD;
	border: solid 1px gray;
}
.album a span {color: #F6F5F4;}
.album a {
	display: block;
	border: solid 1px #F6F5F4;	
	width: 140px;
}
.album {
	border: solid 1px black;
	margin: 3px;
	margin-top: 5px;
	margin-left: 10px;
	padding: 3px;
	width: 145px;
	font-weight: bold;
	background: #F6F5F4;
	font-size: 10px;
	text-align: left;
	float: left;
}
html>body .album {position: inherit;}  /*  Fix for IE, undoes positioning */
/* ---- PROJECT VIEWS ---- */
* html #database {margin-top: -33px;} /*  Mozilla ignores this */
#database table {
	width: 100%;
	text-align: center;
	background: #E5E5E5;
	border-collapse: collapse;
}
#database table td {
	border: solid 1px #EDF2F2;
}
#database table th {
	padding: 2px;
	margin: 2px;
	background: #06639E;
	border: solid 1px #EDF2F2;
	color: #FFFFFF;
	font-size: 11px;
}
#database table td input, #database table td textarea, #database table td select {
	border: solid 1px #B0B0B0;
	background: #ECECEC;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
}
/******** MAPS **********************/
#target {
z-index: 1;
position: absolute;
left: 49.85%;
top: 49.50%;
}
#map { 
cursor: move;
}
#legend {
	display: none;
	z-index: 1;
	position: absolute;
	left: 185px;
	padding: 5px;
	bottom: 5px;
	border: solid 1px black; 
	background-color: #ffffff; 
	-moz-opacity:0.75;
	opacity: 0.75;
	filter:alpha(opacity=75);
	width: 325px; 
	font-size: 10px; 
	font-weight: bold; 
}
/******** ORDERS ***********************/
#custHist, #custRequests {
	border: solid 1px #C0C0C0;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.data
{
	border: solid 1px #C0C0C0;
	border-collapse: collapse; 
	border-left: none;
	border-top: none;
}

.empty
{
	border-collapse: collapse; 
	border: none;
	margin: 0px;
	padding: 0px;
}

.data td a:hover{text-decoration: none;}
.data td
{
	border: solid 1px #C0C0C0;
	border-left: none;
	border-right: none;
	padding: 3px;
}

.data th
{
	border-left: none;
	border-right: none;
	padding: 3px;
}
* html #liveTable {margin-top: -60px;} /*  Mozilla ignores this */
/** TOP NAV BUTTONS **/
#topNav {
	margin-top: 40px;
	margin-bottom: 10px;
}
#topNav table {
	width: 100%;
	border-top: 2px solid #151647;
	border-bottom: 2px solid #151647;
	background-image /**/: /**/url('/school/project/images/alpha.png');
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/school/project/images/alpha.png', sizingMethod='scale');
	border-collapse: collapse;
}
#topNav table td {
	width: 20%;
	color: #FFFFFF;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
#topNav table td a {
	font-weight: bold;
	padding: 3px 0px 3px 0px;
	display: block;
	width: 100%;
	position: relative;
}
#topNav table a:link {text-decoration: none; color: #FFFFFF;}
#topNav table a:visited {text-decoration: none; color: #FFFFFF;}
#topNav table a:hover {text-decoration: none; color: #FFFFFF; background-image /**/: /**/url('/school/project/images/alpha.png');filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/school/project/images/alpha.png', sizingMethod='scale');}
#topNav table a:active {text-decoration: none; color: #FFFFFF;}