html
{
    height: 100%;
    margin: 0;
    padding: 0;
}

body
{
    height: 100%;
    margin: 0;
    padding: 0;
	color:#333333;
	background-image:url(../img/bg_page.jpg);
	background-repeat:repeat-x;
	background-color:#366da5;
	font-family: "MS UI Gothic", MS Gothic, Osaka, Arial, Helvetica, sans-serif; 
	line-height:1.2em;
	text-align:left;
	font-size:85%;
}


a:link {color:#FF0000; text-decoration: underline; }
a:visited {color:#0066CC; text-decoration: underline; }
a:hover {color:#00CC00; text-decoration: underline; }
a:active {color: #00CC00; text-decoration: none; } 

.menu-option a:visited
{
    color:#CC0000;
    text-decoration: none;
}

.menu-option a:hover
{
    color:#0099FF;
    text-decoration: underline;
}



h1 { 

	font:110% "MS UI Gothic", MS Gothic, Osaka, Arial, Helvetica, sans-serif; 
	margin:0 0 -0.5em 0;
	font-weight:bold;
}

h2 {
	font:110% "MS UI Gothic", MS Gothic, Osaka, Arial, Helvetica, sans-serif; 
	margin:0 0 -0.5em 0;
	font-weight:bold;
}
	h1, h2 {
			color:#009900;
	}

h4 { 
	font: "MS UI Gothic", MS Gothic, Osaka, Arial, Helvetica, sans-serif; 
	margin:0 0 0.5em 0;
	font-weight:bold;
	border-bottom:1px solid #666666;
}


div#container-border
{
    position: relative;
    /*overflow: hidden; */
	height: auto!important;
	min-height:95%;
	height:95%;
    width: 770px;
    background-color: White;
	background-image:url(../img/bg_content.gif);
	background-repeat:repeat-y;
    margin: 0 auto;
    padding: 0;
}

div#header
{
    background-color: White;
    width: 770px;
    height: 92px;
    margin: 0;
    padding: 0;
	background-image:url(../img/bg_header.gif);
}

div#header img
{
    float: left;
    margin: 5px 0 0 5px;
    border: none;
    text-align: left;
}

div#menu-bar
{
	float:right;
    margin: 5px 5px;
}

.menu-option
{
    padding: 0;
    margin: 0;
}

.menu-option a
{
    font-size: 90%;
}

.menu-option a:link
{
    color: Black;
    text-decoration: none;
}

.menu-option a:visited
{
    color: Black;
    text-decoration: none;
}

.menu-option a:hover
{
    color: Red;
    text-decoration: underline;
}

div#navbar
{
    height: 23px;
	width: 768px;
	background-image:url(../img/bg_nav.gif);
	background-repeat:repeat-x;
	background-color:#3d3320;
	color:#FFFFFF;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
	text-align:center;
	padding-top:5px;
	font-size:90%;
	font-family: "MS UI Gothic", MS Gothic, Osaka, Arial, Helvetica, sans-serif; 
}

.navitem
{
margin:0 15px 0 15px;

}

a.navitem:link {color:#FFFFFF; text-decoration: none; }
a.navitem:visited {color: #FFFFFF; text-decoration: none; }
a.navitem:hover {color:#FFCC00; text-decoration: none; }
a.navitem:active {color: #FFFFCC; text-decoration: none; }


div#navmenu
{
    float: right;
    display: inline;
    margin-right: 1px;
    width: 170px;
}

div#headermedia{
	top:0px;
	width: 100%;
	background-color:#999999;
	height:290px;
}

div#content
{
    float: left;
    display:inline;
    margin-left: 10px;
    width: 570px;
}

div#footer
{
    clear: both;
    margin: 0 auto;
    padding: 0;
    background-color: #55472d;
    width: 770px;
    height: 24px;
	position:relative;
	text-align:center;
}

.footernav
{
margin:0 10px 0 10px;

}

a.footernav:link {color:#FFFFFF; text-decoration: none; }
a.footernav:visited {color: #FFFFFF; text-decoration: none; }
a.footernav:hover {color:#FFCC00; text-decoration: none; }
a.footernav:active {color: #FFFFCC; text-decoration: none; }


div#footer p
{
    font-family: MS Gothic;
    font-size: 11px;
    margin: 0 auto 0 0;
	color:#FFFFFF;
	padding-top:5px;
}

div#banners{
	width:100%;
	text-align:center;
	background-image:url(../img/bg_banners.jpg);
	background-repeat:no-repeat;
	background-position:top;

}

div#callout{
	position:relative;
	float:right;
	height:50px;
	width:320px;
	clear:right;
}

.number {
	font:110% Verdana, Helvetica, sans-serif ;
	color:#003399;
	font-weight:bold;
	}
.time {
	font-size:80%;
	font-weight:normal;
	}
	
div#contentSection {
	margin: 10px 0;
	padding: 10px 10px;
	border: 1px solid #ccc;
	background-image:url(../img/bg_section.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	overflow:auto;
}

div#contentSection p{
	line-height:1.5em;
}

div#contentSection img
{
	
    display:block;
	margin: 5px;
}

.attention {color: #FF0000}
	
	
.employment {
	border-bottom:1px dashed #999999;
	}
	
div#productIndex {
	margin: 5px 0 10px 0;	
	padding: 10px 5px;
	background-color: #F5F5F5;
	border-top: 2px solid #339933;
	text-align: center;
	}
	
div#productIndex a:link {color:#FF0000; text-decoration: none; padding:3px;}
div#productIndex a:visited {color: #0066CC; text-decoration: none; }
div#productIndex a:hover {color:#FFFFFF; text-decoration: none; background-color:#FF0000;}
div#productIndex a:active {color: #009900; text-decoration: none;}

div#productIndex img
{
    display:inline;
	clear:none;
	margin:0px;
}

.currentPage{color:#000000; padding:3px; font-weight:bold;}	

div#shopMenu {
	width:170px;
	text-align:left;
	margin:15px 0 10px 0;
	line-height:1.7em;
}


div#shopMenu a:link {color:#0066CC; text-decoration: none; border-top:1px solid #999999; display:block;}
div#shopMenu a:visited {color:#999999; text-decoration: none; border-top:1px solid #999999; display:block;}
div#shopMenu a:hover {color:#FFFFFF; text-decoration: none; background-color:#0066CC;}
div#shopMenu a:active {color: #009900; text-decoration: none; border-top:1px solid #999999; display:block;}

div#shopDesc {
	position:relative;
	margin: 0;
	padding: 10px 10px;
	overflow: auto;
	border: 1px solid #ccc;
	background-image:url(../img/bg_section.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
}

div#shopDesc p{
	line-height:1.5em;
}

div#shim {
clear:both; 
height:1px;
margin:0px;
padding:0px;
}

div#shopBreadcrumbs{
	position:relative;
	margin: 0;
	padding:10px 0 0 10px;
	border: 1px solid #ccc;
	background-image:url(../img/bg_section.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	height:25px;
}