/* Begin main shell */
body{
background-color: #28407C;
background-image: url(assets/top.png);
background-repeat: repeat-x;
margin-top: 0;
font-family: arial, "lucida console", sans-serif;
font-size: small;
font-size: 13px;

}

			/*popups*/
a.nfo{
color: black;
font-weight: bold;
}

a.nfo span{display: none}

a.nfo:hover span{ /*the span will display just on :hover state*/
    display:block;
	position:relative;
	

}






/* gallery popups*/

.thumbcont{
float:left;
width: 120px;
}

.iconbox{
position: relative;
float:right;
width: 490px;
background-color: white;
padding: 5px;
margin:5px;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-bottom-color: #D5D5D5;
font-weight: bold;
}

.activegallery{
width:200px;
height:60px;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-bottom-color: #D5D5D5;
text-align: center;
font-weight: bold;
color:red;
font-size: 20px;
}

.dormantgallery{
height: 30px;
width:200px;
text-align: center;


}

.plain{
text-align: center;
border-width: 0px;
padding: 2px;
float: none;
margin: 4px;
margin-left:8px;
background-color:transparent;

}
/* end gallery popups*/




/* end popups*/


a{
text-decoration: none;
color: #28407C;

}

a:hover{
color:#BAC1D1;

}


.box{
border-width: 1px;
border-color: black;
border-style: solid;
padding: 10px;
width: 650px;

}


#header{
background-color: transparent;
width: 760px;
margin: auto;
padding: 20px;
height:100px;
background-image: url(assets/banner1.jpg);

}

#content{
width: 750px;
margin: auto;
background-color: #28407C;
background-image: url(assets/back.jpg);
background-repeat: repeat-y;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 30px;
padding-left: 20px;
font-size: 13px;
}



#bar{
width: 800px;
margin: auto;
background-color: #28407C;
background-image: url(assets/bar.jpg);
background-repeat:no-repeat;
padding:0;
_padding-right: 9px;	/* IE hack */
height: 10px;

font-size: 1px;		/* IE hack to make div less than 20px */  
}



#barbot{
width: 800px;
margin: auto;
background-color: #28407C;
background-image: url(assets/barbot.jpg);
background-repeat:no-repeat;
padding:0;
height: 10px;
_padding-right: 9px;	/* IE hack */

font-size: 1px;			/* IE hack to make div less than 20px  */ 

}

#footer{
width: 800px;
margin: auto;
background-color: #28407C;
padding:0;
height: 10px;
color:white;
font-size: 9px;
}

#footer a{
  color:white;
  text-decoration: none;
}

#footer a:hover{
  color:red;
  text-decoration: none;
}

/* End Main shell */


/* Begin Internal containers */



#standardrightbox{

float:right;
width: 33%;
background-color: #EFEFEF;
padding: 10px;
margin:5px;

background-image: url(assets/boxtop.jpg);
background-image: url(assets/grad68.png);

background-repeat: repeat-x;
clear:right;
font-size: 11px;
}

#frontpagelistbox{
width: 45%;
background-color: white;
padding: 5px;
margin:5px;
border-bottom-style: dotted;
border-bottom-width: 1px;
border-bottom-color: #D5D5D5;
font-weight: bold;
}


/* Relating to committe page */

.contact{
background-image: url("assets/emailsm.jpg");
background-repeat: no-repeat;
height:67px;
width:100px;
}
.contact:hover{
background-image: url("assets/emailsm1.jpg");
background-repeat: no-repeat;

cursor: pointer;
}
a.comittee span{display: none}

.comit{
padding: 15px;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-color: white;
border-bottom-style: dotted;
}

.comit:hover{
cursor: pointer;

}

/*  end Relating to committe page */


/* Relating to trophies page */

table.trophies{
border-width: 1px;
border-color: black;
border-style: solid;
border-collapse: collapse;

}
table.trophies td{
border-width: 1px;
border-color: black;
border-style: solid;
padding: 5px;
margin:0px;
text-align: left;
}

