/* Style Sheet for CGP site - Long */


/* ------------------- General Settings ----------------- */

* {margin: 0; padding: 0;} /* Set default margin/padding */

html, body {height: 100%;} /* Set full height so that div#short inherits it */
body {background-color: #5C4D2E; text-align: center; /* Center content div for explorer */
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 10pt; line-height: 14pt;}

a {color: gray; text-decoration: none;}
p a {color: blue;}
div#main a {color:blue;}
a:hover {color: #0000FF;}

h2 {color: #ff9934; font-size: 16pt; font-family: sans-serif; line-height: 18pt;
margin-bottom: 10px; border-left: solid 2px #ff9934; padding-left: 15px;}

h3 {color: #ff9934; font-size: 12pt; font-family: sans-serif;
margin-bottom: 10px;}

h4 {color: #ff9934; font-size: 12pt; font-family: sans-serif;
margin-bottom: 10px; margin-top: 10px; border-left: solid 2px #ff9934; padding-left: 10px;}

p {margin-bottom: 10px;}

div.list1 p:first-line {font-style: italic;}

ul {margin: 0 0 10px 15px; /* Gives ul's a margin after default was set to 0 in line 6 of this file */
   list-style-type: square;}
ul.plain {list-style-type: none; margin: 0 0 10px 0px;}
ul.plain li {margin-bottom: 10px;}

div.caption {font-size: 8pt; line-height: 14px; font-family: sans-serif;
   padding-top: 4px; padding-bottom: 15px; padding-left: 20px;
   color: black; text-align: left;}

span.support {border: solid 2px #ff9934; float: right; padding-left: 4px; padding-right: 4px;
   margin-bottom: 10px;}

span.title {font-style: italic;}

/* ------------------- Content Area Settings ----------------- */

div#content {background-color: white;
   margin-right: auto; margin-left: auto; width: 760px;} /* Center content when page is longer */

/* ------------------- Banner Settings ----------------- */

div#top {position: relative; top: 0px; right: 0px;} /* Otherwise the absolute positioning on the caption div will not work */
div#capt {position: absolute; top: 10px; right: 10px; /* Places the caption div */
   background-color: #DADADA; color: #5D5D5D; border: solid 1px gray; padding: 0 4px 0 4px; font-size: 9pt;}
div#capt a {font-size: 9pt;}
div#search {position: absolute; top: 10px; right: 10px;}
div#search2 {margin-bottom: 20px; font-size: 8pt; font-family: sans-serif;}

/* ------------------- Main Link Settings ----------------- */

div#links {height: 34px; width: 760px; background: #ff9934; border-top: solid 1px white;} /* Sets the size for the main link bar */

div#links div {float: left; border-right: solid 1px white;} /* Keeps upper links on one line, and gives them the white border */
div#links div.last {border-right: none;} /* Removes border on the last link on right */
div#links div.last a {width: 95px;} /* Adds width remainder to far right link */
div#links div#current {background: white; font-weight: bold;} /* Sets color and bold for link of current section */

div#links div a {display: block; /* Also keeps the list elements on a horizontal line */
   height: 34px; width: 94px; 
   border-bottom: solid 3px white; padding-top: 3px; /* Gives room for the tabbed look on hover */
   font-family: sans-serif; font-size: 9pt; line-height: 26px; color: black;} /* Vertically centers the one-line links */
div#links div#current span {display: block; /* As above for link of current section */
   height: 34px; width: 94px; 
   border-bottom: solid 3px white; padding-top: 3px; 
   font-family: sans-serif; font-size: 9pt; line-height: 26px;}
div#links div#current span.two {line-height: 13px;} /* Changes line-height for the two-line links if the current section */

div#links a:hover {background-color: #FFAF60; border-bottom: solid 3px #FFAF60; color: white;} /* Changes color and creates the tab on hover */

div#links div a.two {line-height: 13px;} /* Changes line-height for the two-line links */


/* ------------------- Secondary Link Settings ----------------- */

div#lowerlinks {height: 20px; padding-top: 15px; line-height: 20px; text-align: center;}
div#lowerlinks a, span#current2 {margin: 0 10px 0 10px; /* Sets a left and right margin on the secondary links */
   font-family: sans-serif; font-size: 9pt;}
span#current2 {color: black;}

/* ------------------- Two Column Content Settings Uneven ----------------- */

div#main {padding: 20px 0px 20px 20px; width: 480px; margin-bottom: 100px;
   float: left; text-align: left;}

div#right {width: 220px; padding-top: 50px; padding-right: 20px; margin-bottom: 100px;
   float: right; text-align: right;}
* html body div#main {width: 520px; w\idth: 500px;} /* Silly hack to fix IE 5's problem with not adding padding when figuring widths, w\idth makes IE 6 and later ignore it */
* html body div#right {width: 240px; w\idth: 220px;} /* Repeat silly hack */

/* ------------------- Two Column Content Settings Split Halfway ----------------- */

div#lt {padding: 20px; width: 350px; margin-bottom: 100px;
   float: left; text-align: left;}

div#rt {width: 350px; padding-top: 50px; padding-right: 20px; margin-bottom: 100px;
   float: right; text-align: right;}
* html body div#lt {width: 380px; w\idth: 350px;} /* Silly hack to fix IE's problem with counting padding when figuring widths */
* html body div#rt {width: 380px; w\idth: 350px;} /* Repeat silly hack */

/* -------------------- One Column Settings ----------------------- */

div#whole {padding: 20px; width: 700px; text-align: left; margin-bottom: 100px;}

/* ------------------- Foooter Settings ----------------- */

div#footer {position: relative; bottom: 0; /* Centers footer for long pages */
   text-align: center; font-family: sans-serif; font-size: 9pt;
   padding-bottom: 10px;
   clear: both;} /* Pushes the footer down below the main and right divs */