/* general */
body { margin: 0; padding: 0; font-size: 15px; font-family: Arial, Helvetica, sans-serif; color: #303030; background: url(/images/top-menu-bg.png) repeat-x; }
img { border: 0; }
a { color: #303030; }
a:visited { color: #303030; }
a:hover { color: #67aeee; }
h1, .head-1 { color: #40a0d0; font-weight: bold; font-size: 23px; margin: 0; padding: 50px 0 8px; }
h2, .head-2 { color: #67ae2a; font-weight: bold; font-size: 18px; margin: 0; padding: 22px 0 8px; }
h3, .head-3 { color: #333; font-weight: bold; font-size: 16px; margin: 0; padding: 8px 0 8px; }
h4, .head-4 { color: #303030; font-weight: bold; font-size: 15px; margin: 0; padding: 8px 0 8px; }
p { margin: 0; padding: 0 0 12px; }
.section { }
.subsection { padding: 0px 0 18px; }

ul.check { margin: 0; padding: 8px 0 18px 30px; list-style-type: none; }
ul.check li { margin: 0; padding: 6px 0 6px 26px; list-style-type: none; background: url(/images/check.png) no-repeat 0px 6px; }
ul.square { margin: 0; padding: 8px 0 18px 4px; list-style-type: none; }
ul.square li { margin: 0; padding: 5px 0 5px 26px; list-style-type: none; background: url(/images/square.png) no-repeat 0px 10px; }

blockquote.check { margin: 0; padding: 4px 30px; background: url(/images/check.png) no-repeat 0px 12px; }


/* better clearfix utility - see http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* ----  Layout ---- */
.wrapper { text-align: center; }
.gutter { margin: 0; padding: 0 45px; }
.container { text-align: left; margin: auto; width: 870px; }

/* Top nav bar */
#topnav { }
#topnav ul { margin: 0; padding: 0; }
#topnav li { list-style-type: none; display: block; float: left; background: url(/images/top-menu-separator.png) no-repeat top right; }
#topnav li.last { background: none; }
#topnav li a { display: block; font-size: 15px; font-weight: bold; margin: 0; padding: 16px 1.2em; text-transform: uppercase; color: #FFFFFF; text-decoration: none; }
#topnav li a:hover { color: #6db7fa; }


/* Middle area */
#middle { background: url(/images/background-swoosh-v2.jpg) no-repeat center 10px; overflow: visible; }
#content { width: 570px; float: left; }
#content .padding { padding-right: 50px; }

#header { background: url(/images/header-separator.png) no-repeat bottom left; padding: 30px 0 36px 0; position: relative; }
#tagline { position: absolute; top: 48px; right: 62px; }

#breadcrumbs { margin: 0; padding: 4px 0 0 6px; font-size: 11px; }
#breadcrumbs ul { margin: 0; padding: 0; list-style-type: none; }
#breadcrumbs li { display: block; float: left; list-style-type: none; margin: 0; padding: 0 6px 0 0; }


#sidebar { width: 300px; float: left; padding-top: 50px; }
#sidebar h2, #sidebar .head-2 { color: #000000; border-bottom: 2px solid #6db7fa; padding: 0 0 4px 10px; margin: 0 0 8px; }

/* Footer */
#footer { margin-top: 85px; background-color: #181818; color: #a9a6a6; font-size: 11px; }
#footer a, #footer a:visited { color: #a9a6a6; }
#footer .links { display: block; padding: 20px 0 5px; }
#footer .text { display: block; padding: 5px 0 25px; }






/* body table data */
.bodytable {margin: 8px 4px 16px 0; width:99%; border-collapse:collapse;}
.bodytable th {padding: 3px .2em; background:#6db7fa; font-size: 12px; color:#fff; border:1px solid #ccc;}
.bodytable td {padding: 3px .2em; border:1px solid #ccc;}
.bodytable .bodytabletxt {padding:0; font-size: 12px; color:#000; margin:.2em;}


/* pullquote */
.pullquote {padding: .5em .5em .5em 2.5em; margin:0 30px 20px 0; border-left:8px solid #67ae2a;background: #f7ffef url(/images/pullquote.png) no-repeat;color:#000; font-size: 13px; }
.pullquote p {padding-left:0;}

/* ---- Sidebar sections ---- */
#sidebar .sidebarlinks ul { margin: 0; padding: 8px 0 18px 10px; list-style-type: none; font-size: 13px; }
#sidebar .sidebarlinks ul li { margin: 0; padding: 6px 0 6px 26px; list-style-type: none; background: url(/images/check.png) no-repeat 0px 4px; }
   
#sidebar .announce-box { font-size: 13px; padding: 0 0 70px 10px; }
   
/* stats table data */
#sidebar .statsboxbody { padding: 0; }
.statstable {margin: 0;width:100%;border-collapse:collapse;}
.statstable th {padding: 1px 0 6px 10px;text-align:left; font-size:13px;color:#000000; border-bottom:1px solid #ccc; font-weight: bold;}
.statstable td {padding: 4px 0 4px 10px; font-size: 13px;border-bottom:1px solid #ccc;}
td.pew {font-size: 10px; text-align: left; border-bottom: 0; color: #1e202b;}

/* Misc */
.title {font-size:1.05em;font-weight:bold;text-align:center;}
.caption {font-size:0.9em;font-style:italic;color:#990000}
.articlelink {font-size:1.2em;font-weight:bold;line-height:1.4em;}
.relatedarticles {font-size:1.1em;line-height:1.4em;color:#990000;}


/* -- Page specific -- */

.home #topnav li.home a { color: #6db7fa; }
.why #topnav li.why a { color: #6db7fa; }
.services #topnav li.services a { color: #6db7fa; }
.faq #topnav li.faq a { color: #6db7fa; }
.about #topnav li.about a { color: #6db7fa; }
.contact #topnav li.contact a { color: #6db7fa; }

.home h1 { padding-top: 54px;}
