html, body{ margin:0; padding:0; background: url(bg.jpg) top left repeat-x #2D2928; color:#FFFFFF;} 
 

#header{ position:relative; height:82px;  width:400px; background: url(logo.gif) top center no-repeat; margin-left:auto; margin-right: auto; margin-top:10px} 
#header h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:400px;}
#header h1 a{display:block;width:400px;height:82px;}
#header h1 a:hover{display:block;width:400px;height:82px;}
#header h1 span{display:none;}

#menu{background: url(menu_bg.gif) top left no-repeat;  width: 775px; height: 31px; margin-left:auto; margin-right: auto; margin-bottom:14px;}

#menuinner {width: 430px; height: 31px; float:left; margin:0px; border: 0px solid red}
ul#topmenu { margin: 0px; padding: 0px; list-style-type: none; white-space: nowrap;height: 29px; }
ul#topmenu li { float: left; font-family: arial, sans-serif; font-size: 12px; margin: 0px; padding: 8px 0px 7px 0px; background: inherit; border: 0px; font-weight:bold;}
#topmenu a, #navlist a:link { margin: 0;  padding: 8px 7px 7px 10px; color: #FFFFFF; border: 0px; text-decoration: none;}
ul#topmenu li#active { color: #FFFF33;}
#topmenu a:hover { color: #FFFF33; }

#menuright {width: 330px; float:right; font-family:arial; font-size:12px; font-weight:bold; margin:8px 13px 0px 0px; text-align:right; border: 0px solid yellow}
#menuright a {color: white; text-decoration:none}
#menuright a:hover {color: #FFFF33;; text-decoration:none}
.selected{color:#FFFF33;}

#pagewidth{ background: url(main_bg.gif) top center repeat-y; width:914px;  text-align:center;  margin-left:auto;  margin-right:auto; padding: 0px 0px 20px 0px; } 

#maintop{background: url(main_top.gif) top left no-repeat; float: right; display:inline; position: relative; width:914px; height: 13px;}
#mainfooter{background: url(main_footer.gif) top left no-repeat;  margin-left:auto;  margin-right:auto; width:914px; height: 53px;}

#mainnav{ width:745px; margin-left:auto;   margin-right:auto; display:block; margin-top:0px; margin-bottom:0px; height:30px; max-height:30px; padding: 20px 0px 0px 0px}
#title{ width:400px;  text-align:left;  float:left; color:#FFFFFF; font-family:arial; font-style:italic; }
#information{ width:740px;  text-align:left;  color:#FFFFFF; font-family:arial;  font-size: 11px; line-height: 19px; padding-bottom:20px;}
#information a {color: #FFFF33; text-decoration:none;}

#list_information{ width:740px;  text-align:left;  color:#FFFFFF; font-family:arial;  font-size: 11px; line-height: 12px; padding-bottom:20px;}
#list_information a {color: #FFFF33; text-decoration:none;}

ul#mainnavmenu {float:right;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; white-space: nowrap;display:block; width: 300px; }
ul#mainnavmenu li { float: right; font-family: arial, sans-serif; font-size: 12px; margin: 0px; padding: 8px 0px 7px 0px; font-weight:bold;}
#mainnavmenu a, #navlist a:link { margin: 0;  padding: 8px 18px 7px 18px; color: #FFFFFF; border: 0px; text-decoration: none;}
ul#mainnavmenu li#active { color: #FFFF33;}
#mainnavmenu a:hover { color: #FFFF33; }

#divider{border-bottom:1px solid #818284; width: 745px; height: 2px;margin-bottom:26px; display:block; margin-top: 10px;margin-left:auto;  margin-right:auto; }

#breaker{border-bottom:0px solid #818284; width: 745px; margin-bottom:25px; display:block; margin-top: 10px;margin-left:auto;  margin-right:auto; }

#category{ height:300px; width:auto;  text-align:center;  margin-left:auto;  margin-right:auto; margin-top:20px; 
			margin-left:auto; font-family: arial; font-size: 11px; color: white; border: 0px solid red; padding-left:13px}

.menuicon { float:left; text-align:center; width:220px; padding-bottom:20px; border: 0px solid red}
.menuicon a { display: block;color: #FFFFFF; font-family:arial; font-size:12px; text-decoration: none; }
.menuicon a:hover{ color: #FFFFFF;}
.menuicon a img{ margin: 0px 0px 10px 0px;border:1px solid #818382; padding: 3px;}
.menuicon :hover img{ border:1px solid #BBBBBB; padding: 3px; }

#subcat{ width:835px;  text-align:center;  margin-left:auto; margin-right:auto;}

.subicon { float:left; text-align:center; width:200px; padding-bottom:20px;}
.subicon a { display: block;color: #FFFFFF; font-family:arial; font-size:12px; text-decoration: none; }
.subicon a:hover{ color: #FFFFFF;}
.subicon a img{ margin: 0px 0px 10px 0px;border:1px solid #818382; padding: 3px;}
.subicon :hover img{ border:1px solid #BBBBBB; padding: 3px; }

#main{ width:835px;  text-align:center;  margin-left:auto;  margin-right:auto}

.imageicon { float:left; text-align:center; width:208px; padding-bottom:20px;}
.imageicon a {display: block;color: #FFFFFF; font-family:arial; font-size:12px;text-decoration: none; }
.imageicon a:hover{color: #FFFFFF;}
.imageicon a img{ margin: 0px 0px 10px 0px;border:1px solid #818382; padding: 3px;}
.imageicon :hover img{border:1px solid #BBBBBB; padding: 3px; }

#frontpage { width:835px;  text-align:center;  margin-left:auto;  margin-right:auto; padding-top:20px;}
#frontpage a {font-family: arial; font-size: 13px; color: white; text-decoration:none;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}