/*===MERG3 SCREEN STYLES===*/
* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
a {
	color:#669900;
	text-decoration: underline;
}			
a:hover {
	color:#99CC00;
	text-decoration: underline;
}
.clear {
	clear: both;
}
ul {
	list-style-type: none;
}
body
{
	background: #fff url(../images/site_bkg.png) repeat-x;
	font: 75%/1.4 Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #333;
}
#container {
	margin: 0 auto;
	width: 850px;
}
a.download {
	display:block;
	width:200px;
	height:60px;
	background: url(../images/download.gif) left top no-repeat;
	padding: 15px 0 0 70px;
	margin: 0;
}
a:hover.download {
	background: url(../images/download.gif) left -80px no-repeat;
}
h2 {
	font: 2.4em Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-weight:bold;
	color:#336600;
}
body#pghome h3 {
	font: 1.7em Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-weight:bold;
	color:#336600;
	padding:.5em 0 0 0;
}
h3 {
	font: 1.5em/1.1em Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-weight:bold;
	color:#333;
	padding:.5em 0 0 0;
}
.photos {
	float:left;
	margin:4px 10px 2px 0;
}
#colmRightBlock p.quotes {
	font: 1.6em/1.2em Georgia, "Times New Roman", Times, serif;
	color:#999999;
}
/*===========HEADER===============*/

body#pghome div#header
{
	background: url(../images/header_bkg2.png) no-repeat left bottom;
	height: 400px;
	width: 850px;
}

div#header
{
	height: 125px;
	width: 850px;
}
#header h1
{	
	background: url(../images/logo_kieron.png) no-repeat;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	height: 120px;
	width: 455px;
	display:block;
	position: absolute;
}
#header a {
	cursor: pointer;
	color: #000;
	border: none;
}
div#project {
	display:block;
	float:left;
	padding:230px 0 0 30px;
	width:510px; /*width:450px;*/
	height:170px;
	color:#000;
	font-size:1.3em;
	line-height:1.2em;
	font-weight:bold;
}
div#project h2 {
	font-size: 1.4em;
	padding:0 0 6px 0;
	color:#fff;
}
div#project img {
	padding:10px 0 0 0;
}

/*===========FOOTER===============*/
div#footer
{
	width: 850px;
	height: 65px;
	margin: 20px auto;
	padding: 0;
	background: url(../images/footer_bkg.png) no-repeat;
	color: #999;
	font-family: Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size: 1em;
	text-align: left;
	display:block;
	clear: both;
}

div#footer a:link
{
	color: #999;
	text-decoration: none;
}
div#footer a:visited
{
	color: #999;
	text-decoration: none;
}
div#footer a:hover
{
	color: #333;
	text-decoration: underline;
}

