html, body{margin:0; padding:0; text-align:center;} 
body{
margin-top:10px;
margin-bottom:40px;
color:#444;
background:#106A4D;
line-height:2em;
font:x-small Verdana,Geneva,Sans-serif;
voice-family: "\"}\""; 
voice-family:inherit;
font:small Verdana,Geneva,Sans-serif;


}
html>body {font-size:small;}
#wrapper{
	position:relative;
	width:780px;
	text-align:left;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	border: solid 2px #000000;
	background-color:#fff;
} 


/* Outer Divs
---------------------------------------------------*/
#menu{ 
height:24px; /*fixed height for header*/
margin-top: 0px;
margin-bottom: 0px;
padding: 0;
width: auto;
}

#header{ 
height:126px; /*fixed height for header*/
margin-top: 0px;
margin-bottom: 0px;
width: auto;
}


#navphotobanner {
/*height:303px; /*fixed height for navphotobanner*/
padding:0px 10px 10px 20px;
width: auto;
}
#printversion {
height:20px; /*fixed height for printversion*/
background:url(/images/printer.gif) 99% top no-repeat;
text-align: right;
padding:0 40px 0 0;
color:#999;
}
#previouspage {
height: 20px;
background:url(/images/previouspage.gif) 99% top no-repeat;
text-align: right;
padding:0 40px 0 0;
color:#999;
}
#sitemappage {
height: 20px;
background:url(/images/previouspage.gif) 99% top no-repeat;
text-align: right;
padding:0 40px 0 0;
color:#999;
}
#fullwidth{ 
width:500px;
}
.widefull{ 
width: auto;
padding: 1px 40px 1px 40px;
}

.widefull_ws{ 
width: auto;
padding: 1px 40px 1px 40px;
}

#slideshow 	{padding-left: 20px } 

#ltl_rec_count 	{color: #000080;
	background-color: #ADD0B8; } 

#btnExport {
	margin-bottom: 20px;
}
#bottomnav {
/*height:24px;*/
width: 100%;
}
#footer {
height: 0px;
width: 100%;
/*background:url(/images/tlfooter.jpg) left top no-repeat;*/
margin-top:0px;
}
#copyright {
width:auto;
padding:10px 10px 10px 10px;
}
/* Content Area > WideLeft Layout
---------------------------------------------------*/
.wideleft {
border:solid white 0px; 
/*/*/ border-left-width: 540px ;  /* largeleft left column width */ 
border-left-color: #fff;   /* largeleft left column color */ 
border-left-style: solid;
background-color: #fff; /* largeleft right column color */ 
width: auto;
}
.wideleft-large{
width:540px; /* must match largeleft left column width in .largeleft */
float:left; 
position:relative; 
margin-left:-540px; /* must match largeleft left column width in .largeleft, add negative sign */
margin-right:1px; 
padding-bottom:5px;
}

.wideFullScreen{
width:700px; /* must match largeleft left column width in .largeleft */
margin-right:0px; 
padding: 0px 0px 5px 40px;
}


.wideleft-small{
float: left; 
width: 100%; 
position: relative; 
margin:0 -8px 0 -2px; 
padding-bottom:5px;
}
.wideleft>.class {border-bottom: 1px solid #fff;}
.wideleft .content {padding:10px 40px 10px 40px;}
.wideleft .wideleft-small .photo {margin-left:-15px;}
/* Content Area > WideRight Layout
---------------------------------------------------*/
.wideright {
border:solid white 0px; 
/*/*/ border-left-width: 240px ;  /* largeright left column width */ 
border-left-color: #fff;   /* largeright left column color */ 
border-left-style: solid;
background-color: #fff; /* largeright right column color */ 
width: auto;
}
.wideright-small{
width:240px; /* must match largeright left column width in .largeright */
float:left; 
position:relative; 
margin-left:-240px; /* must match largeright left column width in .largeright, add negative sign */
margin-right:1px; 
padding-bottom:5px;
}
.wideright-large{
float: left; 
width: 100%; 
position: relative; 
margin:0 -8px 0 -2px; 
padding-bottom:5px;
}

/* Extras
---------------------------------------------------*/
.inner{margin:0; width:100%;}
.clr {clear:both;}
.left40pad{padding-left: 40px;}

/* Links
----------------------------------------------- */
a {text-decoration:none;}
a:link{font-weight:bold;color:#106A4D;border-bottom:1px dotted #106A4D;}
a:visited{font-weight:bold;color:#666;border-bottom:1px dotted #666;}
a:hover{font-weight:bold;border-bottom:1px solid #333;}


body#darkgreen a {text-decoration:none;}
body#darkgreen a:link{font-weight:bold;color:#106A4D;border-bottom:1px dotted #106A4D;}
body#darkgreen a:visited{font-weight:bold;color:#999;border-bottom:1px dotted #999;}
body#darkgreen a:hover{font-weight:bold;color:#106A4D;border-bottom:1px solid #106A4D;}



#wrapper #header a {border:0;text-decoration:none;}
#wrapper #header a:link{border:0;}
#wrapper #header a:visited{border:0;}
#wrapper #header a:hover{border:0;}





/* Header Link
----------------------------------------------- */
#header h1 {
margin:0;
background-repeat:no-repeat;
background-position:left top;
padding:0;
}
#header h1 span {
visibility:hidden;
}

.hide {
visibility:hidden;
}


#header h1 a {
display:block; 
width:780px; 
height:0px;
text-decoration:none;
border:none;
}
/* Content Headers
----------------------------------------------- */
h4 {
margin-bottom:-.7em;
margin-top:0;
padding-top:0.3em;
font-size: 120%;
color:#000;
}


h5 {
margin-bottom:0px;
margin-top:6px;
font-size: 11px;
color:#000;
}

body#darkgreen h4 span{color: #106A4D;}

p span {color: #000; font-weight:bold;}

/* Page Title
----------------------------------------------- */
#pagetitlecolor {
width:100%;
height:50px;
}

#pagetitle{
}

