/*Because of browser differences, we need to "zero out" the formatting for commonly used tags */

/* Remove padding and margins */
body, h1, h2, h3, h4, h5, h6, p, ul, li, div { padding: 0; margin: 0;}

/* Remove underlines from links */
a {text-decoration: none;}

/* Remove borders from linked images */
a img {border: none;}

/* Clearing floats without structural markup in Firefox */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Clearing floats without structural markup in IE and hide from IE5/Mac \*/
* html { height: 1%;} /* for IE5+6 */
*:first-child+html { min-height: 1px; } /* for IE7 */
/* End hide from IE5/Mac */

/* http://www.alistapart.com/articles/howtosizetextincss/ */
body{font-family:Verdana, Geneva, sans-serif;font-size: 1em;line-height: 1.5;background: #e5ecff;margin: 0 auto;text-align:center}
html{font-size:100%;}
h1, h2, h3, h4 {font-weight:normal;}
h1 {display: none;}
/*h1,h2 {font-size: 1em;margin: 0 0 1em 0;font-weight:bold;text-transform: uppercase;}
h3, h4 {font-size: 0.625em;text-transform: uppercase;}
p, li {font-size: 0.625em; }*/
h1 {font-size: 1.375em;}
h2 {font-size: 1.125em;margin: 0 0 1em 0;font-weight:bold;text-transform: uppercase;}
h3, h4 {font-size: 0.875em;text-transform: uppercase;}
p {font-size: 0.875em;}
blockquote {margin: 0; padding: 0;font-style: italic}
p {margin: 0 0 1em 0;}
.floatright {float:right}
.floatleft {float:left}
.paddingleft {padding: 0 0 0 .5em;}

#wrapper {width:60em;border:0.063em solid #00f;background-color: #000066;margin: .5em auto 0 auto;text-align:left;}

.divide {width:60em;background-color: #000066;height: 1em;border-top:1px solid #fff;}

#header {width: 60em;background: url('../images/banner_bg.gif') repeat;}
#header img {float: left;}
#header .bannerad {float:right;margin: 1.5em 1em;}

#container {width:60em;background:#666699;background: url('../images/faux-columns.gif') repeat-y 20% 0;}
#left-nav {width:12em;float:left;}
#content{width:46em;float:right;background:#fff;padding:1em;}
#content-left {width:24em;margin: 0 1em 0 0;float:left;border-top: 1px solid #fff}
#content-right {width:21em;float:left;border-top: 1px solid #fff}
#content-left img.wide { width: 21em}

.nav, .subnav {list-style-type:none;}
.margin-top {margin: 1em 0 0 0;}
.margin-bottom {margin: 0 0 1em 0;}
.nav li {font-size: 0.875em;background-color:#000033;padding: 0.063em 0;}
.subnav li {font-size: 0.75em;}
.nav li, .subnav li {border-top: 1px dotted #fff;}
.nav li.end, .subnav li.end {border-bottom: 1px dotted #fff; }
.subnav li {background-color: #333366}

.nav li a {display:block;text-transform: uppercase;font-weight:bold;padding: .25em 0 .25em 1.5em;background: url('../images/arrow_white.gif') no-repeat left center;}
.nav li a:link { background-color:#000033;color:#fff;}
.nav li a:visited { background-color:#000033;color:#fff;}
.nav li a:hover { background-color: #666699;color:#fff;}
.nav li a:active { background-color: #666699;color:#fff;}

.nav li.selected a {background: url('../images/arrow_white_selected.gif') no-repeat left center;}
.nav li.selected a:link { background-color:#000033;color:#fff;}
.nav li.selected a:visited { background-color:#000033;color:#fff;}
.nav li.selected a:hover { background-color: #000033;color:#fff;}
.nav li.selected a:active { background-color: #000033;color:#fff;}

.subnav li a {display:block;font-weight: bold;background: url('../images/arrow_white_small.gif') no-repeat left center;padding: 0 0 0 1em;margin: 0 0 0 1.5em}
.subnav li a:link {background-color: #333366;color: #fff}
.subnav li a:visited {background-color: #333366;color: #fff}
.subnav li a:hover {background-color: #333366;color: #fff;text-decoration: underline}
.subnav li a:active {background-color: #333366;color: #fff}

#content-left a {font-weight: bold;font-size: 0.875em;background: url('../images/arrow_grey_small.gif') no-repeat left center;padding: 0 0 0 1em}
#content-left a.img {background: none;padding:0;}
#content-left a:link { background-color:#fff;color: #000033}
#content-left a:visited { background-color:#fff;color: #000033}
#content-left a:hover { background-color:#fff;color: #000033; text-decoration: underline}
#content-left a:active { background-color:#fff;color: #000033}

h3 {padding: .25em 0;font-weight:bold;}
h3.bg {background-color: #000033;color: #fff;}
h3 a {display:block;background: url('../images/arrow_white.gif') no-repeat left center;padding: 0 0 0 1.5em;}
h3 a:link {background-color:#000033;color: #fff}
h3 a:visited {background-color:#000033;color: #fff}
h3 a:hover {background-color:#000033;color: #fff; text-decoration: underline}
h3 a:active {background-color:#000033;color: #fff}

ul.ratings {list-style-type:none;border: 1px solid #000033; padding: 0 .5em;margin: 0 0 1em 0;}
ul.ratings li {padding: .5em 0;font-size: 0.75em;}
ul.ratings li a {font-weight: bold;background: url('../images/arrow_grey_small.gif') no-repeat left center;padding: 0 0 0 1em}
ul.ratings li a:link {background-color:#fff;color: #000033}
ul.ratings li a:visited {background-color:#fff;color: #000033}
ul.ratings li a:hover {background-color:#fff;color: #000033; text-decoration: underline}
ul.ratings li a:active {background-color:#fff;color: #000033}
span.red {color: #f00;padding: 0 0 0 .5em}

ul.index {list-style-type:none;padding: 0 1em 0 0; margin: 0 0 1em 0;float:left}
ul.index li {padding: .5em 0;font-size: 0.75em;}
ul.index li a {font-weight: bold;background: url('../images/arrow_grey_small.gif') no-repeat left center;padding: 0 0 0 1em}
ul.index li a:link {background-color:#fff;color: #000033}
ul.index li a:visited {background-color:#fff;color: #000033}
ul.index li a:hover {background-color:#fff;color: #000033; text-decoration: underline}
ul.index li a:active {background-color:#fff;color: #000033}

#footer {width:60em;margin: .5em auto;}
#footer ul {list-style-type:none;width:58em;text-align:center;}
#footer ul li {display: inline;font-size: 0.75em;}
#footer ul li a {font-weight: bold;}
#footer a:link {background-color:#e5ecff;color: #000033}
#footer a:visited {background-color:#e5ecff;color: #000033}
#footer a:hover {background-color:#e5ecff;color: #000033; text-decoration: underline}
#footer a:active {background-color:#e5ecff;color: #000033}