/* reset stuff */
html{color:#000;background:#FFF;}
body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,ul,ol{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,dfn,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
legend{color:#000;}

legend {
  white-space: normal !important;
}

/* To identify imcomplete content during development */
a[href=""], .todo {
	color: black !important;
	border:1px dashed yellow !important;
}

/* Modified Jello Mold - http://positioniseverything.net/articles/jello.html */
#sizer {
	margin: 0px auto 20px auto;
	width: 70%;
	max-width: 240px; 
}

#expander {
	margin: 0 -380px;
	min-width: 760px; /* Critical Safari fix! */
	position: relative;
}

/* Holly hack for IE, minus the hack */
/* This screws up Printing of Tables in Firefox, and doesn't seem necessary in IE. Killing it. -Aa*/

html #expander {
	height: 0;
}


/* helps IE get the child percentages right. */
#wrapper {
	width: 100%;
	background-color:#fff;
}

html, body {
	font: 100% /*corbel,*/optima,"Lucida Grande",Arial,Verdana,sans-serif;
}

form, table {
	font: 90% /*corbel,*/optima,"Lucida Grande",Arial,Verdana,sans-serif;
}

body {
	background-color:#fff;
	padding: 0px 380px 0 380px;
	font-size: 0.825em;
	color:#000;
}

#top_nav {
	background-color:#D2E7F9;
	position:absolute;
	top:-4px;
	right:20px;
	font-size:.75em;
	text-transform:uppercase;
	padding:3px 5px;
	width:25em;
}

#top_nav li {
	display:inline;
	padding-left:10px;
	margin:0;
}

#top_nav li  a {
	color:#333;
	text-decoration:none;
	padding-left:12px;
}

#top_nav li  a#skip{
	background:#D2E7F9 url(/template/img/top_skip.gif) 0% 50% no-repeat;
}

#top_nav li  a#staff{
	background:#D2E7F9 url(/template/img/top_staff.gif) 0% 50% no-repeat;
}

#top_nav li  a#feedback{
	background:#D2E7F9 url(/template/img/top_contact.gif) 0% 50% no-repeat;
	padding-left:14px;
}

h1#logo, h2#logo {
	padding:18px 0 0 20px;
	margin:0;
}

#nav {
	text-transform:uppercase;
	margin:0 2%;
	padding:0px;
}

#nav li {
	display:inline;
	margin:0;
	padding:0;
	text-align:center;
}

#nav li a {
	color:#fff;
	display:-moz-inline-box;
	display:inline-block;
	width:25%;
	text-align:center;
	text-decoration:none;
	font-size:1.125em;
	font-weight:bold;
	padding:11px 0 8px 0;
	margin:0 0 0px 0;
	border-bottom:1px solid #fff;
	background-color:#4b8fd6;
}

#nav li a:focus, #nav li a:hover, #nav li a:active {
	color:#ddd;
}

#nav li.active a {
	background-color:#7EAEE2;
	color:#fff;
}

#nav #nav_blog a {
	border-right:none;
}

#search {
	text-align:center;
	margin:-0 2%;
	padding:10px 0;
}

#search.light {
	background-color:#7EAEE2;
}

#search.dark {
	background-color: #4b8fd6;
}

#search #searchterms {
	width:300px;
}

#search #searchterms.inactive {
	font-style: italic;
	color:#666;
}

#search #searchterms.active {
	width:300px;
	color:#222;
	font-style: normal;
}

#resultsbox {
	text-align:left;
	margin:10px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:6px;

}

#resultsbox h2 {
	font-size:1.375em;
	margin-bottom:0;

	clear:both;
}

#main #resultsbox h2 {
	border-bottom: none;
}

#resultsbox div.item {
	border-bottom: 1px dashed black;
}

#resultsbox div.item img {
	padding-right: 10px;
}

#resultsbox div.item hr {
	clear: both;
	visibility: hidden;
	border: none;
}

#resultsbox  h2.search2 {
	font-size:1.125em;
}

#resultsbox  h2.search3 {
	font-size:1em;
}


#resultsbox  h2 a img {
	float:left;
}

#resultsbox  p {
	margin-left:20px;
}

#resultslinks {
	margin-top:15px;
	font-weight:bold;
	text-align:right;
}

#main {
	margin:10px 2%;
}

#breadcrumbs {
	font-size:1.25em;
	margin:0 0 20px 0;
}