#pagetitle h3 {
margin:0;
padding:14px 0 0 20px;
font-size:150%;
letter-spacing:.1em;
font-weight:bold;
color:#fff;
}
#sectionname{
position: relative;
bottom:3.2em;
text-align:right;
}
#sectionname h2 {
margin:0;
padding:6px 10px 0 0;
font-size:100%;
font-weight:bold;
color:#106A4D;
}

body#darkgreen #pagetitlecolor {
background:url(/images/ptgdarkgreen.jpg) left top no-repeat;
}

/* Print Version Link
----------------------------------------------- */
#printversion a {
}
/* Sidebox
----------------------------------------------- */
.sidebox {
 width:180px;
 background-color:#eee;
 border:1px solid #ccc;
 padding:0 0 10px 0;
 margin:3em 0 0 2em;
 }
body#darkgreen .sidebox {border-color: #106A4D;background-color:#EEEEEE;}
 .sidebox h5 {
 margin:0;
 border:1px solid #ccc;
 border-width:0 0 1px 0;
 font-size:100%;
 color: #fff;
 padding:0 10px 0 10px;
 
 }
body#darkgreen .sidebox h5 {background: #106A4D;border-color: #106A4D;}
.sidebox ul {
padding:0;
margin:0;
padding:10px 10px 0 10px;
list-style-type: none;

}
.sidebox ul li {
padding-left:0;
}
.sidebox ul ul {padding:0 0 0 15px;}
.sidebox p {
padding: 0 10px 0 10px;
}
.wideright .wideright-small .sidebox {margin-left:4em;}
/* Photos
----------------------------------------------- */
.photo {
text-align:center;
width:100%;
margin-top:3em;
}


.photo img {
background-color:#fff;
border:1px solid #ccc;
padding:0px;
}
.photo2 {
text-align:center;
width:100%;
margin-top:0em;
}


.logoPhoto {
text-align:center;
width:100%;
margin-top:0em;
padding-left: 10px;
padding-right: 10px;
}


.photo2 img {
background-color:#fff;
border:0px solid #ccc;
padding:0px;
}

body#darkgreen .photo img {border-color: #106A4D;}
.photocaption {
clear:left;
font-size:95%; 
font-style: italic;
margin:5px 10px 20px 10px;
line-height:1.5em;
color:#777;
}
/* Camp Info Table
----------------------------------------------- */
.camptable {
border: 1px solid #ccc;
border-collapse: collapse;
margin:20px 0 20px 0;
}

body#darkgreen .camptable {border-color: #106A4D;background-color:#EEEEEE;}
.camptable td {
border: 1px solid #ccc;
text-align:left;
padding:4px;
color:#333;
}

body#darkgreen .camptable td {border-color: #EEEEEE;background-color:#FFFFFF;}
.camptable td span {
color:#000;
font-weight: bold;
}
.camptable th {
border: 1px solid #ccc;
background-color: #eee;
color:#fff;
font-weight: bold;
text-align: left;
padding:0px 4px 0px 4px;
}
body#darkgreen .camptable th {background: #007068;border-color: #007068;}
/* Sitemap
----------------------------------------------- */
ul {margin-top: 20px;}


ul.nobullet {list-style-type: none;}




.wideFull_ws{ 
float:none;
width: 680px;
padding: 1px 40px 1px 40px;
}

/* Golf Outing Photo Gallery styles */

.wideFull_gallery{ 
float:none;
width: 700px;
padding: 1px 0px 1px 60px;
}

.slideshow{ /*CSS for DIV containing each image*/
float: left;
width: 205px;
height: 205px;
/*height: 158px;*/
}

#slideshow a img{ /*image border color*/
border: 2px solid #ccc;
}

#slideshow a:hover img{ /*image border hover color*/
border: 3px solid #106A4D;
}

#slideshow a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#navlinks{ /*CSS for DIV containing the navigational links*/
width: auto;
padding-bottom: 10px;
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-bottom: 3px;
font-size: 12px;
}



#navlinks a.current{ /*CSS for currently selected navigational link*/
background-color: #cccccc;
border: 1px solid #106A4D;
color:#106A4D;
}

