body {  
    background-attachment: fixed;
    background-color: #ffffff;
    background-position: top center;
    background-repeat: no-repeat;
    margin-top: 0px;
    min-width: 910px;
    text-align: center;
	font-family:Tohoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3d2f2f;
}
td {
font-size: 11px;
}

#twitter_update_list li {
list-style-type: none;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#twitter_update_list span {
color: #333333;
background: none;
}
#twitter_update_list span a {
display: inline;
color: #000000;
}
#twitter_update_list span a:hover {
text-decoration: underline;
color: #666666;
}
#container {
    background: #333300;
    margin: 0 auto;
    text-align: left;
    width: 910px;
}
h2 {
line-height: 20px;
font-size: 120%;
font-weight: bold;
color: cc3333;
}
.pubheader {
line-height: 20px;
font-size: 110%;
font-weight: bold;
color: cc3333;
}
h3 {
font-size: 110%;

}

/**********
Head

**********/


#masthead{
	width: 910px;
	text-align: left;
	background: #333300;
}
#mastbody{
	width: 910px;
	height: auto;
	background: #333300;
}
.daily {
width: 100px;
height: 50px;
padding: 3px;
font-size:11px; 
}
.boxwhite{
background-color:#333300;
border-style: solid;
border-width: 1px;
border-color:#333333;
padding: 3px; 
}
.boxyellow{
background-color:#FFFFCC;
border-style: solid;
border-width: 1px;
border-color:#333333;
padding: 3px; 
}
.boxgray{
border-bottom-color:#333333;
border-style:solid;
border:thin;
padding: 3px; 
}

.floatLeft{
float:left;
width:auto;
border:#330000 thin;
padding: 2px;
}
.floatRight{
float:right;
width:auto;
}
.floatRight2{
float:right;
width:350px;
border:#0000CC;
background-color;
padding: 3px;
}
/*****
main nav
****/
#mainnav
{
	
	color: #000000;
	padding: 2px 0;
	margin-bottom: 3px;
}

#mainnav ul
{
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
	border-left: 0px solid #333300;
}

#mainnav li
{
	display: inline;
	padding: 0 10px;
	border-right: 0px solid #fff;
	font-size:11px;
	font-weight:bold;
}

#mainnav li a
{
	text-decoration: none;
	color: #993300;
}

#mainnav li a:hover
{
	text-decoration: none;
	color: #3366cc;
	background-color: #333300;
}/*****
main nav
****/
#mainnav2
{
	background-color: #333300;
	color: #000000;
	padding: 2px 0;
	margin-bottom: 3px;
}

#mainnav2 ul
{
	margin: 0px;
	padding: 0;
	list-style-type: none;
	border-left: 0px solid #333300;
}

#mainnav2 li
{
	display: inline;
	padding: 0 10px;
	border-right: 0px solid #fff;
	font-size:11px;
	font-weight:bold;
}

#mainnav2 li a
{
	text-decoration: none;
	color: #993300;
}

#mainnav2 li a:hover
{
	text-decoration: none;
	color: #3366cc;
	background-color: #333300;
}
/**********

MENU leftSide

**********/
.leftSide a  {color: #666666;text-decoration:none;}
.leftSide li a  {font-size: 100%;}
.leftSide a:hover { color: #b30000; text-decoration:none;}

.leftSide {
float: left;
width: 191px;
margin: 0 0 15px 0;
}

.leftSide ul, .leftSide .newsletter p{
background: #333300;
list-style: none;
padding: 10px 0 10px 10px;
}
.leftSide ul{padding-top: 1px;}
.leftSide li{
/* background: url(images/puce2.gif) 0 5px no-repeat;*/
margin: 0 0 1px 0;
padding: 3px 0;
text-indent: 5px;
width: 175px;
border-bottom: 1px dotted #b0b0b0;
vertical-align:middle;
}

.leftSide h1{
	background: url(images/menu_g_top.png) 0 0 no-repeat;
	line-height: 28px;
	width: 191px;
	font-size:11pt;
	font-weight: bold;
	margin: 10px 0 0 0;
	text-indent: 10px;
	color:#333333;
}
.leftside h2 {
line-height: 20px;
font-size: 110%;
font-weight: bold;
color: cc3333;
}
.rightSide {
width: 700px;
margin: 0 4px 0 0;
}
/*********

form

********/
.theform1 form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% Georgia, "Times New Roman", Times, serif;
  margin: 0;
  padding: 0;
  min-width: 200px;
  max-width: 400px;
  width: 300px; 
}

.theform1 form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  width: 350px;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

.theform1 form fieldset legend {
font-size: 120%;
font-weight: bold;
color: cc3333;
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

.theform1 form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

.theform1 form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

.theform1 form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.theform1 form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
/******

products

******/
#prod table { width: 650px; }
#prod td { width: 150px; }
#prod form { font:100% Georgia, "Times New Roman", Times, serif;
  margin: 0;
  padding: 0;
  min-width: 130px;
  max-width: 150px;
  width: 140px; 
}
#prod img { width: 150px; }
#prod input { font:100% Georgia, "Times New Roman", Times, serif;
  margin: 0;
  padding: 0;
  min-width: 130px;
  max-width: 150px;
  width: 140px; 
}

.footer {text-align:center; font-size: 90%;color:#000000;}
/*******
hover examples
*******/
.example1 a{position:relative;}/* set stacking context*/
.example1 a span{
visibility:hidden;/* hide message initially*/
position:absolute;
top:-66px;
left:-70px;
width:250px;
padding:5px;
background:#333300;
color:#ffffff;
border:2px inset green;
}
.example1 a:hover{visibility:visible}/* ie bug needed to make span show*/
.example1 a:hover span{visibility:visible;}/* reveal image*/
/*****  
page column 3 equal
****/
.xouter3a{
width:650px;
border:0px solid #000;
float:left;
padding: 15px 15px 15px 30px;
}
.xouter3{
width:790px;
border:0px solid #000;
float:left;
padding: 15px 0px 15px 0px;
}
.xleftcol3{
float: left;
width: 33%;
background:none;
margin-left: 1%;
margin-right: 1%;
margin-top: 8px;
margin-bottom: 8px;
}
.xmiddlecol3 {
overflow:auto;
background:#fff;
margin-left: 1%;
margin-right: 1%;
margin-top: 8px;
margin-bottom: 8px;
}
* html .xmiddlecol3{float:left}
* html .xmiddlecol3 .xinner3{width:100%;}

.xrightcol3 {
float:right;
width: 33%;
background:#fff;
margin-left: 1%;
margin-right: 1%;
margin-top: 8px;
margin-bottom: 8px;
}
/*****  
page column 
****/
.xouter2{
width:100%;
border:0px solid #000;
float:left;
margin:15px 3% 15px 3%;
}
.xleftcol2{
float: left;
width: 25%;
background:none;
margin:8px;
}
.xmiddlecol2 {
overflow:auto;
background:none;
margin:8px;
}
* html .xmiddlecol3{float:left}
* html .xmiddlecol3 .xinner3{width:100%;}

.xrightcol2 {
float:right;
width: 25%;
background:none;
margin:8px;
}