body{
	word-spacing: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px; 
	color: #313340;
	background-color: #e4e4e4;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	align: justify;
}

.textlight{
word-spacing: 0px;
font-family: Arial;
color: #c0c0c0;
text-align:justify;
}
.textlightB{
word-spacing: 0px;
font-family: Arial;
color: #c0c0c0;
text-align:justify;
font-weight:bold;
}

.textdark{
word-spacing: 0px;
font-family: Arial;
FONT-SIZE: 12px; 
color: #333;
text-align:justify;
}





img, div, a, input { behavior: url(css/iepngfix.htc) }



.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.justify{text-align:justify;}


.headdark {
color: #CCCCCC;
font-weight:bold;
font-size:110%;
line-height:20px;
}

.headlight{
color: #CCCCCC;
font-weight:bold;
font-size:110%;
line-height:20px;
}
.bigfont {
font-family: Arial;
font-size: 24px;
}

.smallfont {
font-family: Arial;
font-size: 11px;
font-weight:none;
}


.rowdark{
background-color: #313340;
}
.fontlight {
color: #CCCCCC;
}




.ltlink a:link {
text-decoration: none;
color: #E8E6E2; 
}
.ltlink a:visited {
text-decoration: none;
color: #E8E6E2; 
}
.ltlink a:hover {
text-decoration: underline;
color: #E8E6E2; 
}
.ltlink a:active {

text-decoration: none;
color: #E8E6E2; 
}


.dklink a:link {
text-decoration: none;
	color: #000000;
}
.dklink a:visited {
	text-decoration: none;
	color: #000000;
}
.dklink a:hover {
	text-decoration: underline;
	color: #000000;
}
.dklink a:active {
	text-decoration: none;
	color: #000000;
}

.navheading{
	font-weight: bold;
	border-left: 3px solid #333;

	padding: 3px 7px;
	text-decoration: none;
	color: #333333;
	background-color:#FCE4AA;
	line-height:25px;
}


#highlight{
background:#FFC539;
padding: 2px 6px;
}


/* ------------------- LEFT nav container -------------------------------------------- */

#Lnavcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#Lnavcontainer li { margin: 0 0 0 0; }

#Lnavcontainer a
{
display: block;

text-align:left;	
background-color:#E4EAF2 ;

padding: 10px 10px;
text-decoration: none;
}


#Lnavcontainer a:link, #Lnavcontainer a:visited,#Lnavcontainer a:active
{
font-weight: none;color: #333;text-decoration: none;
}
#Lnavcontainer a:hover
{
font-weight: none;background-color: #A0AEC1;color: #333;
}






/* -------------------nav container -------------------------------------------- */

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0 0 0 0; }

#navcontainer a
{
display: block;

text-align:center;	
background-color:#627894 ;
width: 75px;
padding: 10px 10px;
text-decoration: none;
}


#navcontainer a:link, #navcontainer a:visited,#navcontainer a:active
{
font-weight: none;color: #e4e4e4;text-decoration: none;
}
#navcontainer a:hover
{
font-weight: none;background-color: #A0AEC1;color: #333;
}



/* -----------------------    Vertical CSS -----------------------------------------*/


#menu {padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:500; 
font-family:arial, verdana, sans-serif;}


#menu li {float:left; margin-right:1px;}

#menu li a {display:block; float:left; height:40px; line-height:40px; width:70px;
background:#333; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 30px 0 20px;}

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#c60;}
#menu li:hover {position:relative; z-index:200;}

#menu :hover ul {left:0; top:40px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; 
width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px;background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #666;}
#menu :hover ul li a {width:120px; padding:0; text-indent:10px; background:#333; color:#ccc; 
height:30px; line-height:30px;}
#menu :hover ul li a.fly {background:#333 ;}

#menu :hover ul :hover {background-color:#c60; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#c60; color:#fff;}





/* ------------------- tables and pics -------------------------------------------- */
.picborders {
	BORDER-RIGHT: #ebebeb 10px solid; 
	BORDER-TOP: #ebebeb 10px solid; 
	BORDER-LEFT: #ebebeb 10px solid; 
	COLOR: #0033cc; 
	BORDER-BOTTOM: #ebebeb 10px solid
}
toptableborder {
	BORDER-RIGHT: #666666 1px dashed;BORDER-TOP: #666666 1px dashed;BORDER-LEFT: #666666 1px dashed;BORDER-BOTTOM: #666666 1px
}
.toptableborders {
	BORDER-RIGHT: 1px solid #999999; BORDER-TOP: 1px solid #999999; BORDER-LEFT: 1px solid #999999; BORDER-BOTTOM: 1px #999999;
}
.bottomtableborders {
BORDER-RIGHT: 1px solid #999999;BORDER-TOP: 1px #999999;BORDER-LEFT: 1px solid #999999;BORDER-BOTTOM: 1px solid #999999
}

.bottomborder {BORDER-BOTTOM: 1px solid #999999;}
.borderright{BORDER-RIGHT: 1px solid #999999;}
.borderleft {BORDER-LEFT: 1px solid #999999;}
.maintable {
BORDER-RIGHT: 1px solid #999999;BORDER-TOP: 1px solid #999999;BORDER-LEFT: 1px solid #999999;BORDER-BOTTOM: 1px solid #999999
}



.qtytextbox
{ 
font-family:verdana; 
font-size:8pt; 
background-color:white; 
COLOR: #333333; 
width:35px; 
border:1px;
border:1px solid #999999;
}
.tinytextbox 
{ 
font-family:verdana; 
font-size:8pt; 
background-color:white; 
COLOR: #333333	;
width:50px; 
border:1px;
border:1px solid #999999;
}
.costtextbox
{ 
font-family:verdana; 
font-size:8pt; 
background-color:white; 
COLOR: #333333; 
width:70px; 
border:1px;
border:1px solid #999999;
}
.datetextbox 
{ 
font-family:verdana; 
font-size:8pt; 
background-color:white; 
COLOR: #333333; 
width:80px; 
border:1px;
border:1px solid #999999;
}
.mediumtextbox 
{ 
font-family:verdana; 
font-size:8pt; 
background-color:white; 
COLOR: #333333;
width:100px; 
border:1px;
border:1px solid #999999;
}
.largertextbox 
{ 
font-family:verdana; 
font-size:11px; 
background-color:white; 
COLOR: #333333;
width:300px; 
border:1px;
border:1px solid #999999;
}


.largetextbox 
{ 
font-family:verdana; 
font-size:8pt; 
background-color:white; 
COLOR: #333333; 
width:200px; 
border:1px;
border:1px solid #999999;
}
.button 
{ 
font-family:verdana; 
font-size:8pt; 
background-color:#f7f7f7; 
color:black; 
width:85px; 
border:1px;
border:1px solid #999999;
}