div#footer #footerNav
{
	float: left;
	width: 550px;
	padding: 10px 14px;
}
div#footer ul li
{
	border-right: solid 1px #ccc;
	display: inline;
	margin: 0;
	padding: 0 4px 0 4px;
}
div#footer ul li#first
{
	border-right: solid 1px #ccc;
	padding: 0 4px 0 0;
}
div#footer ul li#last
{
	border-right: none;
}
div#footer #validbuttons
{
	text-align: right;
	float: right;
	width: 200px;
	padding: 10px 14px;
}
div#footer #validbuttons a
{
	padding: 0 0 0 5px;
}
div#colmLeft
{
	float: left;
	padding: 40px 0 20px 0;
	width: 510px;
}
div#colmLeft p.first, body#pghome div#colmLeft p.first
{
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	font: 1.5em/1.4em Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #333;
	font-weight: normal;
}
body#pghome div#colmLeft p
{
	padding:0 0 10px 0;
	font: 1.4em/1.3em Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #666;
	font-weight: normal;
}
div#colmLeft p
{
	padding:0 0 10px 0;
	font: 1.2em/1.3em Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #666;
	font-weight: normal;
}
div#colmLeft p.title
{
	padding:0 0 10px 0;
	font: 1em/1.1em Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #333;
	font-weight: normal;
}
div#colmLeft strong {
	font-weight:bold;
	color:#333;
}
div#colmRight
{
	background: url(../images/colmRight_bkg.png) no-repeat;
	float: right;
	margin: 80px 0 0 0;
	padding: 0;
	width: 308px;
	color: #333;
}
div#colmRightBlock h3 {
	font: 1.7em Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-weight:bold;
	color: #333;
	padding: 0;
}
div#colmRightBlock p {
	font: 1.2em Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #333;
}
div#colmRightBlock
{
	margin: 25px 20px 10px 30px;
	padding: 0;
}
div#colmRight ul, div#colmLeft ul
{
	margin:0;
	padding:5px 0;
}
div#colmLeft ul.bullets li
{
	margin:0;
	padding: 0 0 .5em 30px;
	background: url(../images/bullet.png) left top no-repeat;
	font: 1.2em/1.3em Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #666;
}
div#colmLeft li.first
{
	margin:0;
	padding: 0 0 5px 0;
	background: none;
	font: 1.3em/1.3em Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-weight:bold;
	color: #000;
	/*border-bottom:1px solid #666;*/
}
div#colmLeft ul.checks li, div#colmLeft ul ul.checks li
{
	margin:0;
	padding: 0 0 .5em 30px;
	background: url(../images/check.png) left top no-repeat;
	font: 1.2em/1.3em Arial, Helvetica, sans-serif, "Trebuchet MS";
	color: #666;
}
div#colmRight li
{
	margin:0;
	padding: 0 0 0 30px;
	background: url(../images/check.png) left center no-repeat;
	font-size:1.4em;
	line-height:1.3em;
}

div#colmRight div#colmRightBlock ul#subnav
{
	margin:0;
	padding:0;
	width:250px;
}
div#colmRight div#colmRightBlock ul#subnav li
{
	margin:0;
	padding:0;
	background: none;
}
div#colmRight div#colmRightBlock ul#subnav li a.sublinks
{
	margin:0;
	padding: 2px 0;
	background: none;
	font-size:15px;
	color:#333;
	text-decoration: none;
	display: block;
	width:250px;
	height:24px;
	border-bottom:1px #ccc solid;
}
div#colmRight div#colmRightBlock ul#subnav li a.sublinkslast
{
	margin:0;
	padding: 2px 0;
	background: none;
	font-size:15px;
	color:#333;
	text-decoration: none;
	display: block;
	width:250px;
	height:24px;
	border-bottom:none;
}
div#colmRight div#colmRightBlock ul#subnav li a:hover.sublinks, div#colmRight div#colmRightBlock ul#subnav li a:hover.sublinkslast
{
	background: none;
	color:#999;
}


/*=====NAVIGATION=====*/
ul#navigation
{
	margin: 90px 0 0 0;
	padding: 0;
	width: 850px;
	display:block;
	z-index:100;
	position: absolute;
}
ul#navigation li
{
	float: right;
	text-align:center;
	height: 46px;
	margin: 0 1px;
	padding: 0;
	color:#fff;
}

ul#navigation li a:link
{
	display: block;
	text-decoration: none;
	color:#fff;
	padding:10px 0;
}
ul#navigation li a:visited
{
	display: block;
	text-decoration: none;
	color:#fff;
	padding:10px 0;
}
/*EACH BACKGROUND*/
ul#navigation li#welcome a:link, ul#navigation li#welcome a:visited
{
	background: url(../images/nav_welcome.png) no-repeat 0px -50px;
	width: 81px;
	height: 46px;
}
ul#navigation li#foundation a:link, ul#navigation li#foundation a:visited
{
	background: url(../images/nav_foundation.png) no-repeat 0px -50px;
	width: 127px;
	height: 46px;
}
ul#navigation li#race a:link, ul#navigation li#race a:visited
{
	background: url(../images/nav_race.png) no-repeat 0px -50px;
	width: 148px;
	height: 46px;
}
ul#navigation li#picks a:link, ul#navigation li#picks a:visited
{
	background: url(../images/nav_picks.png) no-repeat 0px -50px;
	width: 116px;
	height: 46px;
}
ul#navigation li#donate a:link, ul#navigation li#donate a:visited
{
	background: url(../images/nav_donate.png) no-repeat 0px -50px;
	width: 72px;
	height: 46px;
}
ul#navigation li#contact a:link, ul#navigation li#contact a:visited
{
	background: url(../images/nav_contact.png) no-repeat 0px -50px;
	width: 97px;
	height: 46px;
}