/* end Relating to trophies page */


#standardleftbox{

width: 60%;
background-color: #EFEFEF;
padding: 10px;
margin:5px;

background-image: url(assets/boxtop.jpg);
background-image: url(assets/grad68.png);

background-repeat: repeat-x;
clear:right;
font-size: 11px;
}

#centeredrightbox{
float:right;
text-align: center;
width: 33%;
background-color: #EFEFEF;
padding: 10px;
margin:5px;
background-image: url(assets/boxtop.jpg);
background-image: url(assets/grad68.png);

background-repeat: repeat-x;
clear:right;
font-size: 11px;
}



#fullwidthbox{
width: 97%;
margin: auto;
background-color: #EFEFEF;
padding: 10px;
margin:5px;
clear:right;

background-image: url(assets/boxtop.jpg);
background-image: url(assets/grad68.png);

background-repeat: repeat-x;
font-size: 12px;

}

#halfwidthbox{
float:right;
width: 45%;
background-color: #EFEFEF;
padding: 10px;
margin:5px;

background-image: url(assets/boxtop.jpg);
background-image: url(assets/grad68.png);

background-repeat: repeat-x;
clear:right;
font-size: 12px;

}


#indent{
	
margin-left: 40px;
margin-bottom: 30px;

}
#justify{
text-align:justify;
}

/* End Internal containers */


hr{
color: #D6D9E8;
width: 80%;
height: 1px;
}


 h1,h2,h3,h4,h5,h6 { 

  	font-family: arial, "lucida console", sans-serif;

  	font-weight:bold; 

  	color:#172C5F;

  	margin: 0 0 0.25em 0; 
	text-transform: capitalize;
  }

  h1{
font-size: 25px;
  }

  h2{
font-size: 20px;


  }

  h3{
font-size: 15px;

  }

img{
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #172C5F;
padding: 2px;
float: right;
margin: 4px;
margin-left:8px;

background-color:#EFEFEF; 
}

img.button{
text-align: center;
border-width: 0px;
border-style: solid;
border-color: #172C5F;
padding: 2px;
margin: 4px;
background-color:#EFEFEF; 

}

img.button:hover{
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #172C5F;
padding: 2px;
margin: 3px;
background-color:#EFEFEF; 

}


img.center{
text-align: center;
border-width: 1px;
border-style: solid;
border-color: #172C5F;
padding: 2px;
float:none;
margin: 4px;
margin-left:8px;

background-color:#EFEFEF; 
}


table.socialprog{
border-width:  0px;
border-style: dashed;
border-spacing: 0px; 
background-color: #EFEFEF;

}

table.socialprog td{
vertical-align: top;
}

table.socialprog td.detail{
	width: 100px;


}


table.socialprog td.socialdate{
width: 170px;
font-weight: bold;

}

table.socialprog td.description{
width: 200px;	
font-weight: bold;

}

table.socialprog td.date{
	width: 170px;
	font-weight: bold;
}
table.socialprog td.race{
	width: 150px;
}

tr.social{
background-color: #EFEFEF;
background-image: url(assets/grad68.png);
background-repeat: repeat-x;
height: 40px;
border-spacing: 0px; 

}

tr.social:hover{
background-color: #EFEFEF;


}

tr.racing{
background-color: #EFEFEF;
height: 20px;

}




/*social page divs*/
.socialbox{
width: 750px;
border-style: dashed;
border-width: 1px;
border-top-width: 0px;
border-color: #DFE2EB;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 30px;
background-color: #EFEFEF;

background-image: url(assets/boxtop.jpg);
background-image: url(assets/grad68.png);

background-repeat: repeat-x;

}

.socialdate{
width: 150px;
float: left;

}

.socialdetail{
width: 580px;
float: right;
padding-left:10px;

}

.socialdescription{
width: 100px;
float: right;
}

.diddy {
font-size: 10px;
color: black;
}

/*end social page divs*/







/* Begin CSS Drop Down Menu */







#outercontainer

