@charset "utf-8";
/* CSS Document */

/* CSS Reset */

	/* http://meyerweb.com/eric/tools/css/reset/ 
	   v2.0 | 20110126
	   License: none (public domain)
	*/
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: Arial, Helvetica, sans-serif;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
		text-align: center;
		
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

/* End CSS Reset */


/* Layout CSS Rules*/
/**
 * 3col Holy Grail
 */
 
 /*begin overall layout rules*/

/*begin body*/
body {
background:#E8E2Df;
background: linear-gradient(45deg, #E8E2Df 50%, #eae4e2 50%);
background-size: 10px 10px;
min-height: 100%;			
margin: 0;	
padding: 0;	
font-family: 'PT Sans Caption', sans-serif;
color:#000066;
}
/*end body*/


/*begin container*/
#container{
	background: #fffefe;
	min-width: 1024px;
	max-width: 1280px;
	min-height: 100%;
	margin: 5px auto 0 auto;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 4px 0px  #191970;
	border: 1px solid #191970;
	background-color: #fffefe;
}
/*end container*/

/*begin header*/
header {
background: #fff;
position: relative;
height: 100px;
box-shadow: 0px 0px 2px 0px  #c00;
border-bottom: 1px solid #c00;
padding-top: 1%;
padding-bottom: 3%;
}
/*end header*/

/*begin nav*/
.nav{
list-style:none;
margin:0;
padding:0;
text-align:center;
font-size: 110%;
}

.nav li{
position:relative;
display:inline;
}

.nav a{
display:inline-block;
padding-right: 10px;
padding-left: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

.nav ul{
position:absolute;
/*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */
left:-9999px;
margin:0;
padding:0;
text-align:left;
border: solid 1px #191970;
box-shadow: 0px 0px 1px 0px  #191970;

}

.nav ul li{
display:block;
text-align: center;
position: relative;
z-index: 1;
}

.nav li:hover ul{
left:0;
}

.nav li:hover a{
text-decoration:underline;
background:#f1f1f1;
}

.nav li:hover ul a{
text-decoration:none;
background:#fff;
}

.nav li:hover ul a:hover{
text-decoration:underline;
background:#f1f1f1;
}

.nav ul a{
white-space:nowrap;
display:block;
border-bottom:1px solid #ccc;
}

.nav a{
color:#c00;
text-decoration:none;

}
.nav a:hover{
text-decoration:underline;
background:#f1f1f1;
}
/*end nav*/


/*begin secondary navigation*/
.secondarynav{
list-style:none;
margin:0;
padding:0;
text-align:center;
font-size: 100%;
}

.secondarynav li{
position:relative;
display:inline;
}

.secondarynav a{
display:inline-block;
padding-right: 20px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
}

.secondarynav ul{
position:absolute;
/*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */
left:-9999px;
margin:0;
padding:0;
text-align:center;
border: solid 1px #191970;
box-shadow: 0px 0px 1px 0px  #191970;
}

.secondarynav ul li{
display:block;
text-align: center;
z-index: 1;
}

.secondarynav li:hover ul{
left:0;
}

.secondarynav li:hover a{
text-decoration:underline;
background:#f1f1f1;
}

.secondarynav li:hover ul a{
text-decoration:none;
background:#fff;
}

.secondarynav li:hover ul a:hover{
text-decoration:underline;
background:#f1f1f1;
}

.secondarynav ul a{
white-space:nowrap;
display:block;
border-bottom:1px solid #ccc;
}

.secondarynav a{
color:#c00;
text-decoration:none;
}

.secondarynav a:hover{
text-decoration:underline;
background:#f1f1f1;
}
/*end secondary navigation*/		

/*begin footer*/
footer { 
height:260px;
width:100%;
text-align: center;
border-top: 1px #c00 solid;

border-right: 1px #c00 solid;
border-bottom: none; 
box-shadow: 0px 0px 2px 0px  #c00;
padding: 2%;
background: #fff;
}	

footer {
clear: both;
}

footer p {
color:#000066;
padding-top: 3%;
}
/*end footer*/

/*** IE Fix ***/
* html #left {left: 170px;  /* RC fullwidth */ }
/*end overall layout rules*/



/*begin main area*/
#main { 
float:left;
margin:0;
padding: 1% 0% 1% 0%;
width:75%;	
}

#main .topBox {
text-align: center;
float: left;
border-bottom: none;
box-shadow: 0px 0px 1px 0px  #191970;
border-left: 1px solid #191970;
border-right: 1px solid #191970;
border-top: 1px solid #191970;
padding: 5% 3%;
width: 94%;
background: #fff;
}

