/* ____________________________________
Stu Olds Web Design 2006 for Plymouth & District Shore League
_______________________________________ */

* {margin: 0; padding: 0;}
html, body {height: 100%;}

body { background: #fff ; background: url(p_back.jpg) repeat-x; text-align:center; margin: 0px auto; padding: 0px; font: 10px verdana, arial, sans-serif; color: #314664; line-height: 1.3em;}

#container {
 width: 720px;
 background: url(c_back.jpg) repeat-y;
 margin: 0 auto;
 padding: 0px;
 text-align: left;
}

/* __________
Titles    _____________*/



#head {  width:720px; height:188px; background:url(top.jpg) no-repeat; }
#menuline {  width:720px; height:60px; background:url(menuline.jpg) no-repeat; }
#btm {  width:720px; height:48px; background:url(btm.jpg) no-repeat; }
#introright {  width:600px; height: 350px; padding-left: 120px; padding-right: 29px; float: right;}



#nav { width:720px; height:60px; }

/* ____________ */
/* Main Menu */
/* ____________*/

#nav ul { width:720px; padding:0; margin:0; list-style-image: url(spacer.gif); }
#nav ul li { float:left; padding:0; margin:0; list-style-type: none; }
#nav ul li a { display:block; height:60px; }
#nav ul li.space1 a { background:url(menu/menu_r1_c1.jpg) 100% 0; width:115px; }
#nav ul li.home a { background:url(menu/menu_r1_c2.jpg) 100% 0; width:75px; }
#nav ul li.home a:hover { background:url(menu/menu_r1_c2.jpg) 100% -60px; }
#nav ul li.results a { background:url(menu/menu_r1_c3.jpg) 100% 0px; width:82px; }
#nav ul li.results a:hover { background:url(menu/menu_r1_c3.jpg) 100% -60px; }
#nav ul li.photos a { background:url(menu/menu_r1_c4.jpg) 100% 0px; width:82px; }
#nav ul li.photos a:hover { background:url(menu/menu_r1_c4.jpg) 100% -60px; }
#nav ul li.rules a { background:url(menu/menu_r1_c5.jpg) 100% 0px; width:62px; }
#nav ul li.rules a:hover { background:url(menu/menu_r1_c5.jpg) 100% -60px; }
#nav ul li.trophy a { background:url(menu/menu_r1_c6.jpg) 100% 0px; width:102px; } 
#nav ul li.trophy a:hover { background:url(menu/menu_r1_c6.jpg) 100% -60px; }
#nav ul li.contact a { background:url(menu/menu_r1_c7.jpg) 100% 0px; width:92px; }
#nav ul li.contact a:hover { background:url(menu/menu_r1_c7.jpg) 100% -60px; }
#nav ul li.space2 a { background:url(menu/menu_r1_c8.jpg) 100% 0px; width:110px; }
#nav ul li a span { display:none; }

#nav ul li a.active { background-position:100% -60px; width:66px}



#foot {
	width:720px; 
	height:80px;
	background: url(foot.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px;
	clear: both;
	text-indent: -9999px;
	position: relative;
}

/* ---- Right sidebar ----*/				



/* ____________ */
/* Main Page Content */
/* ____________*/
#content {
 text-align: justify;
 color: #314664;
 width: 585px;
 margin-right: 67px;
 margin-left: 67px;
 margin-top: 2px;
 padding: 5px;
}
#content p {
 margin: 0 0 12px 0;
}
#cBlock {
 
 color: #2a2213;
 text-align: justify;
 width: 500px;
 margin: 25px 0 0 25px;
 border-top: 1px solid #2a2213;
}
#cBlock p {
 margin: 0 0 12px 0;
}

input, textarea {
	font: 10px verdana, arial, sans-serif;
	border: 1px solid #778ea9;
	margin: 1px 2px;
	-moz-border-radius: 4px;
	background-color: #fff;
	}
input:hover, textarea:hover { 
	border-color: #314664; 
	background-color: #fff;
	}
input:focus, textarea:focus {
	border-color: #314664; 
	background-color: #fff;
	}
	
SELECT {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9px; COLOR: #000; FONT-WEIGHT: normal; BACKGROUND-COLOR: #fff;
}


.block        {
	margin:  0;
	width: 585px;
	align: center;
	padding:  5px 5px;
	line-height: 12px;
	font-size: 11px;
	color: #314664;
	font-weight: bold;
	background: transparent;
                }
.block p     {
                text-align:justify;
				font-size: 11px;
				color: #314664;
				font-weight: bold;
                }

.block a {
	padding: none;
}
.block a:link, .block a:visited {
	color: #314664;
	BORDER-BOTTOM:#314664 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
.block a:hover, .block a:active, .block a:focus {
	color: #fff;
	BACKGROUND-COLOR: #314664; 
	TEXT-DECORATION: none;
}

.td {
color: #314664;
}


.blockfooter   {
                color:#314664;
                font-size:11px;
				font-weight:bold;
                text-align:left;
                margin-bottom:3px;
                margin-top:5px;
                }
.blockfooter  {
                    margin-top:15px;
                    }
.blockfooter2  {
                color:#314664;
                font-size:9px;
                text-align:left;
                margin-bottom:3px;
                margin-top:3px;
                }
		

h1, h2, h3, h4, h5, h6 {
	font-family: helvetica, arial, verdana, sans-serif;
	padding-left: 2px;
}

p, td {
	font: 11px helvetica, arial, verdana, sans-serif;
	color:#314664;
	margin-bottom:10px;
	font-weight: normal;
	margin-top:6px;
	padding:0;
	text-align:left;
}
 
h1 {
	margin-top: 0;
	font-size: 218%;
	font-variant:small-caps;
	line-height: 1em;
	color:#2a2213;
	border-bottom:1px solid #E9E8DF;
}
 
h2 {
	font-style: normal;
	font-size: 145%;
	color:#2a2213;
}

h2 a:link, h2 a:visited {
	color: #8C856B;
	BORDER-BOTTOM:#8C856B 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
h2 a:hover, h2 a:active, h2 a:focus {
	color: #fff0d1;
	BACKGROUND-COLOR: #bf8351; 
	TEXT-DECORATION: none;
}

h2 li {
	list-style-image: url(point.jpg);
}
 
h3 {
	font-size: 150%;
	color:#314664;
	margin:10px 0px;
	line-height: 20px;
}

h3 a {
	padding: 1px;
}
h3 a:link, h3 a:visited {
	color: #8C856B;
	BORDER-BOTTOM:#8C856B 1px dotted; 
	BACKGROUND-COLOR: transparent; 
	TEXT-DECORATION: none;
}
h3 a:hover, h3 a:active, h3 a:focus {
	color: #fff0d1;
	BACKGROUND-COLOR: #bf8351; 
	TEXT-DECORATION: none;
}

h3 li {
	list-style-image: url(point.jpg);
}
 
h4 {
	font-family: helvetica, arial, verdana, sans-serif;
	color:#314664;
	font-weight: bold;
	font-size: 125%;
	margin:4px 0px 0px 0px;
}

h5 {
	font-family: helvetica, arial, verdana, sans-serif;
	color:#314664;
	font-weight: bolder;
	font-size: 100%;
	margin:4px 0px 0px 0px;
}