/* CSS Document */

a:link, a:visited, a:hover {
	color: #E1002D;
	text-decoration: none;
}

a:hover {
	color: #FF4040;
}


body {
	background-color:#E2E2E2;
	margin: 0px;
	padding:0px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;

}

#mainBox 
{
	text-align:left;
	width: 750px;
	padding: 0px 11px 0px 11px;
	background-color: white;
	background-image: url(images/mainboxshadow.jpg);
	background-repeat: repeat-y;
}

#topBox
{
	border:none;
}

#mainMenu 
{
	height: 34px;
	line-height:34px;
	text-align: center;
}

#mainMenu ul 
{
	display:inline;
	margin-left:0;
	padding-left:0;
	list-style:none;
}

#mainMenu li 
{
	display:block;
	float:left;
	text-align:center;
	width:75px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

li#begin 
{
	width:8px;
}

li#end 
{
	width:8px;
}

#mainMenu a 
{
	display:block;
	text-decoration: none;
	color: white;
	background: transparent;
}

#mainMenu a:hover 
{
	background-color:#DDDDDD;
	color: black;
}

/* a '|' for separating menu items */
#mainMenu li.menuSeparate 
{
	color: #999999;
	list-style:none;
	text-decoration: none;
	width: 10px;
	text-align:center;
}

/*Below are items located on the bottom half*/

#bottomBox
{
background-color: white;
	/* clear: both this could be a problem */
}

#bottomLeft
{
	width: 455px;
	margin: 10px;
	background-color: white;
}

.bottomRight
{
/* maybe 265px;*/
	width: 264px;
	margin: 5px;
	background-color: #C9C9C9;
}

#siteInfo{
	clear: both;
	text-align: center;
	border: 1px solid black;
	font-size: 75%;
	color: #cccccc;
	padding: 5px 0px 7px 0px;
	margin-top: 0px;
	background-image: url(images/menubg.jpg);
	background-repeat: repeat-x;
}

/* links have a picture of an arrow to the left of them.*/

.arrow
{
	text-decoration:none;
	line-height: 12px;
}

.arrow:link
{		background-image: url(images/triangle.gif);
		background-repeat:no-repeat;
		background-position: left;
		padding-left: 8px;
		text-decoration:none;
}

/*following is for drop down menu's */

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
line-height:17px;
z-index:100;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 5px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
color: white;
text-align:left;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #DDDDDD;
color: black;
}

/*end of drop down menu's*/

a.employeeLogin:link, a.employeeLogin:visited
{	
	text-align:right;
	float: right;
	font-weight:bold;
	color: black;
	font-size: 90%;
	background-image: url(images/triangle.gif);
	background-repeat:no-repeat;
	background-position: 3px;
	padding: 3px 3px 3px 12px;
	text-decoration: none;
}

a.employeeLogin:hover
{
	color: black;
	text-decoration: underline;
		background-color: #DDDDDD;
}

/* format text and boxes for writing things in */


h2 
{
	font-size: large;	
	padding: 5px;
		color: #E1002D;
		margin: 0px;
}



div.infoBox
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	font-size: 90%;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	clear: both;
	display: block;
}

td.infoBox
{
	vertical-align: top;
	width: 150px;
}

.blackText
{
	font-size: medium;
	color: black;
	font-weight: bold;
	clear: none;
}

.redText
{
	font-size: medium;
	color: #E1002D;
	font-weight: bold;
}

.redBold
{
	color: #E1002D;
	font-weight: bold;
}

/*** fleet formats for red bar and table ***/

#bottomFleet
{
	padding: 6px;
	/* this puts a white border, so you do'nt have to set margins for div's within this div **/
}

div.fleetTitleBar
{
	color: white;
	background-color: #E80000;
	display: block;
	font-weight: bold;
	font-size: 115%;
	padding-left: 12px;
			background-image: url(images/triangle.gif);
		background-repeat:no-repeat;
		background-position: 3px;
}

table.fleetTable
{
	width: 100%;  
	border:1px solid;
	text-align: center;
	border-color: #CCCCCC;
	font-weight: bold;
}

tr.fleetTable
{
	vertical-align: top;

}
table.fleetTable td.fleetBlackCell
{	
	text-align: center;
	background-color: #4A4A4A;
	color: white;
}

table.fleetTable td.fleetGreyCell
{
	background-color: #EBEBEB;
	color: black;
}


table.contactEmail a:link, table.contactEmail a:visited
{
	color: #666666;
}

table.contactEmail a:hover
{
	color: black;
}