/*********************************************************************************************\
 *
 *        TITLE:  Default Style Sheet
 *       CLIENT:  Racing for Safety
 *  TARGET SPEC:  CSS 2
 *     MODIFIED:  2010.01.19
 *    AUTHOR(S):  Susan Ferguson-Wheeler / NetMediaOne - www.netmediaone.com
 *
\*********************************************************************************************/



/*************************************************************************************\
 * 
 *  ELEMENT DEFAULTS
 *
\*************************************************************************************/
a, a:visited { font-weight: bold; color: #fcc500; text-decoration: underline; cursor: pointer; }
a:hover, a:visited:hover { color: #fcc500; text-decoration: underline; cursor: pointer; }

body, div, h1, h2, h3, html, img, td { border: 0px; padding: 0px; margin: 0px; }

html { background: #000000 url("bg_html.jpg") top center repeat-x; height: 100%; }

body { font: normal 12px/1.81 Verdana, Arial, Helvetica, sans-serif; color: #d0d0d0; background: url("bg_body.jpg") top center no-repeat; min-height: 100%; }

blockquote { 
	font: italic 12px/1.81 Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  padding: 0px 10px 10px 10px;
  margin: 10px 0px 10px 0px;
  border: 1px solid #f0f0f0;
}
blockquote p { background: #f0f0f0; padding: 15px 20px 15px 20px; }
blockquote span { font-size: 10px; }

h1 {
	font: bold 17px/1.45 Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0px 0px 30px 0px;
	padding-bottom: 10px; 
	border-bottom: 1px solid #ffffff;
  position: relative;
}


h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 30px 0px 20px 0px;
	position: relative;
}

.HomePage h2 { margin-top: 0px; }

h3 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 15px 0px 10px 0px;
}
	
h4 { font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; margin: 10px 0px 0px 0px; }


label { font: bold 1em Verdana, Arial, Helvetica, sans-serif; }

p { margin: 10px 0px 10px 0px; }

table { font: inherit; }

ul { list-style: square outside; margin: 10px 0px 10px 1em; padding: 0px; }

li { margin: 0px; padding: 0px 0px 0px 0px; }



/*************************************************************************************\
 *
 *  CUSTOM CLASSES
 *
\*************************************************************************************/


.Bordered { border: 5px solid #ffffff; }

.Chart { width: 100%; border-bottom: 5px solid #d7e2f1; }
.Chart th { 
	padding: 5px 10px 5px 10px; 
	vertical-align: middle; 
	text-align: left; 
	font-weight: bold; 
	font-size: 12px; 
	background: #eaf1fa; 
	border-top: 5px solid #d7e2f1; 
	border-bottom: 1px solid #d7e2f1;
}

.Cleared { overflow: auto; }

div.Column { display: inline; float: left; }

.HomePage .Col1 { width: 500px; margin: 0px 30px 0px 0px; }
.SubPage .Col1 { width: 380px; margin-right: 30px; }

#imgFlag { position: absolute; top: 30px; left: 0px; }
#imgTrophy{ position: absolute; top: 10px; left: 0px; }
#imgChildren { position: absolute; top: 65px; left: 30px; }

.HomePage .Col2 { width: 170px; margin-right: 30px; }
.HomePage .Col2 img { margin-bottom: 7px; }
.SubPage .Col2 { width: 380px; }

.Left { display: inline; float: left; margin: 5px 20px 5px 0px; }

.NoButtons { list-style: none none; margin: 0px; padding: 0px; }
.NoButtons li { list-style: none none; margin: 0px; padding: 0px; }

.Right { display: inline; float: right; margin: 5px 0px 5px 20px; }

.Center { display: block; margin: 10px auto 10px auto; }

.NoBullets { list-style: none none; margin-left: 0px !important; padding-left: 0px !important; }


/*************************************************************************************\
 *
 *  PAGE LAYOUT ELEMENTS (arranged by order of appearance in HTML)
 *
\*************************************************************************************/

#layoutWrapper { width: 950px; margin: 0px auto 0px auto; padding: 0px 0px 30px 0px; position: relative; }

#topSection { position: relative; padding: 0px; height: 95px; background: #ffffff url("bg_topsection.gif") bottom center no-repeat; }

#bannerSection { position: relative; background: #000000 url("bannersection_top.gif") top center no-repeat; height: 358px; margin-top: 10px; }
.SubPage #bannerSection { position: relative; background: #000000 url("bannersection_top.gif") top center no-repeat; height: 118px; margin-top: 10px; }
#mainBanner { display: block; position: absolute; top: 78px; right: 0px; }
#imgLogo { position: absolute; top: 18px; left: 21px; z-index: 900; }

#topNav { position: absolute; top: 10px; right: 20px; }
#topNav ul { position: absolute; top: 5px; right: 0px; list-style: none none; margin: 0px; padding: 0px; overflow: auto; width: 123px; }
#topNav li { display: inline; float: left; padding: 0px 0px 0px 15px; }
#topNav a { display: block; margin: 0px; padding: 0px; outline: none; }
#topNav img { display: block }

#mainNav { position: absolute; top: 38px; right: 0px; width: 100%; background: url("bg_mainnav.gif") top center repeat-x; height: 40px; z-index: 500; }
#mainNav ul { list-style: none none; margin: 0px; padding: 0px; overflow: auto; height: 40px; width: 717px; position: absolute; top: 0px; right: 0px;}
#mainNav li { display: inline; float: left; padding: 0px 19px 0px 19px; margin: 10px 0px 10px 0px; height: 20px; border-left: 1px solid #000000; border-right: 1px solid #5d5d5d; }
#mainNav li.FirstChild { border-left: 0px; }
#mainNav li.LastChild { border-right: 0px; }
#mainNav a { display: block; margin: 0px; padding: 0px; outline: none; }
#mainNav img { display: block; }

#quickButtons { list-style: none none; margin: 0px; padding: 0px; overflow: auto; }
#quickButtons li { display: inline; float: left; padding-right: 10px; }

#contentSection { padding-top: 30px; padding-bottom: 30px; padding-left: 220px; background-color: #202020; position: relative; }
.SubPage #contentSection { padding-right: 30px; padding-left: 130px; }
#sponsorBlock { position: relative; background: url("bg_partners.jpg") top center no-repeat; height: 105px; }
#sponsorBlock ul {  padding: 17px 0px 0px 40px; list-style: none none; margin: 0px; overflow: auto; }
#sponsorBlock li { display: inline; float: left; padding-right: 41px; margin: 0px; }
#sponsorBlock li.LastChild { padding-right: 0px; }
#sponsorBlock li a { border: none; outline: none; }
#sponsorBlock img { display: block; }

#footerSection { font-size: 10px; color: #808080; text-align: center; line-height: 1.6; padding: 10px 0px 0px 0px; }
#footerSection a, #footerSection a:visited { color: #808080; text-decoration: none; font-weight: normal; }
#footerSection a:hover, #footerSection a:visited:hover { color: #fcc500; text-decoration: none; font-weight: normal; }
