/* 	2000 AD style sheet 
	Craig Grannell, September 2001
	www.designation.com
	This revision - version 1.0 - 120901 
*/

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #fff; text-align: center; margin-top: 0px; margin-bottom: 0px;}

#frame {width: 760px; padding: 0px; text-align: left; border: solid 1px #000; border-top: 0px; border-bottom: 0px; background-color: #fff;}
#framebanner {width: 760px; margin: 0px auto 0px auto; padding: 0px; text-align: left; background-color: #ddd;}

h1 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #000;}
h2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #000;}
h3 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #000;}
h4 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9px; color: #000;}

p, td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}
.redtext {color: #be0507;}
.brightred {color: #ff3300;}
.white {color: #ffffff;}
.16point {font-size : 16px;}
.tinytext {font-size: 8pt;}
.smalltext {font-size: 10px;}
.icons {font-family: JudgementIcons;}
.linkhead {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; text-decoration: none; line-height: 10pt; color: #fff;}

.center {text-align: center;}
.stroke {border: solid 1px #000;}
.stroke2 {border: solid 2px #000;}

td.border {color: #000; background-color: #fff; border: solid 1px; border-color: #000; padding: 5px;}
td.border0 {border: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-size: 10px; color: #000;}

/*
td.tabletext {font-size: 12px; color: #336699; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
td.border { border:"0.05cm outset #00AAAA"; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-size: 10pt; color: #FFFF00; }


th.border { border:"0.05cm outset #00AAAA"; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-size: 12pt; color: #000000; }
th.border0 { border:"0.00cm"; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-size: 12pt; color: #000000; }
*/

a.menu:link {color: #a97b00; font-weight: bold; text-decoration: none;}
a.menu:active {color: #a97b00; font-weight: bold; text-decoration: none;}
a.menu:visited {color: #a97b00; font-weight: bold; text-decoration: none;}
a.menu:hover {color: #edac00; font-weight: bold; text-decoration: none;}
a.topmenu:link {color: #d6d5d4; font-weight: bold; text-decoration: none;}
a.topmenu:active {color: #d6d5d4; font-weight: bold; text-decoration: none;}
a.topmenu:visited {color: #d6d5d4; font-weight: bold; text-decoration: none;}
a.topmenu:hover {color: #ffffff; font-weight: bold; text-decoration: none;}
a.bbs:visited {color: #663300; font-weight: bold; text-decoration: none;}
a:link {color: #be0507; font-weight: bold; text-decoration: none;}
a:active {color: #be0507; font-weight: bold; text-decoration: none;}
a:visited {color: #be0507; font-weight: bold; text-decoration: none;}
a:hover {color: #ff3300; font-weight: bold; text-decoration: none;}

/* lc = link container */

.lc {
float: left; 
margin: 0px; padding: 0px;
}

.lc a {
font: bold 11px Arial, sans-serif; 
text-transform: uppercase;
background-color: #494966; color: #fff;
text-decoration: none;
border-bottom: solid 5px #494966;
}



.lc a:hover {
border-bottom: solid 5px #fff;
text-decoration: none;
color: #fff;
}

.lc a:hover {
border-bottom: solid 5px #fff;
}

#pullnav .lc a {
padding: 19px 5px 2px 5px; 
text-transform: uppercase;
}

#mainnav .lc a {
padding: 11px 5px 3px 5px;
text-transform: uppercase;
}

/* IE 5 Mac hack - this doesn't validate */

html*#pullnav a, html*#mainnav a {float: left;}

/* IE 5 Mac escape \*/

/*#pullnav a, #mainnav a {float: none;}*/

/* End escape */ 

/* --- sub-navigation styling --- */

#subnavcontent .zonepic {
border-top: 10px solid #fff;
margin-bottom: 10px;
padding: 0; margin: 0;
}

#subnavcontent h1, #subnavcontent h2, #subnavcontent p {
color: #666;
padding-left: 10px;
margin-right: 0;
margin-left: 0;
}

#subnavcontent h1, #subnavcontent h2 {
text-transform: uppercase;
}

#subnavcontent h1 {
font: bold 12px Arial, sans-serif;
line-height: 14px;
margin: 10px 0 0 0;
padding-left: 25px;
background: url(/images/template/bullet_9px_square.gif) 10px 2px no-repeat;
}

#subnavcontent h2 {
font: bold 14px Verdana, Arial, sans-serif;
margin-top: 0;
margin-bottom: 10px;
}

/* extra rule for IE 5.5/Win */
#subnavcontent h1, #subnavcontent h2 {
text-transform: uppercase;
}

/* sub-nav lists */

/* - removed
#subnavcontent ul {
padding: 0;
margin: 0;
}
*/

#subnavcontent a {
color: #333;
}

#subnavcontent ul {
margin: 0 0 0 10px;
padding: 0;
}

#subnavcontent li {
padding: 0;
margin-left: 0;
margin-bottom: 4px;
line-height: 14px;
}

#subnavcontent ul li ul {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
padding-left: 10px;
padding-right: 20px;
margin-right: 0;
margin-left: 0;
margin-top: 3px;
list-style-type: none;
text-transform: none;
}

.navlevelone {
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
padding-left: 10px;
padding-right: 10px;
margin-right: 0;
margin-left: 0;
list-style-type: none;
text-transform: uppercase;
}

/* extra rule for IE 5.5/Win */
.navlevelone {
text-transform: uppercase;
}

.navleveltwo {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
padding: 0 20px 0 10px;
margin-right: 0;
margin-left: 0;
list-style-type: none;
text-transform: none;
}

.defaultList {
display: none;
}

#pullnav a, #mainnav a {display: block;}

#pullnav a.navsubscribe {
background-color: #babac6;
color: #383854;
border-bottom: solid 5px #babac6;
}

#pullnav a.navsubscribe:hover {
background-color: #babac6;
border-bottom: solid 5px #fff;
text-decoration: none;
color: #383854;
}

#banner img {
border: 2px solid #333;
margin: 0px 0 0px 0;
}


/* search area */

form.searchform {
margin: 0 0 10px 0;
}

.searchbox {
border: 1px solid #fff;
font: 11px Verdana, Arial, Helvetica, sans-serif;
background-color: #53536c;
color: #fff;
width: 92px;
margin-left: 10px;
}

.searchgo {
background-color: #bbb6c1;
color: #fff;
border: 1px solid #fff;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
width: 32px;
}


/*
a.pagelinks {font-weight: bold; color: #CCCCCC; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 11pt; }
a.pagelinks:visited {color: #CCCCCC; font-weight: bold;}
a.pagelinks:hover {color: #FFFFFF; font-weight: bold; }

a.tablelinks {font-weight: bold; color: #CCCCCC; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; line-height: 11pt; }
a.tablelinks:visited { color: #CCCCCC; font-weight: bold;}
a.tablelinks:hover {  color: #FFFFFF; font-weight: bold; }
*/
/* --- content area --- */

/* boxout stuff */

#boxout {
background-color: #EEEEFF;
float: right;
margin-left: 16px;
padding-bottom: 1.5em;
text-align: center;
}

/* boxout widths */

/* 200px - homepage */
#boxsize200 #boxout {
width: 200px;
}

#boxsize200 #content p {
margin-right: 216px;
}

#boxsize200 #content td p {
margin-right: 0px;
}

#boxsize200 .separator {
margin-right: 216px;
}

#boxsize200 #boxout p {
width: 190px;
margin-right: 0;
}

