* {margin: 0; padding: 0;}

body { font-size 62.5%; font-family: Helvetica, sans-serif; 
background: url(body-jbg.png) repeat-x #f5ecd4;
}
a { color: #000080; text-decoration: none; }
a:hover, a:active {text-decoration: underline; }

.clear { clear: both; }

.page-wrap { width:960px; margin: 0 auto; position: relative;}
.nav { height: 245px; background: url(header-jbg.png) no-repeat; list-style: none }
.nav ul {float: left; padding-left: 155px; }
.nav ul li { font-size: 1.2em; display: inline; }
.nav ul li a	{display: block; width: 113px; float: left; margin-top: 210px; color: white; padding-top: 1px; font-weight: bold; text-decoration: none; }
.nav ul li a:hover, .nav ul li a:active { color: yellow;} 
		
.top-nav { width: 960px; height: 20px; list-style: none; position: absolute; left: 1px; top: 1px; padding: 15px 1px 3px 15px; z-index: 1; }
.top-nav ul { float:left;}
.top-nav ul li { font-size: 0.9em; display: inline; }
.top-nav ul li a { color: black; text-decoration: underline; padding: 10px; }
.top-nav ul li a:hover, .top-nav ul li a:active { color: blue; }	

.main-content .middle-col a { color: black; text-decoration: underline; padding: 10px; }
.main-content .middle-col a:hover, .top-nav ul li a:active { color: blue; }																																							
																																																
		
.main-content 		 	{ padding-bottom: 150px; padding-top: 15px;}

.main-content .right-col 	{ position: relative; float: right; width: 500px; padding: 10px; }
.main-content .right-col .dual-pic1 { position: relative; padding: 2px; width: 35%; }
.main-content .right-col .dual-pic1 p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; }
.main-content .right-col .dual-pic2 { position: relative; left: 255px; top: -200px;padding: 2px; width: 50%; }
.main-content .right-col .dual-pic2 p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; }
.main-content .right-col .dual-pic3 { position: relative; top: -300px; padding: 2px; width: 35%; }
.main-content .right-col .dual-pic3 p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; }
.main-content .right-col .stuff { padding: 10px;  }
.main-content .right-col .stuff h1 { text-align: center; padding: 10px;  }

.main-content .right-col .articles p { text-align: left; text-indent: 0; }
.main-content .right-col .articles a:hover, .main-content .right-col .articles a:active {color: blue; }
.main-content .right-col .articles a { color: black; text-decoration: none; padding: 10px; }
.main-content .right-col  .boosterclubpage { position: relative; float: right; width: 500px; padding: 10px 0px 0px 10px; margin-bottom: 250px;}
.main-content .right-col  .boosterclub { position: relative; float: right; width: 500px; padding: 10px 0px 0px 10px;}

.main-content .left-col  	{ position: absolute; float: left; width: 430px; padding: 5px; border-right: 1px solid gray; /* background: gray; */ }
.main-content .left-col .boosterclub { position: relative; font-size: 1em; background: #FFB6C1; padding: 5px; margin: 1px 1px;}
.main-content .left-col .finalsweek { position: relative; font-size: 0.8em; background: #EEE8AA; padding: 5px; margin: 2px 2px;}
.main-content .left-col .august { position: relative; font-size: 1em; background: #EEE8AA; padding: 5px; margin: 2px 2px;}
.main-content .left-col .duals { position: relative; font-size: 0.8em; background: #FEE8AA; padding: 5px; margin: 2px 2px; }
.main-content .left-col .duals-results { position: relative; font-size: 0.8em; background: #FEE8AA; padding: 5px; margin: 2px; }
.main-content .left-col .granby-list { position: relative; font-size: 1.0em; background: #FFF0AA; padding: 5px; margin: 2px 2px;}
.main-content .left-col .granby-list a:hover, .main-content .left-col .granby-list a:active {color: blue; }
.main-content .left-col .granby-list a { color: black; text-decoration: none; padding: 10px; }

.main-content .middle-col { position: fixed; left: 100px; font-size: 1em; padding: 5px; margin: 1px 1px;}
.main-content .middle-col .boosterclub { position: fixed; font-size: 1em; padding: 5px; margin: 1px 1px;}



.sponsors 	{ text-align: center; padding: 10px 40px 0px 0px; border-top: 1px solid gray; position: relative}
.sponsorsTable 	.table { text-align: center; padding: 0px 40px 0px 0px; position: relative}
.sponsorsTable .rjgoodies .confections { font-style: oblique;font-family:"Hoefler Text",Georgia,Times,serif;}
.sponsorsTable .rjgoodies { color: #3CB371;}
td	{ text-align: center; padding: 0px 40px 0px 0px; position: relative}
/* p.italic {font-style:italic} */

.footer { background: #000000; color: white; padding: 10px 0 10px 0; text-transform: uppercase; border-top: 2px solid black; text-align: center; }