*  {margin: 0; padding: 0;}

body,td,p { font: 72%/160% Tahoma, Verdana, "Lucida Sans Unicode", Helvetica, Arial, sans-serif;  color: #525252; font-weight: normal;  text-align: left;}
h2, h3, h4, h5, h6, p, ul, ol, dl, address, img {margin: 0 0; padding: .5em 0;}

h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, sans-serif; font-weight: bold;}
h1 {display: inline; float: center; width: 10%; min-height: 55px; font-size: 200%;}
h1:hover, h1:focus, h1:active

h1 span {color: #fff; font-size: 80%;}
h2 {font-size: 160%;}
h3 {clear: left; font-size: 140%;}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
h6 {font-size: 100%;}

img, img a {border: none;}

p {max-width: 64em; font-size: 100%;}

a {text-decoration: none;}
a:link, a:visited {color: #009CE8;}
a:hover, a:active, a:focus {color: #006699;}

ul {list-style-type: disc;}
li {max-width: 64em;}

dt {font: 110% Helvetica, Arial, sans-serif; font-weight: bold; max-width: 64em;}
dt span {display: block; font-weight: normal;}
dd {margin-bottom: .5em; max-width: 64em;}
dd p img {display: block; float: none;}
dd blockquote {margin: .5em 0;}
dd pre, dd ul {padding-left: 0;}
dd+dt {margin-top:2em;}

blockquote {margin-left:20px; padding-left: 20px;}

dd p, blockquote p, form p {margin-left: 0;}

table {border-collapse: collapse;}
caption {margin: 1em 0 0 20px; font-weight: bold;}
th {background: #6699FF;
  padding: .5em .5em .5em .5em;
  text-align: centre;
  vertical-align: middle;
  font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size: 80%;
  color: #000000;
  font-weight: normal;}
td {
 font: 100% Tahoma, Verdana, "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
  vertical-align: middle;}
td+td {border-left: 0px solid #666;}

hr, legend {display:none;}

/* nav-main */
#nav-main {width: 100%; overflow: hidden; border-bottom: 1px solid #246BFF; padding: .35em 0; background: #6699FF;}
#nav-main ul {float: middle; list-style-type: none;}
#nav-main li {display: inline;}
#nav-main a {float: left; border-left: 1px solid #fff; padding: 0 1em; font-size: 80%; font-weight: normal; text-decoration: none;}
#nav-main a:link, #nav-main a:visited {color: #faf2d8; text-shadow: #000000 0 1px 1px;}
#nav-main a:hover, #nav-main a:focus {color: #fff; text-shadow: #000 0 1px 2px;}
#nav-main ul li:last-child a {border-right: 0;}

/* nav-bottom */
#nav-bottom {width: 100%; overflow: hidden; border-bottom: 1px solid #246BFF; padding: .35em 0; background: #6699FF;}
#nav-bottom ul {float: middle; list-style-type: none;}
#nav-bottom li {display: inline;}
#nav-bottom a {float: left; border-left: 1px solid #fff; padding: 0 1em; font-size: 80%; font-weight: normal; text-decoration: none;}
#nav-bottom a:link, #nav-bottom a:visited {color: #faf2d8; text-shadow: #000000 0 1px 1px;}
#nav-bottom a:hover, #nav-bottom a:focus {color: #fff; text-shadow: #000 0 1px 2px;}
#nav-bottom ul li:last-child a {border-right: 0;}


/* nav-main-red */
#nav-main-red {width: 100%; overflow: hidden; border-bottom: 1px solid #246BFF; padding: .35em 0; background: #A60000;}
#nav-main-red ul {float: middle; list-style-type: none;}
#nav-main-red li {display: inline;}
#nav-main-red a {float: left; border-left: 1px solid #fff; padding: 0 1em; font-size: 80%; font-weight: normal; text-decoration: none;}
#nav-main-red a:link, #nav-main-red a:visited {color: #faf2d8; text-shadow: #000000 0 1px 1px;}
#nav-main-red a:hover, #nav-main-red a:focus {color: #fff; text-shadow: #000 0 1px 2px;}
#nav-main-red ul li:last-child a {border-right: 0;}

/* nav-bottom-red */
#nav-bottom-red {width: 100%; overflow: hidden; border-bottom: 1px solid #246BFF; padding: .35em 0; background: #A60000;}
#nav-bottom-red ul {float: middle; list-style-type: none;}
#nav-bottom-red li {display: inline;}
#nav-bottom-red a {float: left; border-left: 1px solid #fff; padding: 0 1em; font-size: 80%; font-weight: normal; text-decoration: none;}
#nav-bottom-red a:link, #nav-bottom-red a:visited {color: #faf2d8; text-shadow: #000000 0 1px 1px;}
#nav-bottom-red a:hover, #nav-bottom-red a:focus {color: #fff; text-shadow: #000 0 1px 2px;}
#nav-bottom-red ul li:last-child a {border-right: 0;}


/* content */
#content {float: left; width: 100%; border-top: 1px solid #be9826;}

/* content-main */
#content-main {float: none; width: 100%; min-height:250px; padding: 0 0 2em 0; background: #fff;}
#content-main ol, #content-main ul {padding-left:20px;}
#content-main table {margin-right:5px;}
#content-main table th {padding:.2em;}
#content-main h2+p {font-size: 110%; font-weight: bold;}
#content-main hr {display: block; width: 75%; margin: 1em auto;}
#content-main label, #content-main label span {color:#000;}

/* content-summary */
#content-summary {overflow: hidden; padding-top: 1.5em; background-color: #000;}
#content-summary h2, #content-summary p {color: #fff;} 
#content-summary h2 a {color: #fff; text-decoration:none;} 
#content-summary code, #content-summary pre {color: #ccc;}

/
/* nav-sub */
#nav-sub {margin-top:1em; padding:0;}
#nav-sub li {margin:0 0 .7em 0; line-height:normal;}

/* nav-supp */
#nav-supp {position: relative; clear: both; width: 100%; height: 55px; margin-top: -1px; background: #C1F0FF;}
#nav-supp a {display: block; position: absolute; top: -15px; left: 50%; width: 56px; height: 56px; margin-left: -36px;  text-indent: -9999px; text-decoration: none;}
#nav-supp a:visited {text-decoration: none;}
#nav-supp a:hover, #nav-supp a:focus {background: #fff;}

/* siteinfo */
#siteinfo {width: 100%; background: #C1F0FF;}
#siteinfo p {margin: 0 20%; color: #fff;}
#siteinfo a:link, #siteinfo a:visited {color: #FFBBDD;}

#clearer { clear: both; margin: 0; padding: 0; color: #ffffff;}
#clearer a:link, #clearer a:visited, #clearer a:active, #clearer a:hover {color: #ffffff;} 



/* template specifics */
body.index h1 {width: 30%; margin-left: 0;  text-indent: -9999px;}
body.index h1 a {display: block; }
body.index #branding blockquote {float: left; width: 40%; border-left: 0px solid #000; color: #fff; font: 240%/92% Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: -1px;}
body.index #content-main h3+p {font-weight: bold;}
body.index #content-main h4+p {color: #666;}
body.index #content-main h4+p+p {color: #666;}
body.index #content-main div {float: left; min-width: 200px; width: 40%; min-height:30em; margin: 0 20px 1em 20px; border-bottom: 1px solid #999; padding: .5em 0 0 0;}
body.index #content-main div * {margin: 0;}

body.category #content-main h3+p+p {margin: 0 20px 1em 20px; border-bottom: 1px solid #999; padding: .5em 0 1em 0;}

body.individual #content-main {min-height:5em;}

body.index #container, body.category #container {background: #fff;}
body.index #content-main, body.category #content-main {float: right; width: 60%; padding: 1.5em 0;}
body.index th, body.category th, body.index td, body.category td {border-bottom:none;}
body.index td+td, body.category td+td {border-left:none;}
body.index #nav-supp a, body.category #nav-supp a {top: -17px; left: 40%;}

body.page #container {background: #fff;}
body.page #content-main {float: right; width: 75%; min-height: 250px; padding: 1.5em 0; background: #fff;}
body.page #nav-supp a {top: -17px; left: 25%;}


/* classes */
.invisible {display: none;}
.clear {clear: both;}
.left {float: left; margin-left: 20px;}
.right {float: right; margin: 1em;}
.offleft {position: absolute; left: -9999px;}
.callout {width:185px; float:right; margin:.5em;}
.code {width: 90%; margin:0 20px; border: 1px solid #000000; padding: 20px 0; background-color: #C1F0FF;}

.navigation {clear:both; margin:1em 20px; font-weight:bold;}
.navigation .left {margin:0;}
.navigation .right {margin:0;}

.hilite {color: #fff; background-color: #f93;}

.credit {
  color:#ffffff; 
  font-size: 50%;
  margin: 10px 0 0 0;
  padding: 3px;
  text-align: center;
}