@charset "UTF-8";
/* CSS Document */

body {margin:0;padding:0;background:white;font-size:1.0em;}
html  {overflow-y: scroll;}

#container {width:950px;margin:0 auto;}
#header {background:url(image/header.jpg);width:950px;height:130px;}
#content {width:950px;float:left;}
#footer {clear:both;width:950px;background:url(image/footer.jpg) top;padding:5px 0;}
#footer p {text-align:center;font-weight:bold;}
#nav {width:950px;margin-bottom:5px;}

a:link {color:black;text-decoration:underline;font-weight:bold;}
a:visited {color:#333333;font-weight:bold;}
a:hover {color:#0099FF;text-decoration:none;}
a:active {}

h4 {font-family:Arial, Helvetica, sans-serif;font-size:110%;color:#006699;}
h2 {font-family:Arial, Helvetica, sans-serif;font-size:90%;color:#333333;}
h3 {font-family:Arial, Helvetica, sans-serif;font-size:80%;margin-top:-5px;color:#999999;}
h1 {font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#006699;}
p  {font-family:Arial, Helvetica, sans-serif;font-size:83%;color:#333333;line-height:1.2em;}
.column2-unit-left ul,.column2-unit-right ul,.column1-unit ul {font-family:Arial, Helvetica, sans-serif;font-size:83%;color:#333333;line-height:1.2em;}

.column1-unit {width:936px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:460px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:460px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:295px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/}
.column3-unit-middle {float:left; width:295px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:24px;}
.column3-unit-right {float:right; width:295px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.column2prod-unit-left {float:left; width:600px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2prod-unit-right {float:right; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.box {border:#0066cc 1pt solid;}
.box h1 {background:#0066cc;color:white;padding:4px 0;margin-top:-2px;width:100%;text-align:center;}
.box p,h2,h3 {padding:0 6px;}

.clear {clear:both;visibility:hidden;}
.left {float:left;margin-right:8px;}
.right {float:right;margin-left:8px;}
.bold {font-weight:bold;}
.listnone {list-style: none;}

/* BOX */

.block1 .r { background:url(image/line1.gif) right top repeat-y;}
.block1 .b { background:url(image/line1.gif) left bottom repeat-x;}
.block1 .l { background:url(image/line1.gif) left top repeat-y;}
.block1 .t { background:url(image/line1.gif) left top repeat-x;}
.block1 .l_t { background:url(image/l_t_1.gif) no-repeat left top;}
.block1 .r_t { background:url(image/r_t_1.gif) no-repeat right top;}
.block1 .r_b { background:url(image/r_b_1.gif) no-repeat right bottom;}
.block1 .l_b { background:url(image/l_b_1.gif) no-repeat left bottom; width:100%;}
.block1 .ind { padding:12px 7px 14px 7px;}


#chromemenu{
width: 949px;
font-weight: bold;
font-size: 85%;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(media/chromebg.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
font-family:Arial, Helvetica, sans-serif;
}

#chromemenu ul li a{
color: #494949;
padding: 5px 30px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

#chromemenu ul li a:hover{
background: url(media/chromebg2.gif) center center repeat-x;
}