/**** Globals ****/

body { width:1000px; margin:auto; margin-top:10px; padding:0px; background-color:#000000; font-family:Arial, sans-serif; font-size:11px; line-height:16px; }

.pagename { color:Black; font-family:Arial, sans-serif;}

a, a:visited { color:#AF9E7C; text-decoration:none; }
a:active, a:hover, a:visited:hover { text-decoration:underline; }

br { line-height:9px; }
br.small { line-height:3px; }

h1 { font-family:verdana; font-size:13px; color:#156C37; line-height:18px; font-weight:bold; margin:0px; padding:0px; }
h2 { font-family:verdana; font-size:11px; color:#E00046; line-height:16px; font-weight:bold; margin:0px; padding:0px; }

ul { padding:0px; margin-left:30px; margin-right:0px; margin-top:5px; margin-bottom:5px; }
ol { line-height:16px; }
.header { font:Helvetica, Arial, sans-serif; font-size:11px; font-weight:bold; color:#000000; }
.copy { font:Helvetica, Arial, sans-serif; font-size:11px; line-height:24px; color:#000000; }
a.copy,a.copy:visited,a.copy:active,a.copy:hover,a.copy:visited:hover { cursor:pointer; font:Helvetica, Arial, sans-serif; font-size:11px; line-height:normal; color:#000000; }

form { padding:0px; margin:0px; }
input { font-family:verdana; font-size:11px; line-height:13px;  }
select { font-family:verdana; font-size:11px; line-height:13px;  }
textarea {  font-family:verdana; font-size:11px; line-height:13px; }
.textbox { font-size:11px; line-height:13px; }
.label { vertical-align:top; text-align:right; color:#444444; vertical-align:top; font-family:verdana; font-size:11px; line-height:16px; }
.validation { color:#FF0000; }
.formfield { padding-bottom:5px; padding-left:5px; font-family:verdana; font-size:11px; line-height:16px; }

.datagrid  { border:1px; border:1px solid #cccccc; background-color:white; font-family:verdana; font-size:11px; }
.datagridheader { background-color:#1A713E; color:white; font-family:verdana; font-size:11px; font-weight:bold; }
.datagridheader a { color:white; text-decoration:underline; }
.datagridheader a:visited { color:white; text-decoration:underline; }
.datagriditem { border:1px; background-color:white; font-family:verdana; font-size:11px; }
.datagriditem_alt { border:1px; background-color:#eeeeee; font-family:verdana; font-size:11px; }
.datagridfooter {	background-color:#dddca3; line-height:10pt; }

.heightfix { display:none; }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.clearfix { display:inline-block; } 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;}
/* End hide from IE-mac */

/**** Navigation Styles ****/
.NavGroup { background-color:#000000; margin:0px; cursor:pointer; }
.TopItem { color:#FFFFFF; font-weight:bold; }
.TopItemHover { color:#000000; font-weight:bold; }
.TopItemExpanded { color:#000000; font-weight:bold; }
.TopChildItem { }
.TopChildItemHover { font-weight:bold; }
.TopChildItemExpanded { font-weight:bold; } 

img.style { height:9px; padding:0 40px 0 20px;}
ul.nav { position:relative; top:8px; left: 60px; height:25px; padding:0; margin:0; list-style-type:none; }
ul.nav li a, ul.nav li a:visited { height:25px; line-height:15px; text-decoration:none; font-size:12px; }
ul.nav li a:hover { color:#FFF; text-decoration:none; }
ul.nav li { float:left; padding:0 10px 0 15px;}

/*

ul.subnav { float:left; margin:0; padding:0; }
ul.subnav li a.Lefton { text-decoration:none; font-size:12px; color:#FFF;}
ul.subnav li a.Leftoff { text-decoration:none; font-size:12px; color:#948158;}
ul.subnav li a.Leftoff:hover { color:#FFF; text-decoration:none;}
ul.subnav img.sub { display:block; float:left; padding:7px 3px 0 0; }

ul.subsub { float:left; margin:0 0 0 50px; }
*/

/**** Subpage ****/

#contentpane { width:1000px;  border:1px solid #AE9C79; line-height:20px; }

#masthead { width:1000px; height:91px; background-image:url(../images/masthead.gif); background-repeat:no-repeat; text-align:right; }
#masthead img {width:134px; height:87px; border:none; padding: 0 2px 0 0; color:White;}
#masthead .logo {width:298px; height:69px; float:left; margin:10px 0 0 40px; border:none; padding: 0 2px; color:White;}

#topnav { position:relative; z-index:2; top:0; width:1000px; height:25px; background-image:url(../images/nav.gif); background-repeat:no-repeat; padding:0 0 20px 0; }

#mbuffer { float:left; width:1000px; height:23px; background-image:url(../images/mbuffer.gif); background-repeat:no-repeat; }

#content { float:left; width:1000px; background-image:url(../images/content_bkg.gif); background-repeat:repeat-y;}
#content #left { float:left; width:156px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#content #left #leftnav { float:left; width:126px; margin:27px 0 60px 0; padding:0 0 0 30px;}
#content #left #leftnav ul.subnav { padding:0; margin:0; list-style-image:url(../images/leftnav_bullet.gif); }
#content #left #leftnav ul.subnav li { margin:0; padding:3px; line-height:16px; }
#content #left #leftnav ul.subnav li a { margin:0; padding:0; line-height:16px; }

#content #left #leftnav ul.subsub { padding:5px 0 5px 5px; margin:0; list-style-image:url(../images/sub-box.gif); }




/*
#content #left .on { display:block; width:115px; color:white; margin:3px 0; }
#content #left .off { display:block; width:115px; color:#948158; margin:3px 0;}
#content #left .off:hover { display:block; width:115px; color:white; margin:3px 0; }
#content #left img.bullet { display:block; float:left; padding:12px 0 0 0; margin:0 5px 0 37px;}
#content #left .Lefton  { float:left; width:100px; text-align:left; cursor:pointer; margin:0 0 0 0px; color:white; line-height:16px; padding:7px 0 0 0; }
#content #left .Lefton  { text-decoration:none; }
#content #left .Leftoff { float:left; width:100px; text-align:left; cursor:pointer; margin:0 0 0 0px; color:#948158; line-height:16px; padding:7px 0 0 0; }
#content #left .Leftoff:hover { color:#FFF; text-decoration:none; }
*/

.catalogtable { background-color:#999999; font-size:10px; }
.catalogtable td { background-color:#FAF4E9; }

#content #left #stars { float:left; width:161px; height:41px; background-image:url(../images/left_stars.jpg); background-repeat:no-repeat; width:161px;}
#content #left #picture { float:left; width:161px; vertical-align:bottom;}

#content #right { float:right; width:839px;}
#content #right #hack { padding:27px 17px 0px 17px; }

/****Catalog****/

.catalog { float:left; width:571px; height:180px; clear:both; }
.image { }

#footer { float:left; width:1001px; height:57px; background-image:url(../images/footer.gif); background-repeat:no-repeat; background-position:top;  }
