@import url(http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css);
@import url(../js/thickbox/thickbox.css);

body { background-color: #fff;}
#doc {
	background-image: url(../images/bkgd.gif); 
	background-repeat: repeat-y; 
	background-color: #fff;
	}
#doc #ft {background-image: 'none'; background-color: #fff;}

p { margin-bottom: 1em; margin-top: 1em; line-height: 1.5;}
ul { margin-left: 2em;}
ul li {list-style:disc; margin-top: 0.25em; margin-bottom: 0.25em;}
strong { font-weight: bold;}
h2,h3,h4,h5,h6 { color: #c44439; }
h2 { font-size: 200%; margin-top: 20px; margin-bottom: 20px; }
h3 {font-size: 125%; margin-top: 10px; margin-bottom: 5px; font-weight: bold; }
#yui-main h3 {padding-top: 5px; border-top: 2px solid #c44439;}
.showhidedetails { margin-left: 0.5em; font-size: 64%; padding: 0.1em; }
a:visited { color: blue; }
/*
a:link {color: #246E78; text-decoration: none; background-color: #fff;}
a:visited {color: #2B545A; background-color: #fff; text-decoration: none; }
a:hover, a:active  {color: #fff; background-color: #246e78; text-decoration: none;}
*/
input:focus, textarea:focus { border: thin solid black; background-color: #ffd;}
.tmarticle { padding: 0.5em; margin: 1em; border: thin solid black; }

table.grid {border: medium solid black; border-collapse: collapse; margin-bottom: 5px;}
table.grid td, table.grid th {border-bottom: thin solid black; border-right: thin solid black; padding: .25em;}
table.grid caption {  border: medium solid black; background-color: #ddd; }
table.grid th {font-weight: bold; font-size: 110%; background-color: rgb(116,179,188);}
span.checkmark { font-size: 300%; color: green; }

/* faq */
.faq dt { border-top: thin solid #246E78; padding-top: 0.5em; margin-top: 1.5em; font-weight: bold; font-style: normal; font-size: 1.1em;}
.faq dd { margin-top: 0.5em; margin-left: 2em; line-height: 1.3;}
.faq dd p { line-height: 1.3; }
/* faq end */

/* header */
#hd {
    background-image: url(../images/track-banner-red.jpg);
	background-repeat: no-repeat;
	background-color: #c44439;
	background-color: white;
	height: 101px;
	}
#hd h1 { 
	color: #fff; 
	padding-top: 25px; 
	text-align: left; 
	margin-left: 165px; 
	font-size: 300%;
	}
/* end header */

/* footer */
#ft { 
	margin-top: 0.5em; 
	border-top: thin solid #c44439; 
	text-align: center; 
	color: #c44439; 
	color: #c44439; 
	padding: 0.5em 0px;
	}
/* end footer */
/* news */
#rhs { border: 1px solid #c44439; margin-top: 20px;}
#rhs h3 { text-align: center; padding-top: 0; border: none;}
ul#news, ul#news2 { padding-left: 0; margin-left: 0; margin-top: 10px;}
ul#news li, ul#news2 li {list-style: none; font-size: 85%; padding-left: 1em; padding-bottom: 1em;}
#news .title, #news2 .title {font-weight: bold; }
h3.newstitle2 { padding-top: 0.5em; border-top: 1px solid #c44439;}
/* end news */
/* navigation */
/* based upon Listomatic Veritcal Buttons
	http://css.maxdesign.com.au/listamatic/vertical13.htm */
#navcontainer {
background: #c44439;
margin: 0 auto;
padding: 1em 0;
text-align: left;;
}

ul#navlist {
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em 0 0.5em 1em;
border-width: 1px 0px 1px 0px;
border-color: #fff; /*#ffe #aaab9c #ccc #fff;*/
border-style: solid;
color: #fff;
text-decoration: none;
background: #c44439;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a, ul#navlist li#active a:hover
{
background: #7F1A13; 
/* e19e98; */
color: #fff;
/* font-weight: bold; */
}

ul#navlist li a:hover
{
color: #fff;
/*  c44439; */
background: #934B45;
/* font-weight: bold; */
border-color: #fff; /*#aaab9c #fff #fff #ccc;*/
}

/* end navigation */

/* gallery of images */
.gallery img { margin: 10px; border: thin solid black;}
.gallery a:link, .gallery a:visited, .gallery a:hover, .gallery a:active
{ text-decoration: none; background-color: inherit; color: inherit;}
.gallery { float: left; width: 100%;}
.gallery div { text-align: center; margin-left: 5px; float: left; height: 160px; width: 160px; font-size: xx-small; }
/* end gallery */

.highlightbox {  padding: 0.5em; margin: 1em; border: medium solid #7F1A13; }