#main .topBox h1 {
color:#c00;
font-size: 1.2rem;		
}

#main .topBox h1 {
color:#c00;
}

#main .topBox h2 a {
color:#c00;	
}

#main .topBox li{
padding: 1%;
}

#main .leftTopBox {
float: left;
width: 31%;
padding: 3% 1%;
box-shadow: 0px 0px 2px 0px  #c00;
border: 1px solid #c00;
}

#main .mleftTopBox {
float: left;
width: 25%;
padding: 3% 1%;
box-shadow: 0px 0px 2px 0px  #c00;
border: 1px solid #c00;
}

#main .rightTopBox {
	float: center;
	width: 100%;
	font-weight: bold;
}
#main .middleBox {
text-align: center;
width: 94%;
clear: both;
box-shadow: 0px 0px 2px 0px #191970;
border: 1px solid #191970;
padding: 5% 3%;
background: #fff;
}

#main .middleBox h1 a{
color:#c00;
font-size: 1.2rem;
line-height: 1.5rem;
}

#main .middleBox h2 {
color:#c00;
font-size: 110%;
}

#main .middleBox p {
color:#000066;
font-size: 102%;
padding: 1%;
line-height: 1.5rem;
}

#main .middleBox  td{
width: 5%;
padding-top: 2%;
color:#000066;
}

.strong {
font-weight: bold;}

#main .bottomBox {
text-align: center;
/*border-top: 1px #c00 solid;
border-left: 1px #c00 solid;
border-right: 1px #c00 solid;
border-bottom: none; */
box-shadow: 0px 0px 2px 0px #191970;
border-left: 1px solid #191970;
border-right: 1px solid #191970;
border-bottom: 1px solid #191970;
padding: 5% 3%;
background: #fff;
width: 94%;
}

#main .bottomBox h1 {
color:#c00;
font-size: 1.2rem;
}

#main .bottomBox  td{
width: 5%;
}

#main .bottomBox h2 a {
color:#c00;
font-size: 110%;
}
/*end main area*/


/*begin mobile scoreboard rules*/
#scoreboard {
float: left;
border-bottom: none;
box-shadow: 0px 0px 2px 0px  #191970;
border: 1px solid #191970;
padding: 3%;
width: 94%;
background: #fff;
}

#scoreboard h1 {
color:#c00;
font-size: 1.5rem;
text-align: center;	
}

#scoreboard p {
color:#000066;
padding: 1%;
text-align: center;
}
.scoreboardmiddlebox {text-align: center;
width: 94%;
clear: both;
box-shadow: 0px 0px 2px 0px #191970;
border: 1px solid #191970;
padding: 3%;
background: #fff;}	
.scoreboardmiddleBox h2 {
text-align: left;
}

.scoreboardmiddleBox li{
text-align: left;
list-style: none;
padding: 1%;
}
.scoreboardmiddleBox img {
float: right;
padding: 5% 1%;
}
/*end mobile scoreboard rules*/
	
/*begin horseshows rules*/
#horseshows {
float: left;
border-bottom: none;
box-shadow: 0px 0px 2px 0px  #191970;
border: 1px solid #191970;
padding: 3%;
width: 94%;
background: #fff;
}

#horseshows h1 {
color:#c00;
font-size: 1.5rem;
text-align: center;
padding-bottom: 1%;
padding-top: 4%;	
}

#horseshows h2 {
color:#c00;
font-size: 1.2rem;
text-align: center;
padding: 5%;	
}

#horseshows p {
color:#000066;
padding: 1%;
text-align: center;
}

#horseshows li{
text-align: center;
list-style: none;
padding-top: 2%;
padding-bottom: 2%;
color: #c00;
}
	
#horseshows .center {
text-align: center;
color:#c00;
}	

#horseshows li ul li {
color: #000;
}

/*end horseshows rules*/	
	
/*begin nal rules*/
#nal {
float: left;
border-bottom: none;
box-shadow: 0px 0px 2px 0px  #191970;
border: 1px solid #191970;
padding: 3%;
width: 94%;
background: #fff;
}

#nal h1 {
color:#c00;
font-size: 1.5rem;
text-align: center;
padding-bottom: 5%;	
}

#nal h2 {
color:#c00;
font-size: 1.2rem;
text-align: center;
padding: 5%;	
}

#nal p {
color:#000066;
padding: 1%;
text-align: left;
}

#nal li{
text-align: left;
list-style: none;
padding-top: 4%;
color: #c00;
}
	
#nal .center {
text-align: center;
}	