#navlinks a:visited.current{ /*CSS for currently selected navigational link*/
background-color: #cccccc;
border: 1px solid #106A4D;
color:#106A4D;
}


/*	NEW TABLES!!! 
	IMPROVED TABLE STYLES - PLEASE USE THESE OR CREATE SIMILAR
	STYLES FOLLOWING THE SAME FORMAT. 
---------------------------------------------------------- */
table.A					{ background-color: #FFFFFF;}
table.A td.Head			{ background-color: #106A4D; color: #FFFFFF; font-size: 12px; font-weight: 600; text-align: left; }
table.A td.HeadC		{ background-color: #106A4D; color: #FFFFFF; font-size: 12px; font-weight: 600; text-align: center; }
table.A td.HeadR		{ background-color: #106A4D; color: #FFFFFF; font-size: 12px; font-weight: 600; text-align: right; }
table.A td.Head2		{ background-color: #FFFFFF; color: #106A4D; font-size: 12px; font-weight: 600; text-align: left; }
table.A td.Head2C		{ background-color: #FFFFFF; color: #106A4D; font-size: 12px; font-weight: 600; text-align: center; }
table.A td.Head2R		{ background-color: #FFFFFF; color: #106A4D; font-size: 12px; font-weight: 600; text-align: right; }
table.A td.smallHead	{ background-color: #F4F4F4; color: #106A4D; font-size: 10px; font-weight: 600; text-align: left; }
table.A td.smallHeadC	{ background-color: #F4F4F4; color: #106A4D; font-size: 10px; font-weight: 600; text-align: center; }
table.A td.smallHeadR	{ background-color: #F4F4F4; color: #106A4D; font-size: 10px; font-weight: 600; text-align: right; }
table.A tr				{ background-color: #FFFFFF; }
table.A tr td			{ background-color: #FFFFFF; color: #888888; font-size: 11px; font-weight: normal;}
table.A tr td.label		{ background-color: #FFFFFF; color: #106A4D; font-size: 11px; font-weight: 600;}
table.A tr td.label2	{ background-color: #FFFFFF; color: #888888; font-size: 11px; font-weight: 600; font-style:italic;}
table.A tr td.shade		{ background-color: #F4F4F4; padding: 10px;}


/* FOR TABLES THAT HAVE A FIRST COLUMN, RIGHT ALIGNED POPULATED WITH LABELS.*/
table.B					{ background-color: #FFFFFF;}
table.B td.Head			{ background-color: #106A4D; color: #FFFFFF; font-size: 12px; font-weight: 600; text-align: left; }
table.B td.HeadC		{ background-color: #106A4D; color: #FFFFFF; font-size: 12px; font-weight: 600; text-align: center; }
table.B td.HeadR		{ background-color: #106A4D; color: #FFFFFF; font-size: 12px; font-weight: 600; text-align: right; }
table.B td.smallHead	{ background-color: #F4F4F4; color: #106A4D; font-size: 10px; font-weight: 600; text-align: left; }
table.B td.smallHeadC	{ background-color: #F4F4F4; color: #106A4D; font-size: 10px; font-weight: 600; text-align: center; }
table.B td.smallHeadR	{ background-color: #F4F4F4; color: #106A4D; font-size: 10px; font-weight: 600; text-align: right; }
table.B tr				{ background-color: #FFFFFF; }
table.B tr td			{ background-color: #FFFFFF; color: #888888; font-size: 12px; font-weight: 500;}
table.B tr td.label		{ background-color: #FFFFFF; color: #106A4D; font-size: 13px; font-weight: 700; text-align: right; font-style:italic;  }
table.B tr td.shade		{ background-color: #999999;}
table.B tr td.caption	{ background-color: #FFFFFF; color: #106A4D; font-size: 9px; font-weight: 500; text-align: left; font-style:normal;  }



/*Styles Applied to Form Elements */
.inputStyle {
	background-color: #FFFFFF;
}

.small_but {
	font-size: 10px;
	cursor: hand;
}

.dotDiv {
	border : 1px dotted #106A4D;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	line-height:140%;
	color : #106A4D;
	margin-top : 0px;
	margin-bottom : 20px;
	padding : 2px 20px 20px 20px;
	width:auto;
}

.dotDiv2 {
	border : 1px dotted #800000;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height:120%;
	color : #800000;
	margin-top : 0px;
	padding : 12px;
	width:450px;
}

.grayDiv {
	border : 1px solid #106A4D;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	line-height:150%;
	color : #106A4D;
	margin-top : 0px;
	padding : 20px;
	width:auto;
	background-color: #F4F4F4;
}


.alert {
	color: #C00000;
	background-color: #fff;
	font-size: 1.5em;
}


.bigger {
	font-size: 1.5em;
}

.smaller {
	font-size: 0.875em;
}




/* =MISC
---------------------------------------------*/
.centerdiv {
	width:100%;
}
.centerdiv { /*IE method of centering a relative div*/
	text-align: center;
}
.centerdiv > div{ /*Proper way to center a relative div*/
	margin: 0 auto;
}	
