/* Preferred Compounding style sheet */

/* evens border treatment across browsers, font x/x.xx is size/line height, text align centers site in browser */
body {margin: 0; padding: 0; font-style:normal; font-size:0.9em; line-height:125%; font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; text-align:center; background-color:gray }
div {margin: 0; padding: 0; }
A img {border: none; margin:0; padding:0; } /* removes default border from images */

/* Links see leftnav link styles in section below */
a:link {cursor:pointer; background:transparent; text-decoration:none; }
a:hover {text-decoration:underline; color:inherit; }
a:visited {color:gray; }

/* page layout divs */
/* set page width, center, reset text default left, set site font parameters, set background color to enable full-height-apperance of left nav div */
#wrapper{width:955px; margin:0 auto; text-align:left; background-color:white }
/* leftnav always-full-height background color is established by setting wrapper background to leftnav color and content and buffer divs to white */
#leftnav{float: left; clear: left; width: 15%;line-height: 30px; margin: 0 0 0 28px; display: inline}
#leftnav A {color:black;text-decoration:none; }
#leftnav A:hover{text-decoration:underline; color:#0075be }
#leftnav .HdrLink {font-weight:bold; margin:0; padding:0; font-size:11px; } /* gets bottom padding in leftnav from p */
#footer{position: relative;	clear: both;font-size: 9px; text-align: center; color: white; width: 955px; background-image: url('../images/pc_rule_notext.png'); background-repeat: no-repeat; line-height:16px }
#content{position: relative; float: right; width: 75%; padding: 0 1% 0 0; display: inline; background-image: url('../images/contentbackground.png'); background-repeat: no-repeat; }
#topnav {position: absolute; z-index: 1; width: 955px;top:130px;color: #FFFFFF;text-align:left;padding:0 0 0 28px;vertical-align: middle;font-size: 11px;}
#topnav A {color:white; text-decoration:none}
.topnav {padding:0 20px 0 0; text-decoration:none}
.lnav {font-size: 11px; font-weight:bold; border-bottom-style:solid; border-bottom-width:0.5px; border-bottom-color:gray; vertical-align:middle; margin:0; padding:0}

/* Main styles. When setting margains and padding, note that content div has 2% left padding to cover blue background */
p{margin:0; padding:0 0 .75em 0; font-size:0.9em; }
h1,h2,h3{font-weight:bold; margin:0; line-height:125%; }
h1{font-size:1.4em; padding:0 0 0.75em 0}
h2{font-size:1.15em; padding:0.2em 0 0.15em 0; color:#0075be} 
h3{font-size:1.0em; padding:0.2em 0 0.15em 0; }	
.caption {font-style: italic; text-align:center}
ul,ol {margin:0 0 1.0em 1em; padding:0 0 0 1em; line-height:135%; font-size:0.9em; } /* -1 reduces too-large default browser left margin for bullet text block */
* html ul,ol {margin-left:1em; } /* So IE6 also aligns bullets */
li {margin-bottom:0.25em }
.lifirst{margin-top:-0.5em; } /* Apply as class to first li in a ul to remove excessive default browser spacing from p/hx style above */
sup {font:inherit; position: relative; top: -3px; vertical-align: top; font-size: 90%; }
.imgright {margin:0 0 10px 15px; float:right; }
.imgbottom {padding:0 0 10px 0 }

/* Styles for divs used in the content area. display:inline causes ie6 to act sort of like other browsers */
.col100 {position:relative; margin:0; width: 100%; float:left; display:inline; }
.col75left {position:relative; margin:0 0 12px 0; width: 73.5%; float:left; clear:left;display:inline; }
.col75right {position:relative; margin:0 0 12px 1.5%; width:73.5%; float:right; clear:right;display:inline; }
.col67 {position: relative;width: 65.5%;float: left; display: inline; }
.col50left {position:relative; margin:0; padding:0; width:48.5%; float:left; display:inline; }
.col50right {position:relative; margin:0; padding:0; width:48.5%; float:right;display:inline; }
.col33 {position: relative; margin: 0 2% 12px 0;width: 31.5%;float: left;font-size: 90%; line-height:125%; display:inline; }
.col33right {position: relative; margin: 0 0 12px 0; width: 31.5%;float: right;font-size: 90%;line-height:125%; display: inline; }
* html .col33percent {margin-right:0.75%; } /* for ie6 margin-bug */
.col25 {position:relative; margin:0 1.33% 12px 0; width:23.5%; float:left; font-size:90%;line-height:125%;display:inline; }
* html .col25percent {margin-right:0.66%; } /* for ie6 margin bug */
.col25right {position:relative; margin:0 0 12px 0; width:23.5%; float:right; font-size:90%;line-height:125%;display:inline; }
.italic {font-style: italic;}
.performs {position: relative;margin: 0 0% 0px 0;width: 22%;float: left;font-size: 100%;line-height: 125%;display: inline;font-weight: bold;height: 50px;text-align: center;vertical-align: middle;padding-top: 7px;background-image: url('../images/oval.jpg');background-repeat: no-repeat;	color: #FFFFFF;}
.performsr {position: relative;	margin: 0;width: 22%;float: right;font-size: 100%;line-height: 125%;font-weight: bold;height: 50px;text-align: center;background-image: url('../images/ovalblack.jpg');color: #FFFFFF;clear: right;padding-top: 15px; background-repeat:no-repeat}