#nal li ul li {
color: #000;
}

#nal .leftTopBox {
float: left;
width: 300px;
padding: 1%;
box-shadow: 0px 0px 2px 0px  #c00;
border: 1px solid #c00;
}

#nal .rightTopBox {
float: right;
width: 50%;
}
/*end nal rules*/

/*begin SE Medal rules*/

#sem {
float: left;
border-bottom: none;
box-shadow: 0px 0px 2px 0px  #191970;
border: 1px solid #191970;
padding: 3%;
width: 94%;
background: #fff;
}

#sem h1 {
color:#c00;
font-size: 1.5rem;
text-align: center;
padding-bottom: 5%;	
}

#sem h2 {
color:#c00;
font-size: 1.2rem;
text-align: center;
padding: 5%;	
}

#sem p {
color:#000066;
padding: 1%;
text-align: left;
}

#sem li{
text-align: left;
list-style: none;
padding-top: 4%;
color: #c00;
}

#sem .center {
text-align: center;
}

#sem .leftTopBox {
float: left;
width: 300px;
padding: 1%;
box-shadow: 0px 0px 2px 0px  #c00;
border: 1px solid #c00;
}

#sem .rightTopBox {
float: right;
width: 100%;
}

/*end SE Medal rules*/
	
/*begin wihs rules*/

#wihs {
float: left;
border-bottom: none;
box-shadow: 0px 0px 2px 0px  #191970;
border: 1px solid #191970;
padding: 3%;
width: 94%;
height: 100%;
background: #fff;
}

#wihs h1 {
color:#c00;
font-size: 1.5rem;
text-align: center;
padding-bottom: 5%;	
}

#wihs h2 {
color:#c00;
font-size: 1.2rem;
text-align: left;
padding: 5%;	
}

#wihs h3 {
color:#c00;
font-size: 1rem;
text-align: left;
text-indent: 5%;
padding-top: 2%;
}

#wihs p {
color:#000066;
padding: 2% 4%;
text-align: left;
}
	
#wihs .center {
text-align: center;
}	

#wihs li ul li {
color: #000;
}

#wihs .wihsTopList {
clear: both;
width: 100%;
height: 300px;
}

#wihs .wihsTopList p{
font-size: 1rem;
}

#wihs .wihsTopList ul li{
text-align: center;
list-style: none;
padding-top: 1%;
color: #c00;
}

#wihs .leftTopBox {
float: left;
width: 50%;
box-shadow: 0px 0px 2px 0px  #c00;
border: 1px solid #c00;
height: 400px;
}

#wihs .leftTopBox ul li{
text-align: left;
text-indent: 5%;
list-style: none;
padding-top: 4%;
color: #c00;
}

#wihs .rightTopBox {
float: right;
width: 50%;
box-shadow: 0px 0px 2px 0px  #c00;
border: 1px solid #c00;
height: 400px;
}

#wihs .rightTopBox ul li{
text-align: left;
text-indent: 5%;
list-style: none;
padding-top: 4%;
color: #c00;
}

#wihs .wihsBottomList {
clear: both;
width: 100%;
height: 60px;
padding-top: 5%;
}
/*end wihs rules*/


/*begin nam rules*/
#nam {
float: left;
border-bottom: none;
box-shadow: 0px 0px 2px 0px  #191970;
border: 1px solid #191970;
padding: 3%;
width: 94%;
background: #fff;
}

#nam h1 {
color:#c00;
font-size: 1.5rem;
text-align: center;
padding-bottom: 5%;	
}

#nam h2 {
color:#c00;
font-size: 1.2rem;
text-align: center;
padding: 5%;	
}

#nam p {
color:#000066;
padding: 1%;
text-align: center;
}

#nam li{
text-align: center;
list-style: none;
padding-top: 4%;
color: #c00;
}
	
#nam .center {
text-align: center;
}	

#nam li ul li {
color: #000;
}

/*end nam rules*/

/*begin ncm rules*/
#ncm {
float: left;
border-bottom: none;
box-shadow: 0px 0px 2px 0px  #191970;
border: 1px solid #191970;
padding: 3%;
width: 94%;
background: #fff;
}

#ncm h1 {
color:#c00;
font-size: 1.5rem;
text-align: center;
padding-bottom: 5%;	
}

#ncm h2 {
color:#c00;
font-size: 1.2rem;
text-align: center;
padding: 5%;	
}

#ncm p {
color:#000066;
padding: 1%;
text-align: center;
}

#ncm li{
text-align: center;
list-style: none;
padding-top: 4%;
color: #c00;
}
	
