html, body { 
font-family :  Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size : 10pt; 
color: #000000; 
text-align: center;
background: #000000;
}

img{
border: 0px;
}

.bckHdr{
background: #fff url(/images/bckHdr.jpg) center center no-repeat;
}

.mainBG{
background: #fff url(/images/mainBG.gif) 0 0 repeat-x;
}

/*logo image*/
#logo{
float: left;
}

#address{
font: bold 9pt/1.5em Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
text-align: right;
padding-right: 0px;
color: #fff;
width: 300px;
float: right;
margin-top: 20px;
}

#address a:hover {
text-decoration: none;
}

/*welcome title only*/
#date{
color: #fff;
text-transform: none;
background: #2040a5;
font: normal 1em/2em Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
float: left;
padding-left: 20px;
width: 240px;
}

html>body #date {width: 220px;}

#news{
width: 220px;
height: 220px;
margin: 35px 0px 0px 15px;
overflow: auto;
}

#hmBtns{
height: 67px;
width: 580px;
}

#hmBtns img{
margin: 0px;
}

#inv{
margin-top: 10px;
text-align: center;
width: 243px;
float: left;
}

#welcome{
float: right;
margin-top: 10px;
margin-left: 5px;
text-align: left;
width: 300px;
padding: 5px;
}

#footer { 
padding: 20px;
}


.bckFooter{
background: #000 url(/images/bckFtr.jpg) 0 0 repeat-x;
}

.hours {
text-align: left;
font: normal 10pt/12pt Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
color: #fff;
float: left;
margin: 15px 30px 0px 0px;
}

a { 
color : #ffbf00; 
text-decoration : none;
}
	
a:hover { 
color : #ccc; 
text-decoration : underline;
}
	
a.small {
color : #fff; 
text-decoration : none; 
font-size: 8pt;
}

.title { 
color: #333;
font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size : 14pt;
font-weight: bold;
}

.subtitle { 
color: #829ABF;
font-family : Trebuchet MS, Arial, Verdana, Geneva,  Helvetica, sans-serif; 
font-size : 13pt; 
font-weight: bold;
}

/*displayMutiple titles*/
.subhead { 
color: #990000; 
font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size : 10pt; 
font-weight: bold; 
}

.subhead a:link, .subhead a:active, .subhead a:visited 
{ 
color : #330033;
text-decoration : none; 
font-weight: bold; 
}

.subhead a:HOVER { 
color : MediumBlue; 
text-decoration : underline; 
}

/*News popup*/
.bckGrayDk{
background-color: #333;
color: #fff;
font-size: 14pt;
}


/*---------------------*/

/*Navigtation Styles*/

/* contains the CSSnav so that it doesn't try to double-up*/ 
.bckNav{
background: #4b4b4b url(/images/bckNav.gif) 0 0 repeat-x;
border-top: 2px solid #3851a1;
}

#navContainer {
	width: 800px;
	text-align: left;
}

#nav {	
	margin: 0px 0px 0px 20px;
	min-width: 800px;
	padding: 0; 
	list-style-type: none; 
}

/*#nav ul{ 
	padding: 0;
	margin: 0;
	list-style-type: none; 
	line-height: 20px; 
	position: absolute;
	z-index: 3;
}*/


#nav li { 
float:left;
white-space: nowrap; 
display: inline;
width: 100px;
border-right: 1px solid black;
}

/*individual btns that need different styling*/
#nav li.home{
width: 70px;
}

#nav li.finance{
width: 75px;
}

#nav li.staff{
width: 100px;
border: 0px;
}

/*for top level links (not drop down)*/
#nav a {
display: block;
height: 100%;
text-decoration: none;
text-align: center;
text-transform: none;
font: bold 1em/2.25em  Arial, Verdana, Geneva, Helvetica, sans-serif; 
color: #fff;
}

/*nav over state*/
#nav a:hover {
text-decoration: none;
background: #999999;
color: #fff;
}

/*drop down list*/
#nav li ul { 
margin: 0px;
z-index: 9001; 
border: 1px solid #000; 
border-right-style: none; 
border-bottom-style: none;  
padding: 0px; 
position: absolute;
background: #999999; 
width: 135px;
left: -999em; 
}

/*for wider drop down lists*/
#nav li ul.wider{
width: 150px;
}

/*drop down list items*/
#nav li ul li {
border-bottom: 1px solid #000;
width: 100%;
}

/*drop down links*/
#nav li ul li a {
font: normal 9pt/2em Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
color: #fff;
text-align: left;
border:0px;
text-transform: none;
letter-spacing: normal;
height: 25px;
}

#nav li ul li a:hover {
background: #7d7d7d; 
text-decoration: none;
color: #fff;
}
	
#nav li ul ul { 
margin: -21px 0 0 130px; 
}
	
#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em; 
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
left: auto; 
}

/*----------This Stuff Barely Changes---------*/
/*for forms*/
TD { 
font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size : 10pt; 
color: #000;  
font-weight : normal;
}

.bckWhite { 
background-color: #FFFFFF; 
}

.bckGray { 
background-color: #DDDDDD; 
}

.bckBlack{
background-color: #000;
}
	
b { font-weight: bold; }

.Hidden		{visibility: hidden;}	
.NoDisplay	{visibility: hidden; display: none;}
.Visible	{visibility: visible;}		

/*---------------------*/

/*Pop Up Windows*/

/*for News pop up*/
.bckNewsPop{
background-color: #999;
font-size: 14pt;
}

.pop { 
font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size : 11pt; 
color: #000000;  
font-weight : normal;
}

.bckPopUp1 { 
background-color: #FFFFFF; 
background-image: url(/images/bckPopup.jpg); 
background-repeat: no-repeat; 
}

.bckPopUp2 { 
background-color: #FFFFFF; 
background-image: url(/images/bckPopup.jpg); 
background-repeat: no-repeat;
}

/*used in floating models*/
.itemBorder { 
border: 1px solid #666; 
}

/*---------------------*/
	
/* search inventory popup */
.BckBox, .BckBox a { 
color: #fff;
margin-bottom: 0;
}

div#InventoryBlock{
display:none;
}

div#Inventory { 
position: absolute; 
z-index: 2000; 
top: 115px; 
left: 425px; 
width: 250; 
height: 300; 
}

div#TransBackground { 
position: absolute; 
z-index: 1000; 
top: 100px; 
left: 400px; 
width:300; 
height:400; 
background-color:#000000; 
border: 1px solid #fff;
filter:alpha(opacity=75); 
-moz-opacity: 0.75; 
opacity: 0.75;
}