/*
PPCMEDIA CSS

Built by: Jonathan Snook
http://snook.ca/
JUN24

*/

body {font-family:"Lucida Grande", Arial, Verdana, Helvetica, sans-serif; font-size:12px; background-color:#EFEFEF;line-height:150%;margin:0;padding:0;}
p {margin-top:0;}
h1, h2, h3, h4 {margin-bottom:0;}
img {border:0;}
ul {margin:0;padding:5px 20px; color:#333x333;list-style-image:url(/images/bullet.gif);}
li {margin-bottom:10px;}

a:link, a:visited {font-weight: none; color: #000; text-decoration: underscore;}
a:hover {color:#7DA30C;}

pre.code, code {color: #007000;font-family: "labitat font", monospace;font-size: 100%;}
pre.code, div.code {border: 1px solid silver;background-color: #f5f5f5;padding: 0.5em;width: 590px;}
html>body pre.code {overflow: auto;}
* html pre.code {overflow-x: auto;padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 19 : 4);}

#page {background:#FFF url(/images/header_bg.jpg) repeat-x;overflow:hidden;}
#wrapper {width:760px;margin:0 auto;}

#header {height:58px;position:relative;margin-top:0px;}
#header a {display:block;width:120px;height:50px;text-decoration:none;margin-left:-60px;}
#header div {position:absolute; right:0;font-family:"Lucida Grande", Arial, Verdana, Helvetica, sans-serif;font-size:14px; color: #6A890E; font-weight: none; top:20px;}
#header div span {font-family:"Lucida Grande", Arial, Verdana, Helvetica, sans-serif;font-size:16px; color: #660066; font-weight: bold; top:20px;}


#content {width:600px;float:right;}
#content h1 {font-size:18px; color:#000;}
#content h2 {font-size:16px; color:#7DA30C;}
#content h3 {font-size:14px; color:#7DA30C;}
#content h4 {font-size:13px; color:#7DA30C;}
#content ul {background-color:#F4F4F4;margin 2px 2px 20px;}
#content ol {background-color:#F4F4F4;margin 2px 2px 20px;}
#content li {margin-bottom:2px;}
#nav {width:140px;float:left;padding-top:3em;border:1px;border-color:black;}
#nav .h {font-size:110%; color: #303030; font-weight:bold;margin:0;}
#nav ul {list-style:none;line-height:90%;padding-right:0;}
#nav ul ul { list-style-image:url(/images/bullet.gif); padding-bottom:0;}
    li.sel {color:#7DA30C;font-weight:bold;}
    li.sel a {color:#7DA30C;text-decoration:none;}
    li.sel li a {color:#000;font-weight:normal;text-decoration:underline;}
    li.sel li.sel a {text-decoration:none;}

#footer {clear:both; width:760px; margin:8px auto 50px;position:relative;}
#footer div {position:absolute;right:0;top:0;}
#footer #copyright {position:absolute;left:0;}


/* form styles */
form {border:1px solid #ccc;border-width:1px 1px; padding:20px 5px 20px 5px; margin:20px 0px 20px 0px;}
* html .fieldgroup {height:1%;}
.fieldgroup {overflow:hidden;position:relative;}
.fieldgroup label {display:block; padding:7px 5px 5px; float:left;width:115px; font-size:13px; font-weight:normal;line-height:1.1}
.fieldgroup label span {display:block;font-weight:normal;font-size:11px;color:#999;position:absolute;left:410px;width:170px;top:7px;}
.fieldgroup div {float:left;padding:4px;width:270px;}
.fieldgroup .input, .fieldgroup textarea {width:100%;}
.formbuttons {padding:5px 5px 5px 130px;}

/* pullquote */
.pullquote {float:right; font: 18px Georgia, Times New Roman, serif;width:150px;color:#90BB13;text-align:center;}
.pullquote cite {color:#999;font:11px Arial, Helvetica, sans-serif;font-weight:bold;line-height:1;display:block;}