/* CSS Document */
/* ################ main layout divs, etc. ################### */
body {background:#9fd391;margin:0px;padding:0px;font:75% Verdana,Tahoma,Arial,sans-serif;color:#000066; background-repeat:repeat;cursor: url("http://www.littlefieldtennis.com/images/lt2.cur"), pointer;
	/*background-image:url(../images/tennis1_1024_800.jpg);*/
	/*font: 12px/14px Verdana, Tahoma, Arial, sans-serif;*/
	}
.width {width:980px;	min-width:980px; 	margin: 0px auto;}
#container {margin: 0px;	min-width: 980px; text-align: left;}
.contents {border:1px transparent; padding:0px;	text-align: left;	margin: 0px auto;	overflow:visible;}
/*.contents {border:1px transparent #000000; padding:0px;	text-align: left;	margin: 0px auto;	overflow:visible;}*/

/* ################# begin IE-specific area ################## */

/* IE6 specific work-arounds for unsupported min-width property */
/* don't change!!! */
* html #container {margin-left: -985px;	position: relative;}
* html .width {text-align:center;}
* html .minwidth {padding-left: 980px;}
* html .contents {margin: 0px auto;}
* html .minwidth, * html #container, * html .contents, * html .layout {height:1px;}
/* End IE6 specific work-arounds */

/* IE7 work-arounds */

* + html #Layer1{position:relative; left:495px; top:32px; height:24px;}
* + html #Layer2{position:relative; left:507px; top:48px; height:24px;}
* + html #Layer3{position:relative; left:510px; top:64px; height:24px;}
* + html #Layer4{position:relative; left:506px; top:80px; height:24px;}
* + html #Layer5{position:relative; left:493px; top:96px; height:24px;}
* + html #Layer6{position:relative; left:471px; top:112px; height:24px;}

/* ################ end IE-specific area ################# */

