/* OUTERMOST DIV: Contains all page elements *******************/
body {font-family:Verdana, Arial, Helvetica, sans-serif; padding: 0; margin: 0; background: #DDD;}

img {border: 0;}

a {text-decoration: none; color: cyan;}
a:link {text-decoration: none; color: cyan;}
a:visited {text-decoration: none; color: cyan;}
a:hover {text-decoration: underline; color: cyan;}

p.leftnav_top a:hover {text-decoration: none;}

textarea {border: 2px solid red;}

h3 {margin-top: 0;}
ul {margin-top: 0; margin-bottom: 0;}

#container {width: 90%; margin: 10px auto; background-color: #fff; color: #333; border: 1px solid gray;line-height: 130%;}

#leftnav { float: left; width: 250px; /* height: 210px; */ margin: 0; padding: 0 .5em; background: #FFF url(images/mcpnewslogo4.gif) .5em top no-repeat;}

#leftnav p.leftnav_top { background: #300B81; border-left: 2px solid black; height: 30px; margin: 0; color: yellow; font-size: 1em; padding-left: 20px;}
#leftnav a.leftnav_date {color: yellow; font-size: 1em; font-weight:normal; text-decoration: none;}

/* Navigation rollover links ************************************************/
.navcontainer { border: 1px solid gray; border-top-color:#300B81; background: #EEF;}
.navcontainer h4 {margin: 0.2em 0.5em; padding: 0;}
.navlist {padding: 1px;margin-left: 0;font-size: 0.8em;line-height: 1em;width: 14em;color: gray; }
.navlist li {list-style: none;margin: 0px;text-align: left;padding: 0 0.5em 0.5em 0.9em;}
.navlist li a {display: block;text-decoration: none;border-left: 3px solid #CCE;padding-left: 5px;}
.navlist li a:link { color: #000; }
.navlist li a:visited { color: #006; }
.navlist li a:hover {font-weight:normal;color: #000080;background: #b1d5ed;border-left: 3px #004080 solid;text-decoration: none;}
.navlist li a.outside_link {padding-left: 17px; background: url(images/external4.gif) 5px 2px no-repeat;}
.navlist li a.outside_link:hover {background: #b1d5ed url(images/external4_hover.gif) 5px 2px no-repeat;}

.resources, .outside_links {border: none; background: none;}

/* RIGHT DIV: Contains all page elements except leftnav *******************/

#right_content {margin-left: 290px; border: none; padding: .5em; /*max-width: 36em;*/}

#top {padding: .5em;margin: 0;background: #300B81 url(images/smallbluebar3.gif) top left repeat-x;color: white;border-bottom: 1px solid #AD99B6;border-left: 2px solid black;}

#top h1, h2 {padding: 0;margin: 0 0 .5em 0;font-weight: normal;color: white;}
#top h2 {color: yellow; font-size: 90%;}
#top p {font-size: .6em; line-height: 1em; padding: 0; margin: 0;}

#breadcrumbs * {padding: 0;margin: 0 0 .5em 0;background: white; color: black;font-weight: normal;line-height: 1.4em;}
#breadcrumbs *.current {font-weight: bold;}

/* INSIDE RIGHT DIV: Contains all page elements except leftnav, top, and breadcrumbs *******/
#content {padding: 0; border: none; min-height: 20em;}
#content h3 {margin-bottom: 0; border-bottom: 1px solid #666;}
#content h4 {margin: 0; padding: 0;}
#content h5 {margin: 0;}
#content h6 {margin: 0;}

#content p {padding: 0 1em 0em 1em; font-size: .8em; line-height: 110%; margin: 0 0 .7em 0;}
#content p.indent{padding-left: 2em;}
#content p.indent1{padding-left: 2em;}
#content p.indent2{padding-left: 4em;}
#content ul {margin-bottom: 0.5em;}
#content li {font-size: .8em; line-height: 110%;}
#content a {color: blue;}
#content a.outside_link {text-decoration: none;}
#content a.outside_link:hover {text-decoration: underline;}
/* background image in link disappears in IE when link goes across end-of-line,
so put SPAN tags around first word of line, and following will place image there. */
#content a.outside_link span {padding-left: 14px; background: url(images/external4.gif) 2px 2px no-repeat;}
#content a.outside_link:hover span {text-decoration: underline; background-image: url(images/external4_hover.gif);}

.item_title {background: #BFBFBF url(images/graybar2.gif) top left repeat-x;border-left: 2px solid black;border-bottom: 1px solid #CCC;font-size: 1em;color: black;padding-top: 4px;}

#third_column {float: right;border: 1px solid black;display: block;width: 33%;background: #DDF;padding: 0;margin: 0.5em;}
.tip {background: #300B81 url(images/smallbluebar3.gif) top left repeat-x;border-left: 2px solid black;border-bottom: 1px solid #AD99B6;font-size: 1em;color: white;margin: 0; padding: 0 0.5em;}
#third_column h4 { margin: 0; padding: 0 0.5em; font-size: .9em; color: #0066CC;}
#third_column p { margin: 0; padding: 0 0.6em 0.5em 0.6em; font-size: .8em; line-height: 1em;}



/* 
#footer {clear: both;margin: 0;padding: .5em;color: #333;background-color: #fff;border: none; text-align: center;}
*/
#footer {clear: both;margin: 0;margin-top: 1em; padding: .5em;color: #333;background-color: #fff;border: none; text-align: center;}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/* Feedbacks ----------------------- */
#content p.ok {border: 2px solid green;background: #fff url(images/check1.gif) 2px 2px no-repeat;color: #000;font-size: 1.2em;height: 2em;min-height: 2em;padding: 3px 5px 0 30px;width: 30em;}
#content p.error {border: 2px solid black;background: #f99 url(images/x1.gif) 2px 2px no-repeat;color: #000;font-size: .8em;font-weight: bold; min-height: 1.4em; padding: 3px 5px 0 30px; width: 30em;}
/*#content p.error {border: 2px solid black;background: #f99 url(images/x1.gif) 2px 2px no-repeat;color: #000;font-size: .8em;font-weight: bold;height: 1.4em; min-height: 1.4em; padding: 3px 5px 0 30px; width: 30em;}*/

table.runs {border: 1px solid black; font-size: 0.8em; background-color: #66CC66;  border-bottom:  0; padding: 0; margin: 0.3em 0 1em 1em;}
table.runs th {background-color: #669933; color: white; font-weight: bold; border: 1px solid black; border-width: 0 0 1px 1px; padding: 0 1em;}
table.runs th.firstcol {border-left: 0;}
table.runs td {border: 1px solid black; border-width: 0 0 1px 1px; padding: 0 1em;}
table.runs td.firstcol {border-left: 0;}
.run_sat_past {
	background-color: #228822;
	color: #66CC66;
}
.run_sat_future {
	background-color: #66CC66;
}
.run_other_past {
	background-color: #444444;
	color: #888888;
}
.run_other_future {
	background-color: #999999;
}
.race_past {
	background-color: #AAAA44;
	color: #EEEE88;
}
.race_future {
	background-color: #EEEE88;
}
table.run_key {
	font-size: .6em;
	border: 1px solid black;
	margin-left: 2em;
}
table.run_key th {
	font-size: 1.1em;
	font-weight: bold;
	background-color: #EEEEFF;
	border-bottom: 1px solid black;
}
table.run_key td {
	padding: 1px 4px;
}
table.run_key tr {
	border-bottom: 1px solid black;
}

.acf_links {background: none;}
.acf_links h4 {margin-top: 0;}
p#acf_logo {text-align:center; margin-top:0; margin-bottom:0 !important; padding:0; border:0 !important;}
#acf_logo a {text-decoration: none; border: 0; margin: 0; color: red;}
#acf_logo a:link {color: red;}
#acf_logo a:hover {color: black;}
#acf_logo img {border: none;}
.acf_links .navlist {font-size: 0.9em;line-height: 1em; width: 250px; width: expression("240px");}

.runsdirs {font-weight: bold; color: blue;}

.run_key {font-size: 0.8em;}
#footer .credits {font-size: .6em; color: #999; border-top: 1px solid #CCC; margin: 0 auto; line-height: 1.1em; width: 70em;}
a.mailto {color: #339;}

span.expandLink {
	display: inline;
	font-size: 70%;
	color: #333;
	margin: 0;
	padding: 0;
	/*border: 1px dotted red;*/
	width: 100%;
	}
	
span.expandLink a {
	display: inline;
	color: #333;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	}
	
span.expandLink a:hover {
	border: none;
	background: none;
}
	
#navlinks {
	border: none; 
	background: none;
	width: 14em;
	position: relative;
	top: 4px;
	padding: 0;
	margin: 0;
	font-size: 90%;
	}
	
#navlinks, #navlinks ul, #navlinks li {
	margin: 0 0; /* 2px 0; */
	padding: 0;
	list-style: none;
	background-color: transparent;
	}
	
#navlinks li {
	border: none;
	clear: both;
	color: black;
	}
	
#navlinks li a {
	border-left: none;
	margin: 0; /* margin: 0 0 2px 0; */
	padding: 0;
	color: blue;
	/* text-decoration: underline; */
	}
	
#navlinks li a:hover {
	color: #FF3300; /* red; */
	background: none;
	}
	
#navlinks li a.outside_link {padding-left: 17px; background: url(images/external4.gif) 5px 2px no-repeat;}
#navlinks li a.outside_link:hover {background: #b1d5ed url(images/external4_hover.gif) 5px 2px no-repeat;}

#navlinks li b { /* IS THIS USED? */
	display: block;
	height: 1.2em;
	color: white;
	background: green; /* blue; #bbb; */
	width: 100%;
	padding: 4px;
	}

#navlinks li b:hover,
#navlinks li b.over {
	background: #66C;
	color: yellow;
	}
	
#navlinks li ul li {
	font-size: 90%;
	border: none;
	background: #99F;
	margin-left: 10px;
	}
	
#navlinks li ul li a {
	display: block;
	/* height: 1.2em; */
	width: 90%;
	padding: 4px;
	text-decoration: none;
	color: white;
	background: #99F;
	border-left: none;
	}
	
#navlinks li ul li a:hover {
	color: #FF3300;
	/* #FF0;  red */
	/* background: #CCF; */
	}
	
#navlinks li ul li a.submenu {
	/* display: inline; */
	}

#navlinks span {
	/* display: inline; */
}

/*	
ul#submenu1 li, ul#submenu1 li a,
ul#submenu2 li, ul#submenu2 li a,
ul#submenu3 li, ul#submenu3 li a,
ul#submenu4 li, ul#submenu4 li a,
ul#submenu5 li, ul#submenu5 li a,
ul#submenu6 li, ul#submenu6 li a,
ul#submenu7 li, ul#submenu7 li a,
ul#submenu8 li, ul#submenu8 li a,
ul#submenu9 li, ul#submenu9 li a,
ul#submenu10 li, ul#submenu10 li a,
ul#fishMore li, ul#fishMore li a {
	padding-left: 10px;
	}
*/

#navlinks li a {
	display: inline;
	/* border: 1px dotted blue; */
	}
	
ul.indent1 {
	margin-left: 4em;
	/* border: 1px dotted red; */
	}
	
.toggleImg {
	margin: 0 4px 0 0;
	padding: 0;
	border: none; /* 1px dotted red; */
	}
	
.noToggleImg {
	margin: 0 4px 0 0;
	padding: 0;
	border: none; /* 1px dotted blue; */
	}