/* 100px */
#boxsize100 #boxout {
width: 100px;
}

#boxsize100 #content p {
margin-right: 116px;
}

#boxsize100 #content td p {
margin-right: 0px;
}

#boxsize100 .separator {
margin-right: 116px;
}

#boxsize100 #boxout p {
width: 90px;
margin-right: 0;
}

/* 0px - for pages with no sidebar */
/*#boxsize0 #boxout {
display: none;
}*/

#boxsize0 #content p {
margin-right: 0px;
}

#boxsize0 .separator {
margin-right: 0px;
}

/*#boxsize0 #boxout p {
display: none;
}*/



/* boxout content */

#boxout h1, #boxout h2 {
background-color: #bbb6c1;
font: bold 13px Arial, sans-serif;
color: #383854;
text-transform: uppercase;
padding: 6px 8px 4px 8px;
text-align: left; 
} 

#boxout h1 {
margin: 0;
text-transform: uppercase;
}

#boxout h2 {
margin: 10px 0 0 0;
text-transform: uppercase;
}

#boxout p {
padding-left: 5px;
padding-right: 5px;
margin-right: 0;
margin-top: 1em;
margin-bottom: 0;
text-align: left; 
}

#boxout li {
text-align: left; 
}
#footerleft {
background: #EEEEFF;
}

#footer {
background: #EEEEFF;
height: 85px;
padding-top: 3px;
padding-left: 15px;
}

#footer a {
color: #000;
}

#footer a:hover {
color: #d4d4ed;
}


#footer p {
color: #000;
font: 11px Verdana, Arial, sans-serif; 
line-height: 1.3em;
margin: 0;
padding: 18px 30px 0 0;
}

.smallBox {width: 110px;height: 175px;float: left;margin-right: 10px;text-align: center;}
.tallBox {width: 110px;height: 240px;float: left;margin-right: 10px;text-align: center;}
.amazon {width: 120px;height: 480px;float: right;margin-right: 0px;text-align: center;}
.wideBox {width: 200px;height: 150px;float: left;margin-right: 10px;text-align: center;}
.clearBoth {clear: both;}