#footer {
	clear:both;

	text-align:center;
	border-top:1px dashed #4B8FD6;
	padding-top:10px;
}

#footerlinks li {
	display:inline;
	padding:0 5px;
	margin:0;
}

#footerlinks li a {
	display:inline-block;
	margin:5px 5px 10px 5px;
}

#footer a img{
	border:1px solid #fff;
}

#footer a:hover img, #footer a:active img, #footer a:focus img{
	border:1px solid #ccc;
}

#nascarlogos  {
	width:100%;
}

#nascarlogos a {
	display:inline-block;
	width:31%;
}

#nascarlogos a img {
text-align:center;
}

#bottommatter {
	margin:10px 0;
	padding-bottom:20px;
}

/* Generic visual styles */
.hidden {
	 position:absolute; 
	 left:0; 
	 top:-500px; 
	 width:1px; 
	 height:1px; 
	 overflow:hidden;
}

.gone {
	display:none;
	visibility:hidden;
}

.ungone {
	display:block;
	visibility:visible;
}

.center {
	text-align:center;
}

.tab {
	margin-left:25px;
}

img {
	border:none;
}

a:link {
	color: #1051A3;
}

a:active, a:focus, a:hover {
	color: #BF1722;
	text-decoration:underline;
}

a:visited {
	color:#663366;
}

h1 {
	font-size:2em;
	line-height:1em;
	color:#1051A3;
	font-family:corbel,optima,"Lucida Grande",Arial,Verdana,sans-serif;
}

#main h2 {
	font-size:1.54em;
	color:#4B8FD6;
	/*font-family: palatino,georgia,serif;*/
	padding-bottom:4px;
	border-bottom:1px dotted #4B8FD6;
}

#main h3 {
	font-size:1.375em;
	line-height:1.125em;
	color:#4B8FD6;
}

#main h4 {
	font-size:1.125em;
}

#main p, #main ul, #main pre {
	line-height:1.375em;
}

p.small {
	font-size: smaller;
	line-height: 0.85em;
}

ul, ol {
	margin:.5em 0 .5em 0;
}

li {
	margin: 0 0 0 17px;
}

td, th {
	padding:3px;
	vertical-align: top;
}

th {
	font-weight: bold;
}

blockquote.quote {
  width:400px;
  font: 1.25em cambria,palatino,georgia,serif;
  padding: 5px 5px 5px 50px;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  margin-left: 25px;
  background: #D2E7F9 url(/template/img/openquote.gif) 5px 10px no-repeat;
  text-indent: 23px;
} 

.infobox {
	float:right;
	width:25%;
	background-color:#D2E7F9;
	padding:7px;
	position:relative;
	top:-5.5em;
	left:0;
	margin:0 0 0 4px;
}

.infobox .logo {
	text-align:center;
}

.navbox {
	float:right;
	width:25%;
	background-color:#D2E7F9;
	padding:7px;
	margin:0 0 0 4px;
	border:1px solid #ccc;
}

.toc  {
	width:40%;
	text-align:left; 
	background-color: #EEE9DF; 
	padding:4px;
	border:1px solid #ccc;
	margin-left:20px;
}

.toc h2, .infobox h2, .navbox h2 {
	margin-top:0px;
	border:none !important;
	padding-bottom:0px !important;
}

.toc ul, .infobox ul, .navbox ul {
	margin-top:-10px;
}

.navbox ul ul{
	margin-top:0px;
}

.toc ul {
	margin-left:15px;
}

.toc ul li {
	list-style:none;
	margin-left:5px;
	padding-left:0px;
	list-style-image:url(/template/img/list_box.gif);
}
.form_label {
	width:7em;
	text-align:right;
	height:1em;
	float:left;
	padding-right:8px;
}
.input {
	float: left;
	margin-bottom: 5px;
}

/* Blog styles */
#blog h1 a {
	color:#1051A3;
	text-decoration:none;
}

#blog .comments {
	padding-left:18px;
	background:url(/template/img/bubble.gif) top left no-repeat;
}

#blog .postmetadata  a span {
	text-decoration:underline;
}

#blog .postmetadata  a {
	text-decoration:none;
}

.blogauthor {
	margin:-10px 0 15px 0;
	color:#555;
	font: 1.125em cambria,palatino,georgia,serif;
}