{



margin:0 auto;

width:800px;



}



#menuh-container

	{

	top: 1em;

	left: 1em;

	margin: auto;

	min-height: 28px;

	text-align: left;



	}



#menuh

	{

	font-size: small;

	font-family: arial, helvetica, sans-serif;

	width:100%;

	margin:2em;

	margin-top: 1em;

	margin: auto;

	min-height: 100%;

	text-align: left

	}

	
#menuh a:link {font-weight: normal;}     /* unvisited link */
#menuh a:visited {font-weight: normal;}  /* visited link */	

#menuh a

	{

	text-align: center;

	display:block;

	border: 1px solid #28407C;

	white-space:nowrap;

	margin:0;

	padding: 0.3em;

	font-weight: normal; 

	}

	

#menuh a, #menuh a:visited	/* menu at rest */

	{

	color: white;

	background-color: #28407C;
	text-decoration:none;
font-weight: normal; 
	}

	
#menuh a.normal{
border-color: #172C60;
border-style: solid;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 0px;
border-top-width: 0px;

}

#menuh a.bottom{
border-color: #172C60;
border-style: solid;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-width: 0px;

}



#menuh a:hover	/* menu at mouse-over  */

	{

	color: white;

	background-color: #8FBAE5;

	}	

			

#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */

	{

	background-image: url(navdown_white.gif);

	background-position: right center;

	background-repeat: no-repeat;

	}



#menuh a.tab{

/*background-image: url(assets/plainbut.jpg);*/
font-size: 12px;

}

	

#menuh a.tab:hover{
background-image: url(assets/plainbut.jpg);

}



#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */

	{

	background-image: url(assets/nav_white.gif);

	background-position: right center;

	background-repeat: no-repeat;



	}



#menuh ul

	{

	list-style:none;

	margin:0;

	padding:0;

	float:left;

	width:100px;	/* width of all menu boxes */

_font-size: 16px;
	}



#menuh li

	{

	position:relative;

    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */

    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */

	}



#menuh ul ul

	{

	position:absolute;

	z-index:500;

	top:auto;

	display:none;

	padding: 1em;

	margin:-1em 0 0 -1em;

	}



#menuh ul ul ul

	{

	top:0;

	left:90px;

	}



div#menuh li:hover

	{

	cursor:pointer;

	z-index:100;

	}



div#menuh li:hover ul ul,

div#menuh li li:hover ul ul,

div#menuh li li li:hover ul ul,

div#menuh li li li li:hover ul ul

{display:none;}



div#menuh li:hover ul,

div#menuh li li:hover ul,

div#menuh li li li:hover ul,

div#menuh li li li li:hover ul

{display:block;}



/* End CSS Drop Down Menu */



/*Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

/* html .threepxfix{
margin-left: 3px;
}

*/


.logon input{
background-color: #CBCBCB;
border-color: black;
border-style: solid;
border-width: 1px;
font-size: 8px;
}
.logon{
height: 20px;
text-align: right;
font-size: 9px;
background-color: #28407C;
color: #CBCBCB;
border-top: 1px solid #777777;
font-family: Verdana;
font-size: 10px;
text-align: right;
width: 796px;
margin: 2px;

}

.subbut{
font-size: 12px;
color:#050; 
font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
background-color:#fed; 
border: 1px solid; 
border-color: #696 #363 #363 #696; 
filter:progid:DXImageTransform.Microsoft.Gradient 
(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa'); 
width: 4em;
}

.logdon{
text-align: right;
width: 796px;
margin: 2px;

}

.sponsorcontainer{
float:right;
width: 250px;
}

.sponsorboxlandscape{
 width: 660px;
 vertical-align: center;
 margin:auto;

}

.sponsorbreak{
 
   width: 650px;
   margin:auto;
   border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #AFB7C4;
    margin-top:10px; 
    margin-bottom:10px;


}

.sponsorlittle{
   color: #AFB7C4;
   font-size: 4px:
   margin-left: 20px;
}