/* 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: 24px;
	font-family: sans-serif;
	line-height: 18pt;
	margin-bottom: 10px;
	border-left: solid 2px #ff9934;
	padding-left: 15px;
	text-align: left;
}

h3 {
	color: #000;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
}

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: 0px;
	text-align: left;
}

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;
	background-image: url(../Flinton4048_for_Website.jpg);
}
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: 87px;} /* 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: 83px; 
   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: 84px; 
   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 div#current span.last {width: 87px;} /* makes the last one not have the yellow on the right */
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: 35px; 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;}



.underlinemenu{
width: 100%;
}

.underlinemenu ul{
padding: 15px 0 7px 0; /*15px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center; /*set value to "center"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #494949;
padding: 15px 3px 4px 3px; /*top padding is 15px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 1px solid gray; /*bottom border is 1px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: #ff9934;
}

.underlinemenu ul li 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;
	color: #000;
}

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;
	font-weight: bold;
}

/* ------------------- 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 */