/* Default */
body { background:#F8F4E8 url(/i/bg-body.gif) center repeat-y; margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:13px;  }
a { color:#006699; }
a:visited { color:#003366; }
a:hover { color:#0066CC; }
form { margin:0; padding:0; }

/* Wrapper */
#wrapper { margin:0 auto; width:950px; padding:10px 10px 10px 12px; }

/* Header & Top Nav */
#header { position:relative; width:100%; height:92px; margin-bottom:20px; }

#header #navtop { position:absolute; height:18px; top:32px; right:0; }
#header #navtop a { text-decoration:none; color:#1A558F; font-size:12px; float:left; margin-right:20px; margin-top:3px; }
#header #navtop a:hover { color:#333; }
#header #navtop form { margin:0; padding:0; float:left; }
#header #navtop p { margin:0; padding:0; }
#header #navtop .search { font-size:12px; font-weight:bold; background:url(/i/icon-search.gif) no-repeat left; padding-left:17px; position:absolute; top:-15px; right:160px; height:18px; display:block; width:100px; }

#header #nav { position:absolute; right:0; top:61px; width:677px; background:#1E538A url(/i/bg-nav.gif) repeat-x; height:20px; padding:2px 0 0 7px; border-radius:5px; }
#header #nav a { text-decoration:none; color:#fff; font-size:13px; padding-left:3px; border-right:1px solid #547A9E; padding-right:6px; padding-bottom:2px; cursor:pointer; }
#header #nav a:hover { color:#ffc; }

#header #nav ul { margin:0; padding:0; list-style:none; }
#header #nav li { margin:0; padding:0; display:inline; position:relative; height:22px; }
#header #nav li div { display:none; position:absolute; top:18px; left:-5px; background:#153E64; border:1px solid #547A9E; list-style:none; margin:0; padding:0; float:none; z-index:auto; border-radius:0 0 5px 5px; }
#header #nav li div a { display:block; background:0; padding:0; float:none; border:none; padding:3px; border-bottom:1px solid #547A9E; }
#header #nav li div a:hover { background:#3C5F81; }

#header #beginhere { position:absolute; top:7px; right:0px; }
#header #beginhere a { text-decoration:none; font-weight:bold; font-size:11px; }

#header #livezilla { position:absolute; bottom:40px; left:220px; }


/* Featured Content */
#featured { clear:both; display:block; width:100%; height:300px; margin-bottom:5px; }

#pgnavbox { border-radius:7px; width:940px; border:3px solid #e9e9ce; position:fixed; top:110px; line-height:normal; padding:5px; z-index:9005; display:none; margin-left:-3px; box-shadow:5px 5px 5px #333;
background: rgb(252,255,244); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,255,244,1) 0%, rgba(233,233,206,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,255,244,1)), color-stop(100%,rgba(233,233,206,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(252,255,244,1) 0%,rgba(233,233,206,1) 100%); /* W3C */
}
#pgnavbox .items { float:left; width:190px; margin-right:40px; }
#pgnavbox .items h4 { font-weight:100; letter-spacing:0px; font-size:16px; color:#990000; margin:0; padding:0; padding-left:3px; margin-top:12px; border-bottom:1px dotted #ccc; font-family:Georgia, "Times New Roman", Times, serif; }
#pgnavbox .items h4:first-child { margin-top:0; }
#pgnavbox .items a { display:block; padding:3px; font-size:12px; text-decoration:none; margin:3px 0; }
#pgnavbox .items a:hover { border-radius:5px; color:#fff; text-shadow:1px 1px 0px #333;
background: rgb(246,230,180); /* Old browsers */
background: -moz-linear-gradient(top, rgba(246,230,180,1) 0%, rgba(237,144,23,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,230,180,1)), color-stop(100%,rgba(237,144,23,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%); /* W3C */
}
#blanket { background-color:#000; opacity: 0.25; filter:alpha(opacity=50); position:fixed; z-index: 9001; top:0px; left:0px; width:100%; height:100%; }
#pgnavbox .close { position:absolute; top:-3px; right:-3px; background:#ffcc00; padding:5px; font-size:11px; font-weight:bold; color:#663300; border-radius:0 5px 0 5px; line-height:10px; }
#pgnavbox .close:hover { background:#FC6; color:#300 }

/* Front Content */
#front-content { border-top:1px solid #174069; border-bottom:1px solid #174069; width:100%; }
#front-content #slide-nav { background:#174069; width:200px; vertical-align:top; }
#front-content #slide-nav a { color:#fff; padding:5px 0 5px 5px; margin:0 10px 0 5px; border-bottom:1px solid #456687; text-decoration:none; font-size:12px; display:block; cursor:pointer; }
#front-content #slide-nav a:hover { color:#FFFFCC; background:#3C5F81; }
#front-content #slide-nav a.active { background:#fff url(/i/curve.gif) no-repeat top left; color:#660000; font-weight:bold; margin:0 0 0 1px; padding-left:10px; border-bottom:1px solid #174069; }
#front-content #slide-nav a.nostyle, #front-content #slide-nav a.nostyle:hover { border:0; background:none; padding:0; }

#front-content #slide1 .popprod { width:115px; float:left; margin-right:15px; margin-bottom:20px; }
#front-content #slide1 .popprod h3 { margin:0; font-size:12px; font-weight:100; }

#front-content .slide { vertical-align:top; margin:7px 12px 7px 20px;  display:none; }
#front-content .slide h2 { font-size:18px; font-weight:bold; color:#174069; letter-spacing:-1px; margin:0; padding:0; margin-bottom:7px; }
#front-content .slide h2 .jobtitle { font-size:18px; font-weight:bold; color:#174069; letter-spacing:-1px; margin:0; padding:0; }
#front-content .slide h3 { font-size:14px; font-weight:bold; color:#174069; clear:both; }
#front-content .slide h3 a { text-decoration:none; }
#front-content .slide p { margin:0; padding:0; margin-bottom:7px; font-size:14px; line-height:normal; }
#front-content .slide p.author { font-size:11px; color:#666; margin-top:0; }
#front-content .slide ul { margin-left:15px; margin-top:0; padding:0; }
#front-content .slide li { font-size:14px; line-height:24px; margin:0; padding:0; }

#front-content-right { vertical-align:top; width:187px; padding:7px 0 7px 10px; font-size:12px; }
#front-content-right h2 { font-size:14px; font-weight:bold; color:#369; margin:0; padding:0; margin-bottom:5px; }
#front-content-right ul { margin:0; padding:0; list-style:none; }
#front-content-right li { margin:0; padding:0; margin-bottom:5px; }
#front-content-right li a { display:block; color:#666; margin:0; padding:0; background:url(/i/icon-feed-arrow.gif) no-repeat left 5px; padding-left:15px; text-decoration:none; }
#front-content-right li a:hover { color:#333; background:url(/i/icon-feed-arrow-hover.gif) no-repeat left 5px; }

/* Page Content */
#content-left { width:150px; float:left; }
#content-left #box { background:#F8F4E8; border-bottom:2px solid #0B6C93; font-size:13px; margin-bottom:20px; }
#content-left #box  .header { background:#0B6C93 url(/i/bg-leftnav.gif) top left no-repeat; display:block; color:#fff; padding-left:7px; font-weight:bold; }
#content-left #box  a { display:block; text-decoration:none; color:#174069; padding:3px 7px; border-bottom:1px solid #fff; margin:0; min-height:17px; }
#content-left #box  a:hover { color:#0066CC; }
#content-left #box  a.active { font-weight:bold; }
#content-left #box .sub { background:#CEECD1; border-bottom:1px solid #fff; font-size:11px; }
#content-left #box .sub a { color:#287730; line-height:12px; }
#content-left #box .sub a:hover { background:#A4DBA9; }

#content { width:550px; float:left; margin-left:20px; }
#content h1 { font-size:20px; font-weight:bold; color:#174069; margin-top:0; }
#content h2, #content h3 { font-size:16px; font-weight:bold; color:#174069; }
#content p, #content li { font-size:13px; line-height:18px; margin-bottom:8px; }
#content p .sub { color:#666; }
#content ul { margin:0; padding:0; margin-left:15px; margin-bottom:10px; }
#content li { margin-left:15px; }
#content #vgpersonalcalcs { float:left; width:48%; margin-right:20px; }
#content #vgpersonalcalcs li { margin-bottom:10px; }
#content #testimonialbox { border:1px dotted #666666; background:#F0FAFF; padding:5px 10px; margin-top:20px;}
#content #testimonialbox p { margin:0; padding:0; margin-bottom:7px; }
#content #testimonialbox h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; letter-spacing:-1px;}
#content .caption { font-size:11px; margin:0; padding:0; font-style:italic; }

.whitepaper h2 { clear:both; margin-top:0; font-size:14px; margin-bottom:0; }
.whitepaper h2 a { text-decoration:none; color:#174069; }
.whitepaper p { margin-top:0; }
.whitepaper ul { overflow:hidden; margin-top:0; margin-bottom:20px; }
.whitepaper a:first-child { float:left; padding:3px; margin-right:12px; border:1px solid #ccc; border-radius:5px; background:#fff; margin-bottom:20px; width:75px; }
.whitepaper .whitepaper_desc { float:left; width:380px; display:block; }
.whitepaper .whitepaper_desc a { float:none; padding:0; margin-right:0; border:0; background:0; margin-bottom:0; width:auto; }
.whitepaper { clear:both; display:block; overflow:visible; }

#content-right { width:200px; float:right; border-left:1px dotted #ccc; padding-left:12px; font-size:12px; }
#content-right h2 { font-size:14px; font-weight:bold; color:#660000; margin:0; padding:0; }
#content-right ul { margin:5px 0 0 0; padding:0; list-style:none; }
#content-right li { margin:0; padding:0; margin-bottom:5px; }
#content-right li a { display:block; color:#666; margin:0; padding:0; background:url(/i/icon-feed-arrow.gif) no-repeat left 5px; padding-left:15px; text-decoration:none; }
#content-right li a:hover { color:#333; background:url(/i/icon-feed-arrow-hover.gif) no-repeat left 5px; }
#content-right p { margin:5px 0;  }
#content-right #box { background:#F8F4E8; border-bottom:2px solid #0B6C93; font-size:13px; margin-bottom:20px; width:150px; }
#content-right #box .header { background:#0B6C93 url(/i/bg-leftnav.gif) top left no-repeat; display:block; color:#fff; padding-left:7px; font-weight:bold; }
#content-right .moderators { border:1px solid #993300; background:#FFF4EA; padding:3px 7px; -moz-border-radius:5px; border-radius:5px; }
#content-right .moderators h2 { font-size:18px; text-shadow:2px 2px #ccc; }
#content-right .moderators img { float:right; margin-top:5px; margin-left:5px; }
#content-right .moderators a.button { display:block; font-weight:bold; text-decoration:none; background:#660000; color:#fff; padding:2px 2px 2px 5px; border-radius:2px; -moz-border-radius:2px; cursor:help; }
#content-right .moderators a.button:hover { background:#006699; }


/* Question & Answers */
#qatable { width:100%; }
#qatable td { padding:5px; padding-top:10px; }
#qatable .shade { background:#E9F1F6; }
#qatable .noshade { background:#fff; }
#qatable .shade:hover, #qatable .noshade:hover { background:#CEECD1; }
#qa { display:block; margin-top:-5px; }
#qa h2 { margin:0; padding:0; font-size:15px; }
#qa h2 a { text-decoration:none; display:block; }
#qa .answer p { margin-top:5px; }
#qa .answer li { margin-bottom:7px; }

/* Directory */
#directory { display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #999; }
#directory p { margin:0; padding:0; font-size:12px; }
#directory li { font-size:12px; }
#content .featured { background:#ffe; border:2px dotted #CC9900; padding:5px 10px; }
#content .featured h2 { font-size:22px; }

/* Contact Form */
#contactform { width:100%; }
#contactform td { padding:5px 15px 5px 0; }

/* Footer */
#footer { margin-top:12px; font-size:11px; color:#999; }
#footer a { color:#999; text-decoration:none; }
#footer a:hover { text-decoration:underline; }