body{
	margin: 0 auto;
	padding: 0;
	color: #555555;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #FFFFFF url(images/bg.jpg);
}
input{
	margin:1px;
	}
a{
}
a:hover{
	text-decoration:underline;
	}


.style1 {
        background-image: url('keithics_01/images/top_nav_bg.jpg');
        vertical-align: middle;
        text-align: center;
        height: 57px;
}
.style2 {
        font-weight: normal;
        vertical-align: baseline;
}
.style3 {
        text-align: center;
}
.style4 {
        margin-bottom: 0px;
}
.style5 {
        border: thin solid #000000;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        background-position: center center;
        background-image: url('media/blockdefault.gif');
        background-color: transparent;
        background-repeat: repeat-x;
        font-size: x-small;
}
.style6 {
        font-size: x-small;
        font-variant: small-caps;
        text-align: center;
}
.style7 {
        margin-left: -40px;
}
.solidblockmenu {
        color: #555555;
        margin-left: 0px;
}



.maintable{
border-left:#666666 solid 1px;
border-right:#666666 solid 1px;
}
.top_nav_bg{
vertical-align:middle !important;
vertical-align:top;
background:#FFFFFF url(images/top_nav_bg.jpg) top repeat-x;
height:23px;
font-size:small;
font-weight:bold;
padding-top:0.9em;
padding-bottom:0.9em;
}
.search_form{
float:left;
margin-top:-.5em;
padding-left:25em;
}
.main_top_nav{
padding-left:20px;
	}
.top_nav a{
float:left;
color:#000000;
text-decoration:none;
font-size:x-small;
}
.top_nav2 a{
float:left;
color:#000000;
text-decoration:none;
width:70px;
font-size:x-small;
}
.top_nav a:hover{
float:left;
color:#990000;
text-decoration:underline;
font-size:x-small;
}
.top_nav2 a:hover{
float:left;
color:#990000;
text-decoration:underline;
width:70px;
font-size:x-small;
}
.header{
background:#990000 url(images/header_bg.jpg) repeat-x;
height:179px;
}
#header_spacer{
background-color:#000000;
height:6px;
}
#companyID{
float:left;
margin-top:3em;
}
#company_logo{
float:right;
}
#company_name{
color:#FFFFFF;
font-weight:bold;
float:left;
font-size:medium;
}
#company_slogan{
clear:left;
color:#FFFFFF;
font-weight:bold;
}
.header_bg{
background:#990000 url(images/left_header_bg.jpg) no-repeat top right;
height:180px;
width:614px;
}

#navi{
background:#CCCCCC url(images/navi_bg.jpg) repeat-X;
font-weight:bold;
text-transform:uppercase;
font-size:x-small;
text-align:center;
height:32px;
}
.navi a{
background:url(images/navi_divider.jpg) top right no-repeat;
float:left;
height:22px;
color:#000000;
text-decoration:none;
padding-top:10px;
width:19%;
}
.navi a:hover{
text-decoration:underline;
color:#CC0000;
}
#leftpanel{
background:#000000 url('images/left_panel_bg.jpg') repeat-x 50% top;
width:200px;
vertical-align:top;
border-right:#999999 solid 1px;
}

#mainbody{
height:500px;
vertical-align:top;
padding-top:1em;
padding-left:3em;
padding-bottom:5em;
}
.news{
padding-left:1em;
padding-top:2em;
padding-right:1em; /* for cross-browser's sake */
width:180px; 
}
.news_header{
font-weight:bold;
color:#000000;
}
.news_text{
background-color:#FFFFFF;
margin-top:20px;
padding-top:1em;
padding-right:.5em;
padding-left:.5em;		
padding-bottom:2em;
border:#999999 1px solid;
}
.news_text a{
float:right;
text-decoration:none;
color:#FF6600;
font-weight:bold;
font-size:xx-small;
}
.news_text a:hover{
float:right;
text-decoration:underline;
color:#FFCC00;
font-weight:bold;
}
#footer{
background:#990000 url(images/footer_bg.jpg) repeat-x;
height:90px;
text-align:center;
color:#FFFFFF;
font-size:x-small;
font-weight:bold;
vertical-align:bottom;
}
.footer a{
text-decoration:none;
color:#FFFFFF;
}
.footer a:hover{
text-decoration:underline;
color:#FFFFFF;
}
/* mainbody */
.headermain{
font-size:14px;
font-weight:bold;
border-bottom:#CCCCCC 1px solid;
color:#FF6600;
}
#link_shopping{
text-align:right;
background:#FFFFFF url(images/bg_form_log.jpg) repeat-x;
height:38px;
padding-right:2em;
font-weight:bold;
}
#welcome{
float:left;
padding-left:3em;
}
.subtable{
padding:1px;
}

.note{
font-size:x-small;
color:#FF6600;
font-weight:bold;
padding-top:.25em;
}
.total{
height:30px;
color:#000000;
font-weight:bold;
background-color:#F8F8F8;
text-indent:.5em;
}
.subheader{
font-weight:bold;
font-size:small;
height:25px;
}
	

.solidblockmenu{
margin: 0;
padding: 0;
font: bold 13px Arial;
width: 100%;
border: 0px solid #625e00;
border-width: 0px 0;
background: black url(media/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
	float: left;
	color: #F8F8F8;
	padding: 9px 11px;
	text-decoration: none;
	border-right: 0px solid white;
	background-repeat: repeat;
	width: 120px;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(media/blockactive.gif) center center repeat-x;
}

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.shiftcontainer{
position: relative;
left: 10px; /*Number should match -left shadow depth below*/
top: 10px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 151px; /* container width*/
height: 113px;
background: transparent url(http://www.dynamicdrive.com/cssexamples/media/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdiv{
position: relative;
left: -10px; /*shadow depth*/
top: -10px; /*shadow depth*/
}


<![if !IE 6]>

.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 100px; /* container width*/
height: 75px;
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}


<![endif]>



<!--[if IE]>
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
<![endif]-->