#ncm .center {
text-align: center;
}	

#ncm li ul li {
color: #000;
}

/*end ncm rules*/

/*begin hof rules*/
#hof {
float: left;
border-bottom: none;
box-shadow: 0px 0px 2px 0px  #191970;
border: 1px solid #191970;
padding: 3%;
width: 94%;
background: #fff;
}

#hof h1 {
color:#c00;
font-size: 1.5rem;
text-align: center;
padding-bottom: 5%;	
}

#hof h2 {
color:#c00;
font-size: 1.2rem;
text-align: center;
padding: 5%;	
}

#hof p {
color:#000066;
padding: 1%;
text-align: left;
}

#hof li{
text-align: left;
list-style: none;
padding-top: 4%;
color: #c00;
}
	
#hof .center {
text-align: center;
}	

#hof li ul li {
color: #000;
}

#hof .leftTopBox {
float: left;
width: 200px;
padding: 1%;
box-shadow: 0px 0px 2px 0px  #c00;
border: 1px solid #c00;
}

#hof .rightTopBox {
float: right;
width: 60%;
}

.hoflinks img{
text-align: center;
background: #fff;
padding-left: 2%;
margin-top: 2.7%;
padding-bottom: 10%;
}
/*end hof rules*/



/*begin iframe rules*/
#iframe {
width: 100%;
height: 100%;
padding-right: 1%;
padding-top: 1%;
}

#iframe iframe {
width: 100%;
border:1px solid #ccc;
height:2000px;
overflow: hidden;
}	

#iframe h1 {
color:#c00;
font-size: 1.3rem;
text-align: center;
padding-top: 2%;
padding-bottom: 2%;	
}

#iframe table {
width: 100%;
margin-bottom: 1%;
}

#iframe td  a{
padding-left: 10px;
padding-right: 10px;
line-height: 1.5rem;
}

#iframe p a{
padding-left: 10px;
padding-right: 10px;
line-height: 1.5rem;
}
/*end iframe rules*/


/*begin faq rules*/
#faq h1 {
color:#c00;
font-size: 1.3rem;
text-align: center;
padding-top: 5%;
padding-bottom: 2%;	
}

#faq ul {
padding-right: 3%;
padding-left: 3%;
}

#faq li{
text-align: left;
list-style: none;
padding: 1%;
color: #c00;
padding-bottom: 1%;
}

#faq li ul li {
color: #000466;
padding-left: 1%;
line-height: 1.5rem;
}
/*end faq rules*/

/*begin links rules*/
#links h1 {
color:#c00;
font-size: 1.3rem;
text-align: center;
padding-top: 5%;
padding-bottom: 2%;	
}

#links ul {
padding-right: 3%;
padding-left: 3%;

}

#links li{
text-align: center;
list-style: none;
color: #c00;
}

#links li ul li {
color: #c00;
line-height: 1.2rem;
}
/*end links rules*/


/*begin managers rules*/
#managers h1 {
color:#c00;
font-size: 1.3rem;
text-align: center;
padding-top: 5%;
padding-bottom: 2%;	
}

#managers h2{
color:#c00;
font-size: 1.1rem;
text-align: left;
text-indent: 2%;
padding-top: 5%;
padding-bottom: 2%;	
}

a.managerh2{
color:#c00;
font-size: 1.1rem;
text-align: left;
text-indent: 2%;
padding-top: 5%;
padding-bottom: 2%;	

}

#managers ul.box {
padding-right: 3%;
padding-left: 3%;
}

#managers div.center {
margin-bottom: 5%;
}

#managers div.box  {
padding-right: 3%;
padding-left: 3%;
border: 1px solid #191970;
box-shadow: 0px 0px 2px 0px  #191970;
background: #f3f3fc;
margin-bottom: 5%;
}


#managers li{
text-align: left;
list-style: none;
padding: 1%;
color: #c00;
padding-bottom: 1%;
}

#managers li ul li {
color: #000466;
padding-left: 1%;
line-height: 1.5rem;
}
/*end managers rules*/



/*begin assorted css rules*/
table.centerAlign {
text-align: center;
}

#right { 
float: left;
width: 20%;
margin: 0;
padding: 3% 0%;
}

#right .links {
text-align: center;
background: #fff;
margin-top: 2.7%;
}

#right .links img {
padding-bottom: 15%;
}

#right .links h2 {
color:#c00;
font-size: 110%;
}

.internalMain{
padding: 3%;
}

.internalRight{
padding: 1%;
}

.left {float: left;
padding-top: 3px;
}

.right {
float: right;
}
/*end assorted css rules*/