/*
Site: Velocity Guide
Author: Richard Lee Thomason
Created: 08/20/2004
Updated: 04/30/2010
*/

* {margin: 0px; padding: 0px; border: 0px;}
html {height: 100%;}
body {height: 100%; background: url("bg.gif") repeat-y center top; text-align: center;}
table {width: 100%; border-collapse: collapse;}
td {vertical-align: top;}
h1 {margin: 15px 0px 15px 0px; font-size: 16px;}
h2 {margin-bottom: 15px; font-size: 14px;}
p {margin-bottom: 15px; line-height: 17px;}
a {color: #3A74B9; text-decoration: none; outline: none;}
a:hover {color: #FFCC00;}
ul li {list-style: none;}

/* ----- layout ----- */

#center {position: relative; margin: auto; padding: 0px 10px 0px 10px; width: 760px; background: url("center.gif") repeat center; color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; text-align: left;}
#header {position: relative; height: 140px; background: url("header.gif") no-repeat center top;}
#sidenav {position: absolute; z-index: 2; top: 146px; left: 29px; width: 141px;}
#content {position: relative; z-index: 1; padding: 6px 20px 0px 200px; width: 540px;}
#footer {position: relative; height: 140px; background: url("footer.gif") no-repeat center bottom;}

/* ----- global ----- */

#addthis {float: right;}
#crumbs {margin-bottom: 15px; font-size: 9px;}
#crumbs a {text-decoration: underline;}
#crumbs a:hover {color: #666666; text-decoration: underline;}
#subtitle {margin-bottom: 15px; color: #666666; font-style: italic; line-height: 18px;}
#author {margin-bottom: 15px; font-size: 10px;}
.adsense {margin-bottom: 15px;}
.div {margin: 15px 0px 15px 0px; height: 1px; background-image: url("div.gif");}
.line {margin-bottom: 15px; padding-bottom: 19px; background: url("div.gif") repeat-x bottom;}
.last {margin-bottom: 10px;}
.isp-logo {float: right;}
.chart {margin-bottom: 20px;}
.chartheading {padding: 5px 5px 7px 7px; background: #222222; color: #FFFFFF; font-size: 12px; font-weight: bold;}
.chart1 {padding: 7px; line-height: 15px; vertical-align: middle;}
.chart2 {padding: 7px; background: #F5F5F5; line-height: 15px; vertical-align: middle;}
.small {font-size: 9px; line-height: 14px;}
.indent {margin-left: 50px;}
.indent-1a {float: left; padding-left: 26px; width: 140px;}

/* ----- header ----- */

#logo {float: left;}
#header-blue {position: absolute; top: 20px; left: 3px; width: 742px; color: #CCCCCC; font-size: 10px; text-align: right;}
#header-blue a {background: #3974B9; color: #EEEEEE; font-weight: bold;}
#header-blue a:hover {color: #FFCC00;}
#header-black {position: absolute; top: 96px; left: 0px; width: 760px; font-size: 13px; font-weight: bold; text-align: center;}
#header-black a {padding: 6px 14px 7px 14px; background: #000000; color: #FFFFFF; font-weight: bold;}
#header-black a:hover {color: #FFCC00;}

#header-black2 {position: absolute; top: 97px; left: 0px; width: 760px; font-size: 12px; font-weight: bold; text-align: center;}
#header-black2 a {padding: 5px 11px 5px 11px; background: #000000; color: #FFFFFF; font-weight: bold;}
#header-black2 a:hover {color: #FFCC00;}

/* ----- sidenav ----- */

.menu-title {margin-bottom: 2px; font-size: 11px; font-weight: bold;}
#sidenav ul {padding-top: 2px;}
#sidenav li {padding: 1px 0px 3px 8px; background: url("arrow.gif") no-repeat 1px 5px; font-size: 10px; font-weight: bold;}
#sidenav a:hover {color: #666666; text-decoration: underline;}
#sidenav .div {margin: 11px 0px 13px 0px; height: 1px; background-image: url("div.gif");}

/* ----- content ----- */

#content p a {font-weight: bold; text-decoration: underline;}
#content ul a {font-weight: bold; text-decoration: underline;}
#content ul {margin-bottom: 15px;}
#content li {margin-bottom: 5px; padding-left: 20px; background: url("arrow.gif") no-repeat 10px 8px; line-height: 20px;}
#content .img1 {float: left; border: #D6D6D6 1px solid; margin: 3px 20px 12px 0px; padding: 2px;}
#content .img2 {float: left; margin: 3px 20px 12px 0px;}

/* ----- footer ----- */

#footer-black {position: absolute; bottom: 103px; left: 0px; width: 760px; color: #DDDDDD; font-size: 10px; text-align: center;}
#footer-black a {padding: 4px 5px 5px 5px; background: #000000; color: #DDDDDD; font-weight: bold;}
#footer-black a:hover {color: #FFCC00;}
#footer-gray {position: absolute; bottom: 45px; left: 0px; width: 760px; text-align: center; font-size: 10px; line-height: 17px;}
#footer-gray a {padding: 1px 2px 2px 2px; background: #EEEEEE; color: #333333;}
#footer-gray a:hover {color: #0066CC; text-decoration: underline;}

/* ----- index ----- */

#index-h1 {margin: 0px 0px 15px 0px;}

#index-links {position: relative; padding: 5px 0px 0px 0px; width: 500px;}
#index-links ul {}
#index-links li {margin-bottom: 0px; padding-left: 20px; background: url("arrow.gif") no-repeat 10px 8px; line-height: 20px;}
#index-links a {font-weight: bold;}
#index-links .col-heading {margin-bottom: 7px; font-size: 14px;}
#index-col-1 {position: relative; width: 150px; background: url("dotted-line.gif") repeat-y; background-position: 100px;}
#index-col-2 {position: absolute; top: 5px; left: 160px; width: 165px; background: url("dotted-line.gif") repeat-y; background-position: 100px;}
#index-col-3 {position: absolute; top: 5px; left: 335px; width: 165px;}

.index-featured {position: relative; margin: 0px 15px 0px 15px; border-top: #FFFFFF 15px solid; border-bottom: #FFFFFF 8px solid; height: 176px; width: 730px;}
.index-featured p {margin-bottom: 0px;}
.index-heading {margin-bottom: 9px;}
.index-heading a {font-size: 15px; font-weight: bold;}
.index-heading a:hover {color: #3B3B3B;}
.index-box-2 {float: left; border: #D6D6D6 1px solid; padding: 15px; width: 325px; background: #FFFFFF;}
.index-box-3 {float: right; border: #D6D6D6 1px solid; padding: 15px; width: 325px; background: #FFFFFF;}





/* ----- footer-old ----- */

#footer-old-black {position: absolute; bottom: 102px; left: 0px; width: 760px; color: #DDDDDD; font-size: 10px; text-align: center;}
#footer-old-black a {padding: 4px 5px 5px 5px; background: #000000; color: #DDDDDD; font-weight: bold;}
#footer-old-black a:hover {color: #FFCC00;}
#footer-old-gray {position: absolute; bottom: 45px; left: 0px; width: 760px; text-align: center; font-size: 10px; line-height: 17px;}
#footer-old-gray a {padding: 1px 2px 2px 2px; background: #EEEEEE; color: #333333;}
#footer-old-gray a:hover {color: #0066CC; text-decoration: underline;}