/********************************/
/* CSS by justin talbott (.com) */
/********************************/

/* eric mayer reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline:0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* general classes & element restore */
.center { margin: 0 auto; }
.left { float: left; display:inline; }
.right { float: right; display:inline; }
.image-left { float:left; display:inline; margin: 0 1em .4em 0; }
.image-right { float:right; display:inline; margin: 0 0 .4em 1em; }
.clear { clear:both; }
.hide { display: none; }
.smaller { font-size:0.7em; margin-bottom: 1.875em; margin-bottom: 1.875em; }
.larger { font-size:1.2em/2.5em; margin-bottom: 1.25em; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.error { border: 1px solid #f00; color: #f00; }
.textbox { padding: .3em; border: 1px solid #ccc; }
input:focus, textarea:focus, select:focus { border: 1px solid #333; }
a { cursor: pointer; text-decoration: none; }
em { font-style: italic; }
strong { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }

/* general font styles */
body { font-family: Verdana, Arial, Helvetica sans-serif; line-height:1.125em; /* 18px */; }
p, #content li { margin: 1.286em 0; /* 18px */ font-size: .75em; line-height: 1.636em; }
#content li p { margin: .6em 0; }
#content li p, #content li li { font-size: 1em; }
h1 { margin: .6em 0; font-size: 1.23em; /* 22px */ line-height: 1.636em;/* 36px */; font-weight: bold; letter-spacing: -0.08em; }
h2 { margin: 1.2em 0; font-size: .9em; /* 22px */ line-height: 1.2em;/* 36px */; font-weight: bold; }

blockquote { margin: 1em 2em; font-style: italic; }
li { font-size: .7em; }

/* general colors */
body { color: #333; }
p { color: #333; }
#content li strong, h1, h2, a strong { color: #071e35; }
a { color: #365a90; }
a:hover { color: #071e35; }

/* home page */
.button { text-align: center; padding:6px 0; border-bottom: 1px solid #071e35; border-top: 1px solid #071e35; }
.button a { display: block; }
.button a:hover { color: #071e35; background: #d8e1e9; }

/* general layout  */
body { background: url(/imgs/header-bg.jpg) repeat-x top center; }
#wrap { width: 851px; margin:39px auto; position:relative; }
#head { width: 849px; height: 131px; border: 1px solid #071e35; background: url(/imgs/header.jpg) no-repeat; position: relative; }
#head a#home { width: 175px; height: 131px; display: block; }

ul#menu { padding:6px 0; border-bottom: 1px solid #071e35; width: 849px; padding-left: 2px; }
ul#menu li { display: inline; }
ul#menu li a { display: block; float: left; padding: 3px 11px; border-right: 1px solid #587ca1; }
ul#menu li.last a { border: 0; }
ul#menu a:hover, ul#menu a.current { color: #071e35; background: #d8e1e9; }

#font-sizes { position: absolute; top: 180px; right: 0; height: 70px; z-index: 3; height: 59px; font-size: .7em; }
ul#adjust-size { width: 59px; height: 22px; background: url(/imgs/font-sizes.gif) no-repeat 0 0; float: right; }
ul#adjust-size li { display: inline; }
ul#adjust-size a:hover, ul#adjust-size a.current { border-bottom: 1px solid #587ca1; }
ul#adjust-size a.size1 { width: 17px; height: 22px; float: left; }
ul#adjust-size a.size2 { width: 20px; height: 22px; float: left; }
ul#adjust-size a.size3 { width: 22px; height: 22px; float: left; }

ul#left-menu { float: left; width: 170px; text-align: right; margin-top: 58px; }
ul#left-menu li { margin-bottom: 15px; padding-right: 15px; }
ul#left-menu li a { display: block; }
ul#left-menu li.current { background-image: url(/imgs/arrow.gif); background-repeat: no-repeat; background-position: top right; }
ul#left-menu li.current a, ul#left-menu li a:hover { color: #071e35; }
ul#left-menu li#download { font-weight: bold; color: #007524; font-size: .76em; }
ul#left-menu li#download a { font-weight: normal; font-size: .88em; }

#content { float: right; width: 660px; }
.size1 { font-size: 1em; }
.size2 { font-size: 1.25em; }
.size3 { font-size: 1.5em; }
#content ul li.bubble { padding-left: 92px; min-height: 112px; height: auto !important; height: 112px; }
#content ul ul li { font-size: 1em; }
#content ul ul li, #content ul.inner-list li, #content .links li { margin: .6em 0; list-style: disc; margin-left: 1.5em; }
#content ul ul li a { position: relative; display: inline; }
/* #content ol.inner-list li.video { list-style: url(/imgs/video-icon.gif); list-style-position } */
#content ul ul li a .video { background: url(/imgs/video-icon.gif) no-repeat 0 0; display: none; position: absolute; top:2px; left: -22px; height: 14px; width: 16px; }

#content ul ul { margin-bottom:2em; }
#content p img { float:right; display:inline; margin: 0 0 .4em 1em; }
#content strong { font-size: 1.1em; }

#content table { font-size: .8em; margin-bottom: 2em; }
#content th { background: #071e35; color: #fff; border-right: 1px solid #fff; }
#content td { border-bottom: 1px solid #071e35; }
#content th, #content td { padding: .6em .3em; width: 210px; }
#content tr.center td, #content tr.center th { text-align: center; }

#footer { float: right; width: 660px; border-top: 1px solid #071e35; margin-top: 10px; }
ul#footer li { display: inline; margin: 5px 3px; color: #587ca1; }