ul#navigation li#welcome a:hover, ul#navigation li#foundation a:hover, ul#navigation li#race a:hover, ul#navigation li#picks a:hover, ul#navigation li#donate a:hover, ul#navigation li#contact a:hover
{
	background-position: top;
	padding:10px 0;
}
ul#navigation li a:link#current, ul#navigation li a:visited#current
{
	background-position: top;
	padding:10px 0;
}
/* ========= Contact Form =============*/

/* id for the form itself */
form#gb_form { 
  padding: 0;
  margin: 0;
  border: none;
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
 /*padding: 10px;
 margin: 0 0 20px 0 ;
 border: 1px solid #ccc;*/
 padding: 0;
 margin: 0 0 20px 0 ;
 border:none;
}
/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
	padding:0;
	margin:0;
  	border: none;
  /* background-color : #fefefe; */
}
/* form legends and dt "heading" */
legend, dt { 
  color: #333;
  font-size : 1em;
  padding: 0 8px;
  font-weight:bold;
}

/* form label text */
label { 
  color: #333;
  font-size: 1em;
  font-weight:bold;
  padding: 10px 0 0 0;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox { 
  font: 1em Arial, Helvetica, sans-serif, "Trebuchet MS";
  color: #666; 
  padding: 4px 0 4px 4px; 
  margin: 0 0 5px 0; 
  background-color: #efefef;
  border: solid 1px #ccc;
}
/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  font: 1em Arial, Helvetica, sans-serif, "Trebuchet MS";
  color: #666; 
  padding: 4px 0 4px 4px; 
  margin: 0 0 5px 0; 
  background-color:#fff;
  border: solid 1px #ccc;
}

/* to make focus stable in IE 6 */
* html input.button { 
  border: none;
  background-color:#999;
  color:#fff;
  padding: 5px;
  font-size: 1.3em;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}
* html input.button:hover { 
  border: none;
  background-color:#333;
  color:#fff;
  padding: 5px;
  margin: 0;
  font-size: 1.3em;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}
* html input.button.focus { 
  border: none;
  background-color:#333;
  color:#fff;
  padding: 5px;
  margin: 0;
  font-size: 1.3em;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}

input.button {
  border: none;
  background-color:#999;
  color:#fff;
  padding: 5px;
  margin: 0 0 10px 0;
  font-size: 1.3em;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}

input.button:hover {
  border: none;
  background-color:#333;
  color:#fff;
  padding: 5px;
  margin: 0 0 10px 0;
  font-size: 1.3em;
  font-family: Arial, Helvetica, sans-serif;
  cursor: pointer;
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
  color: #333;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  background-color : #fff; 
  padding : 0 4px 0 4px; 
  color : #fff;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  background-color : #fff; 
  color : #333;
  padding : 0 4px 0 4px; 
  margin: 0 0 0 10px;
  text-decoration : none; 
}

/* text that are options in form */
span.options { 
  color: #666; 
  font-weight:normal; 
  font-size:1em;
}

/* error heading weight and color - bold is for the error reason text */
span.errors, dt.errors, strong.errors { 
  color:#FF9900; 
  font-weight:normal; 
}

/* success heading color */
span.success { 
  color:#FF9900; 
  font-weight : normal; 
}