table {	margin:0; padding:0;}
td, tr, div {font-family:Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;vertical-align:middle;	text-align:left;color: #000066;}
p {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size: 1em;	padding:5px;text-align:justify;}
ul, li, ol {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size: 1em;	color: #004477;}

h1 {	font-family:Verdana, Arial, Helvetica, sans-serif;	
font-size: 2em;	
color: #DEFB08;	
font-weight:bold;	
margin:20px 0px 10px 0px;
border:2px solid #000;
background-color: #187D08;
padding:3px; margin-right: 10px;}

/*h1 {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size: 2em;	color: #187C0F;	font-weight:bold;	margin:20px 0px 10px 0px;}*/

h2 {	font-family:Verdana, Arial, Helvetica, sans-serif;	
font-size: 1.5em;	
/*color: #DEFB08;*/
color: #187C0F;	
font-weight:bold;	
margin-top:20px;
/*border:1px solid #000;
background-color: #187D08;
padding:2px; margin-right: 10px;*/
/*border:1px solid #000;
background-color: #187D08;
padding:3px; margin-right: 10px;*/
}


/*h3 {	font-family:Verdana, Arial, Helvetica, sans-serif;	
font-size: 1.17em;	
color: #187C0F;	
font-weight:bold;
border:1px solid #187C0F;
background-color: #D6FBCE;
padding:2px; margin-right: 10px;
display:inline-block;}*/

h3 {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size: 1.17em;	color: #000066; /*color: #187C0F;*/	font-weight:bold;}
h4, h5, h6 {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size: 1em;	color: #187C0F;	font-weight:bold;}
h4 {	color: #000066;}

hr {height:2px; margin:30px; background-color:#2F5D2F; width:90%; text-align:center;}
.session  {padding: 0px 5px 15px 15px;color: #000066; 
  /*border: 1px solid #D1DFD1;*/ 
	/*margin-left:5px; margin-right:5px;*/}
/*.session h4, .session p {padding-left:10px;color: #000066; border: 1px solid #E1DF64;}*/

/* CSS Font Styles */
.white {color:#FFFFFF;}
.black {color:#000000;}
.red {color:#FF0000;}
.bold {font-weight:bold;}

/* colored page borders */
#blackframe {background-color: #fff;	border: 3px solid #000;	clear: both;	float: none;	overflow:hidden;	margin: 0px;	width: 100%;	}
#yellowframe {background-color: #fff;	border: 2px solid #E1DF64;	clear: both;	float: none;	overflow:hidden;	margin: 0px;	height: 100%;	}
#greenframe {background-image:url(../images/tennis1_1024_800t.jpg);	background-color:#FFF;	border:3px solid #2F5D2F;	clear:both;	float:none;	height:100%;	margin:0px;	overflow:hidden;}
#tophomecontainer {width:970px;height:400px;overflow:auto;position:relative;clear:both;display:block;}

/* CSS Layout Styles */
#homepageBackground {background-image:url(../images/home-background.gif);background-repeat:no-repeat;	height:380px;/*height:400px;*/ width:535px;}
#subpageBackground {background-image:url(../images/subpage-background.gif); background-repeat:no-repeat;	height:250px;	width:223px;}

/* Home page circle tennis balls links */
#Layer1{position:relative; left:495px; top:32px; height:24px;}
#Layer2{position:relative; left:507px; top:48px; height:24px;}
#Layer3{position:relative; left:510px; top:64px; height:24px;}
#Layer4{position:relative; left:506px; top:80px; height:24px;}
#Layer5{position:relative; left:493px; top:96px; height:24px;}
#Layer6{position:relative; left:471px; top:112px; height:24px;}
#Layer7{position:relative; left:437px; top:126px; height:24px;}
#Layer8{position:relative; left:391px; top:136px; height:24px;}

#homebody {padding: 0px 30px;clear:both;display:block;}

/* header and footers and menus; header1 and footer1 are for main site, header and footer are for blog */
#header, #header1 {background-color:#9fd391;	height:30px;	width:100%;	margin-top:0px;	color: #FFFFFF;	font-weight:bold;	font-variant:small-caps;	font-size:1em;}
#header_menu {float:left;margin:5px 0px 0px;	font-weight:bold;	font-variant:small-caps;font-size:1em;}
.header_search {float:right; margin:5px 0px 6px; vertical-align:top;}
#footer, #footer1 {background-color:#9fd391;height:26px;width:100%;clear:both;overflow:visible;text-align:center;color: #004477;}
#footer_menu {padding:5px;	text-align:center;	font-size:1em;	font-weight:bold;	color: #0F3706;}

/* column layouts and horizontal content */
#ltcolumn {float:left; width:250px; height:100%; display:block;}
#rtcolumn {padding-left:250px; padding-top:0px; padding-bottom:20px; display:block; margin-right:5px;}
#rtcolumn p{margin:0px 0px 10px 0px;}
#locationsmenu, #biosmenu, .progmenu { line-height:1.8em;/*margin-left:15px;*/}
.subContentHeader {padding:3px;background-color: #8EB2D2; background-image:url(../images/content-header-bg.png); font-weight:bold;}
.subContent {padding: 5px 10px;}

/* floats */
.floatright {float:right; margin:0px 20px 20px;}
.floatleft {float:left; margin:0px 20px 15px;}
.floatclear {clear:both;}

/* alignments */
.ralign {text-align:right;}
.lalign {text-align:left;}
.calign {text-align:center;}
.jalign {text-align:justify;}

/* image orientations */
.sm_portrait {width:188px; height:250px; border: 2px solid #2F5D2F; background-color:#9FD391; display: block;}
.sm_landscape {width:250px; height:188px; border: 2px solid #2F5D2F; background-color:#9FD391; display: block;}

/* CSS General Navigation Styles */
a:link {color:#0F5F26; text-decoration:none;font-weight:bold;}
a:visited {color:#0F5F26; text-decoration:none;font-weight:bold;}
a:hover {	color:#179C0E; text-decoration:underline;font-weight:bold;}

/* CSS Subpage Side Navigation Styles */
/*#dot ul{margin-left:-20px;}*/
#dot li{list-style-type:none;	font-weight:bold;	color: #004477;	line-height:12px;	margin-top:5px;	margin-left:10px;}
#dot a{background-image:url(../images/nav-circle-sub.gif); background-repeat:no-repeat;	list-style-type:none;	font-weight:bold;	color: #0F5F26;	padding-left:20px;}
#dot a:link {background-image:url(../images/nav-circle-sub.gif); text-decoration:none;}
#dot a:visited{background-image:url(../images/nav-circle-sub.gif); text-decoration:none;}
#dot a:hover {background-image:url(../images/nav-circle-sub-hover.gif);	text-decoration:none;	color:#179C0E;}
/* CSS Homepage Side Navigation Styles */
.circle {width:170px;display:block;}
.circle a{background-image:url(../images/nav-circle.gif);	background-repeat:no-repeat;	height:24px;	font-weight:bold;	color: #0F5F26;	padding-left:30px; /*padding-top:4px;*/	display:block;}
.circle a:link {background-image:url(../images/nav-circle.gif);	text-decoration:none;}
.circle a:visited{background-image:url(../images/nav-circle.gif);	text-decoration:none;}
.circle a:hover {background-image:url(../images/nav-circle-hover.gif); text-decoration:none; color: #179C0E;}

/* Header and Footer Navigation Styles */
#header a:link, #footer a:link {	color:#0F5F26;	text-decoration:none;}
#header a:visited, #footer a:visited {	color:#0F5F26;	text-decoration:none;}
#header a:hover, #header_menu a:hover, #footer a:hover, #footer_menu a:hover { color:#FFFFFF;	text-decoration:none;}

/* CSS header menu selectors */
.home  #header_menu a#home,
.about #header_menu a#about,
.contact #header_menu a#contact,
.privacy #header_menu a#privacy,
.sitemap #header_menu a#sitemap {color:#FFFFFF;	text-decoration:none;}

/* CSS side menu selectors */
.programs #dot a#programs,
.locations #dot a#locations,
.forms #dot a#forms,
.corner #dot a#corner,
.bios #dot a#bios,
.newslinks #dot a#newslinks,
.usta #dot a#usta,
.photos #dot a#photos,
.contact #dot a#contact{background-image:url(http://www.littlefieldtennis.com/images/nav-circle-sub-hover.gif);	color:#179C0E;}

/* CSS bios and location selectors */
.kyle a#kyle,
.bev a#bev,
.sue a#sue,
.archie a#archie,
.leanora a#leanora,
.sarah a#sarah,
.marran a#marran,
.jake a#jake,
.eric a#eric,
.delaney a#delaney,
.exeter a#exeter,
.dover a#dover,
.pca a#pca,
.hampton a#hampton,
.portsmouth a#portsmouth,
.epping a#epping,
.smart a#smart,
.raymond a#raymond,
.stratham a#stratham {padding: 2px; background-color:#DAFB0A; /*#E1DF64;*/}


/* ######### fillers add the corresponding number of pixels to the page height ########### */
#filler50 {height: 50px;}
#filler100 {height: 100px;}
#filler200 {height: 200px;}
#filler300 {height: 300px;}

#lt_slideshow {
	/*float: right;*/
	position:relative;
	left:690px;
	top:-115px;
	/*border:none;*/
	border: 5px solid #2F5D2F;
	background-color:#9FD391;
	display: block;
	width:250px;
	height:188px;
/*	height:188px;*/
/*	margin-right: 1px;*/
}
img #sshow_img { }

/* validation logos */
.logo {	border:none;}
.logo1 {	margin:4px 30px 4px 20px; border:none;}
.logo2 {	margin:4px 30px 4px 60px; border:none;}
.logo3 {	margin:4px 0px; border:none;}

/* back to top links */
.btt a{color:#f00;}

/* photo styles */
.photoframe {border:3px solid #2F5D2F;}

/* Google Map formatting */
.gmap {border: 3px solid #2F5D2F;width:425px;height:370px;}

/* SLIMBOX */
#lbOverlay { position:absolute; z-index:9999; left:0; width:100%;	background-color:#000; cursor:pointer;}
#lbCenter, #lbBottomContainer { position:absolute; z-index:9999; left:50%; overflow:hidden; background-color:#fff;}
.lbLoading { background: #fff url(../images/slimbox/loading.gif) no-repeat center;}
#lbImage { position: absolute;	left: 0;	top: 0;	border: 10px solid #fff;	background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink { display:block; position:absolute; top:0; width:50%; outline:none;}
#lbPrevLink { left:0;}
#lbPrevLink:hover { background:transparent url(../images/slimbox/prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink { right: 0;}
#lbNextLink:hover { background:transparent url(../images/slimbox/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size:10px; color:#666; line-height:1.4em; text-align:left; border:10px solid #fff; border-top-style:none;}
#lbCloseLink { display:block; float:right; width:66px; height:22px; background:transparent url(../images/slimbox/closelabel.gif) no-repeat center; margin:5px 0;outline:none;}
#lbCaption, #lbNumber { margin-right:71px;}
#lbCaption { font-weight:bold;}