/* Style Sheet for TRANSIT 380, MAIN site  */

body {
	background-color: #292929;
	margin-left:0;
	margin-top:0;
  /*text-align: center;*/
	}

div#header, div#display {
	margin: 0 5% 0;
	/*margin: 0 auto;*/
	padding-top:12px;
	width: 90% !important;
  /*text-align: left;*/
  /*width: 760px;*/
	/*border: 1px solid #ff0080;*/
	}

div#header { 
	position: fixed; 
	/*width: 90% !important;*/
	background-color: #292929;
	z-index: 3;
	padding-bottom: .6em;
	padding-right: 0%;
	}
	
div#display { 
	position: absolute;
	top: 127px;
	padding-bottom: .5em;
	margin-top: .2em;
	height: auto;
	clear: both;
	z-index: 1;
	/*border: green 1px solid;*/
	}
#topbox	{ width: 100%; }

#mainbox { 
	width: 100%;
	margin-top:0;
	border: 0px solid #66ff80;
	}
table { border-spacing: 0; border-collapse: collapse; }

.corner-tl, .corner-tr, .corner-bl, .corner-br { padding: 0px; }
.corner-tl {  background-image: url('/images/top-left5.gif'); background-repeat: no-repeat;}
.corner-tr { background-image: url('/images/top-right5.gif'); background-repeat: no-repeat; }
.corner-bl { background-image: url('/images/bot-left5.gif'); background-repeat: no-repeat; }
.corner-br { background-image: url('/images/bot-right5.gif'); background-repeat: no-repeat; }
.side-l { background-image: url('/images/left5.gif'); background-repeat: repeat-y;}
.side-r { background-image: url('/images/right5.gif'); background-repeat: repeat-y;}

.side-t { background-image: url('/images/top5.gif'); background-repeat: repeat-x;}
.side-b { background-image: url('/images/bottom5.gif'); background-repeat: repeat-x;}
.side-t, .side-b { width: 100%; }
.side-l, .side-r { height: 100%; }


.main {background-color: #666666; }
	
.title {
	font-family: tahoma,verdana,serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #000080;
	text-align: center;
	clear: left;
	}

#nameimage { float: left; }
#sitename { float: right; 
	background: none; 
	font-size: 1em;
	font-weight: bold;
	color: #000080; 
	font-family: eurostile,verdana,arial,sans-serif;
	text-decoration: none;
	}
/* ---------- NAV BAR ------------------- */

td#topmenu {
	height: auto;
	margin: 0 auto;
	text-align: center:
	/*border: blue solid 1px;*/
	}
div#topnav {
	text-align: center;
	margin:auto;
	}
#buttons {
	width: 590px;
	margin: 4px auto 0;
	position: relative;
	}
div.parent { position: relative; float: left; margin: 0 6px; }

.floatfix {margin-right: -3px;}
/* this fixes the IE 3px bug that is common in this type of float arrangement */

.dropdown {
	width: auto;
	position: absolute;
    left: -3px;
	top: 1.1em;
	text-align: left;
	display: none;
	}
ul.menu {
    top: .5em; /* Adjust top of first li >>> use .6 or higher for Mozilla bug <<<   */
    background-color: #292929;
	position: relative;	
	margin: 0.3em;
    padding: 0.1em; /* Height of sub menu item box */
    list-style-type: none;
	left: -3px;
	text-align: left;
}
ul.menu li {
    text-align: left;
	position: relative;	
    background-color: #292929;
    padding: 0.4em;
    margin: 0 .3em;
    white-space: nowrap;
    vertical-align: bottom; /* IE5/win bugfix */
}
.navbar, ul.menu li, .parent, .parent a, .dropdown {
	font-family: arial, helvetica,serif;
	letter-spacing: 2px;
	color: #FF0E00; 
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	}

#topnav A:hover { color: #FFD000; }
#topnav A:active { color: #FFD000; }

.parent:hover div.dropdown {
    display: block;
}

div.content span {
	font-weight: bold;
	color: #000080;
	}
h2 {
	color: #000080;
	}
	
h3 { font-family: Eurostile,Georgia,serif;
	font-size: 20px;
	color: white; 
	text-align: center;
	background-color: #000080;
	text-transform: capitalize;
	padding: .2em 0;
	/*margin: 2%;*/
	margin: auto;
	width: 90%;
	clear: both;
	}

h4 {font-family: Eurostile,Georgia,serif;
	font-size: 16px;
	color: white; 
	text-align: center;
	background-color: #000080;
	text-transform: capitalize;
	padding: .4em 0;
	margin: 2%;
	clear: both;	
	}
h5 {
	color: #0096C1;
	font-family: verdana,arial,sans-serif;
	font-size: 16px;
	}
h6 {
	color: #C39F00;
	font-family: verdana,arial,sans-serif;
	font-size: 1.4em;
	font-style: italic;
	}
.h7 {
	color: #C39F00;
	font-family: verdana,arial,sans-serif;
	font-size: 1em;
	font-style: italic;
	}
.leftimage img {
	float: left; 
	margin: .5em 1em 1.5em 0;
	position: relative;
	border: #C39F00 2px solid;
	}
	
.list li, .text2 { color: #C39F00; 
	font-family: arial,helvetica,sans-serif; 
	font-size: 1.1em;
	line-height: 1.2em;
	list-style-type: square;
	}
	
.list {
	position: relative;
	width: 50%;
	float: right;
	margin-top: 1.7em;
	margin-left: auto;
	margin-right: auto;
	}

.page {color: white; 
	font-size: 12px;
	font-family: arial, helvetica,sans-serif;	
	}

div.page { margin: auto; clear:both;}

p.page {color: white;
	font-size: 12px;
	font-family: arial,helvetica,sans-serif;
	}
div.page { line-height: 1.3em; margin: 0 5% 0;}
div.page span { font-weight:bold; }
/*
.page_left {float: left; margin: 0 1% 0; width: 45%; text-align: justify; }
.page_right {float: right; margin: 0 1% 0; width: 45%; text-align: justify; }
*/
/*
div.page h3 { margin: 2%; }
.main h3 { margin: 2%; }
*/
span.title span {color: #FF0000; }

#top {
	margin: auto;
	clear: both;
	}
#top span, #top span a { 
	color: lightgray;
	font-size: 10px;
	font-weight: bold;
	font-family: verdana,monospace;
	line-height: 3em;
	/*text-decoration: none;*/
	}
#top span:hover, #top span a:hover, #top a:visited { 
	/*text-decoration: underline;*/
	color: #C39F00;
	}
#top p a {text-decoration: none; }
#top p a:hover {text-decoration: underline; }

.legal {clear: both; margin: auto; color: gray; font-family: arial, helvetica,sans-serif; font-size: 10px; }
.legal2 {clear: both; margin: 0 auto; color: black; background-color: #cccccc; }