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

/*Header*/
#header {
text-align: left;
background: #330033 url(/images/bckHdr.jpg) repeat-x 0 0; 
padding-bottom: 0px;
padding-top: 5px;
width: 900px;
height: 87px;
}

/*logo image*/
#logo{
margin-top: 60px;
float: left;
}

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

#address a{
color: #fff;
}

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

/*welcome title only*/
#date{
color: #fff;
text-transform: none;
background: #006666;
font: normal 1em/3em Arial, Verdana, sans-serif;
width: 371px;
float: left;
padding-left: 20px;
}
html>body #date {width: 351px;}

/*welcome title only*/
#phone{
color: #fff;
text-transform: none;
background: #003333;
font: normal 1.5em/2em Arial, Verdana, sans-serif;
width: 529px;
float: right;
padding-left: 20px;
}
html>body #phone {width: 509px;}

#phone a {
color: #fff;
}

#inv{
text-align: center;
margin-top: 20px;
width: 300px;
}

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

/*welcome title only*/
#welTitle{
color: #fff;
text-transform: none;
background: #003333;
font: normal 1.5em/2em Arial, Verdana, sans-serif;
padding-left: 20px;
}

#welcome {
text-align: left;
font: normal 10pt/12pt Arial, Verdana, sans-serif;
color: #000;
overflow: auto;
padding: 10px;
border-left: 1px solid #ddd;
}

#newsTitle{
color: #fff;
text-transform: none;
background: #006666;
font: normal 1.5em/2em Arial, Verdana, sans-serif;
padding-left: 20px;
float: left;
width: 295px;
}

#news {
text-align: left;
font: normal 10pt/12pt Arial, Verdana, sans-serif;
color: #000;
padding-top: 10px;
padding-left: 10px;
margin-right: 25px;
float: left;
width: 295px;
border-left: 1px solid #ddd;
}

html>body #newsTitle, #news {width: 275px;}

#hoursTitle{
color: #fff;
text-transform: none;
background: #003333;
font: normal 1.5em/2em Arial, Verdana, sans-serif;
padding-left: 20px;
float: left;
clear: none;
width: 234px;
}

#hours {
text-align: left;
font: normal 10pt/12pt Arial, Verdana, sans-serif;
color: #666666;
overflow: auto;
float: left;
width: 234px;
margin-top: 10px;
}
html>body #hoursTitle, #hours {width: 214px;}

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

.title { 
color: #000; 
font-family : Arial, Verdana, Trebuchet MS, Geneva, Helvetica, sans-serif; 
font-size : 16pt; 
font-weight: normal;
}

/*displayMutiple titles*/
.subhead { 
color: #330033; 
font-family : Arial, Verdana, Trebuchet MS, Geneva, Helvetica, sans-serif; 
font-size : 11pt; 
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; 
}

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

#footer { 
font: normal .75em/1.5em Arial, Verdana, Trebuchet MS, Geneva, Helvetica, sans-serif; 
text-align: center;
margin: 0 auto;
padding: 5px;
color: #fff;
height: 75px;
background: #003333 url(/images/bckFooter.gif) center center no-repeat;
}

.leftAddress{
float: left;
margin-left: 75px;
}

.rightAddress{
float: right;
margin-right: 75px;
}

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

/*Navigtation Styles*/

/* contains the CSSnav so that it doesn't try to double-up*/ 
.bckNav{
/*background: #fff url(/images/bckNav.gif) repeat-x 0 0;*/
}

#navContainer {
clear: both;
text-align: left;
height: 30px; /*makes sure all of bckNav shows*/
position: relative;
z-index: 9000;	
width: 900px;
border-bottom: 1px solid #eee;
}

#nav, #nav ul { 
position: absolute;
margin: 0 240; /*a negative number cancels ul indentation*/
list-style-type: none;
}
html>body #nav {margin-left: 200px;}

#nav li { 
float:left;
white-space: nowrap; 
display: inline;
width: 80px;
}

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

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

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

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

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

/*drop down list*/
#nav li ul { 
margin: 0px;
z-index: 9001; 
border: 2px solid #ddd; 
border-top-style: none;
border-bottom-style: none;  
padding: 0px; 
position: absolute;
background: #ececec; 
width: 140px;
left: -999em; 
}

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

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

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

#nav li ul li a:hover {
background: #b5d5d5; 
text-decoration: none;
color: #000;
}
	
#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 : Arial, Verdana, Trebuchet MS, Geneva, Helvetica, sans-serif; 
font-size : 10pt; 
color: #000000;  
font-weight : normal;
}

img{border: 0px;}

.bckWhite { 
background-color: #FFFFFF; 
}

.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 : Arial, Verdana, Trebuchet MS, 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;
}