/* Website for Touching Lives Worldwide */
/* Fall 2008 */
/* Site design and development by Red Letter Design, www.RedLetterDesign.net */

/* Notes:


*/

/* Reset browser default styles to insure consistency across various browsers */
html, body, div, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; 	border: 0; 	font-size: 100%; line-height: 1; text-align: left; 	vertical-align: baseline; }
a img, :link img, :visited img { border: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/* Helpful fixes */
a {outline: none;}  /* get rid of Firefox link boxes */
html { height: 100%; } /* forces vertical scrollbars in FF to avoid horizontal shift on short pages, combined with min-height on body */
body { min-height: 101%; } /* forces vertical scrollbars in FF to avoid horizontal shift on short pages, combinded with height on html */

/* Layout Structure */
body { margin: 0; padding: 0; background: #02134d url(../images/background.jpg) center top repeat-x; }
div#wrapper { margin: 0 auto; padding: 0; width: 1000px; background: transparent url(../images/interior.jpg) repeat-y center top; }
	div#container { position: relative; width: 920px; margin: 0; padding: 260px 40px 20px 40px; min-height: 600px; 
								background: url(../images/header.jpg) no-repeat top left;}
	* html div#container { height: 600px;  } /* IE hack for min-height */
		div#printHeader {display: none;}
		div#topnav { position: absolute; top: 190px; left: 40px; width: 920px; }
		div#sidenav { float: left; width: 170px; margin: 0 20px 0 20px; padding: 0 20px 0 0; border-right: 1px solid #cccccc; display: inline;}
		/* note: display: inline in sidenav solves IE6 float margin bug */
		div#content { width: 670px; margin: 0 0 0 230px;}
div#footer { clear: both; width: 920px; margin: 0 auto; padding: 30px 40px 20px 40px; background: url(../images/footer.jpg) no-repeat top left; }

							
/* Typography */
body, input, textarea {	font-family: Georgia, "Times New Roman", Times, serif; color: #3f3f3f;}
h1, h2, h3,
div#sidenav li,
div#footer p {font-family: Tahoma, Arial, Helvetica, sans-serif;}
h1 { font-size: 24px; font-weight: normal; color: #032eba; line-height: 30px; margin: 0; padding: 0 0 10px 0px; }
h2 { font-size: 18px; font-weight: normal; color: #378427; line-height: 22px; margin: 0 0 5px 0; padding: 10px 0 0 0; }
h3 { font-size: 15px; font-weight: normal; color: #378427; font-style: italic; padding: 0 0 3px 0; }
p, li { font-size: 14px; line-height: 22px; margin: 0; padding: 0 0 15px 0; }
td, th { font-size: 14px; line-height: 22px; margin: 0 0 10px 0; padding: 0; text-align: left; font-weight: normal; }
th { font-weight: bold; }
strong { color: #378427; font-weight: bold;}
em { color: #032eba; font-style: italic; font-weight: bold;}
blockquote { padding: 5px 20px; }
a { color: #032eba; }
a:link { color: #032eba; }
a:visited { color: #032eba; }
a:hover { color: #378427; }
a:active { color: #378427; }
ul { list-style-position: outside; list-style-type: square; margin: 0 0 10px 2em; padding: 0 0 0 0;}
ol { list-style-position: outside; list-style-type: decimal; margin: 0 0 20px 2em; padding: 0 0 0 0; }
ul ul, ol ul { list-style-type: disc; margin: 10px 0 10px 2em; list-style-position: outside; }
ol ol, ul ol { list-style-type: lower-alpha; margin: 10px 0 10px 2em; list-style-position: outside; }
li { margin: 0 0 10px 0; padding: 0; }
ul.listCompact { list-style-position: outside; list-style-type: square; margin: 0 0 20px 2em; padding: 0 0 0 0; }
ol.listCompact { list-style-position: outside; list-style-type: decimal; margin: 0 0 20px 2em; padding: 0 0 0 0; }
ul.listCompact li, ol.listCompact li { margin: 0; padding: 0; }
table { margin: 10px 0; padding: 0; }
td { padding: 4px; margin: 0; vertical-align: top;}
th { padding: 4px; margin: 0; vertical-align: top; }

/* Top Navigation */
div#topnav ul { margin: 0; padding: 0; list-style: none; }
div#topnav li {	margin: 0; padding: 0; display: inline; float: left; height: 30px; }
div#topnav li a { display: block; height: 30px; text-indent: -8000px; background-image: url(../images/topbuttons.jpg); }

div#topnav li#buttonHome a 						{ background-position: 0 0; width: 91px;  }
div#topnav li#buttonHome a:hover 			{ background-position: 0 bottom; }
div#topnav li#buttonHome.currentPage a, 
div#topnav li#buttonHome.currentPage a:hover 			{ background-position: 0 center; }

div#topnav li#buttonAbout a 				{ background-position: -91px 0; width: 119px;  }
div#topnav li#buttonAbout a:hover 	{ background-position: -91px bottom; }
div#topnav li#buttonAbout.currentPage a, 
div#topnav li#buttonAbout.currentPage a:hover 			{ background-position: -91px center; }

div#topnav li#buttonSponsor a 				{ background-position: -211px 0; width: 174px;  }
div#topnav li#buttonSponsor a:hover 	{ background-position: -211px bottom; }
div#topnav li#buttonSponsor.currentPage a, 
div#topnav li#buttonSponsor.currentPage a:hover 			{ background-position: -211px center; }

div#topnav li#buttonServices a 					{ background-position: -386px 0; width: 191px;  }
div#topnav li#buttonServices a:hover	 		{ background-position: -386px bottom; }
div#topnav li#buttonServices.currentPage a, 
div#topnav li#buttonServices.currentPage a:hover 			{ background-position: -386px center; }

div#topnav li#buttonSupport a 				{ background-position: -578px 0; width: 206px;  }
div#topnav li#buttonSupport a:hover 	{ background-position: -578px bottom; }
div#topnav li#buttonSupport.currentPage a, 
div#topnav li#buttonSupport.currentPage a:hover 			{ background-position: -578px center; }

div#topnav li#buttonContact a 				{ background-position: -785px 0; width: 134px;  }
div#topnav li#buttonContact a:hover 	{ background-position: -785px bottom; }
div#topnav li#buttonContact.currentPage a, 
div#topnav li#buttonContact.currentPage a:hover 			{ background-position: -785px center; }

/* Secondary Navigation */
div#sidenav h1 { color: #378427; }
div#sidenav ul { list-style: none; list-style-position: outside; text-indent: 0; margin: 0; padding: 0; }
div#sidenav li { margin: 0; padding: 0;}
div#sidenav li a
 { display: block;  margin: 0 0 10px 0; padding: 5px 5px 3px 5px; font-size: 17px; line-height: 24px; color: #ffffff; text-decoration: none; 
	background: #021e78 url(../images/sidebuttons.jpg) top left no-repeat; 
	border-width: 1px;
	border-style: solid;
	border-color: #939393 #444444 #444444 #939393;}
div#sidenav li a:hover { background-color: #e5c530; background-position: top right; color: black;}
div#sidenav li.currentNav a, 
div#sidenav li.currentNav a:hover { background-color: #032aa6; background-position: top center; color: white;}
div#sidenav * { zoom: 1; } /* fixed IE6 bug that adds extra padding to a within li, esp for nav */


/* Site Map */
div#sitemap h1 { font-size: 18px; font-weight: normal; color: #378427; line-height: 22px; margin: 0 0 5px 0; padding: 10px 0 0 0; }
div#sitemap li { margin: 0; padding: 0;}
/* Graphics */
img.photoRight { border: 1px solid #444444; padding: 0; background-color: #ffffff; margin: 5px 0 5px 10px; float: right; }
img.photoLeft { border: 1px solid #444444; padding: 0; background-color: #ffffff; margin: 5px 10px 5px 0; float: left; }
img.graphicRight { border: none; padding: 0; margin: 5px 0 5px 5px; float: right; }
img.graphicLeft { border: none; padding: 0; margin: 5px 5px 5px 0; float: left; }

/* Response Forms */
form.response { border: 1px solid #378427; margin: 10px 0 20px 0; padding: 10px; background: #fcfcfa url(../images/gradient.jpg) top left repeat-x;   }
form.response input, form.response textarea { margin: 3px 8px 3px 0; padding: 3px; }
form.response input.formInput, form.response textarea { border: 1px solid #d9ceb3; color: #224880; font-size: 13px; }
form.response label { display: block; margin: 0px 0 10px 0; letter-spacing: 1px; color: #3c3c3c; padding: 0; font-size: 11px; }
form.response div#honeypot { display: none; } /* spambot trap */
form.response .fieldwarning { color: #990000; font-weight: bold; padding-left: 0; }
form.response .retMessage { background-color: #ffffff; color:  #224880; padding: 5px 7px !important; margin: 5px 0; border: 1px solid  #d9ceb3; }
form.response .warning { color: #990000; font-weight: normal; font-style: italic; padding-left: 0; }

/* Special uses */
.floatclear { clear: both; }
blockquote.creed { text-indent: 0; margin: 10px 0; padding: 30px 30px 20px 30px; border: 1px solid #032eba; background: #f4f7ff url(../images/bluegrad.jpg) top left repeat-x;}
blockquote.creed p {text-align: center; font-size: 16px;}
h2 .backToTop a {font-size: 12px; color: #666666;}
div.callout { margin: 10px 0; padding: 30px 30px 20px 30px; border: 1px solid #032eba; background: #f4f7ff url(../images/bluegrad.jpg) top left repeat-x;}
div.callout p {text-align: center; font-size: 16px;}
.big {font-size: 30px; font-weight: bold;}
div.quote {margin: 10px 0; padding: 10px; border: 1px solid #032eba; background: #f4f7ff url(../images/bluegrad.jpg) top left repeat-x;}
div.quote .author {font-style: italic;}

div#frontPage p.frontnote { color: white; font-size: 15px; text-align: center;}
div#frontPage p.frontnote a { color: white; font-size: 15px; text-align: center;}
div#frontPage p.frontnote a:hover { color: #FFFF55; font-size: 15px; text-align: center;}

/* Footer content */
div#footer p { font-size: 12px; font-weight: normal; line-height: 1.4; margin: 0; padding: 5px 0 0 0; color: #ffffff; text-align: center; }
div#footer p a, div#footer p a:link, div#footer p a:visited { color: #ffffff; text-decoration: none; }
div#footer p a:hover { text-decoration: underline; }
div#footer div#footerCredit p { font-size: 10px; color: #444444; margin-top: 30px; }
div#footer div#footerCredit p a { color: #444444; text-decoration: none; }
div#footer div#footerCredit p a:hover { color: #aaaaaa; font-weight: normal; text-decoration: underline;}


/* Child Information */
div.childInformation { margin: 0 0 20px 0; padding: 5px; border: 1px solid #032eba; background: #f4f7ff url(../images/bluegrad.jpg) top left repeat-x; }
div.childInformation .infoText {font-weight: bold; }
div.childInformation img {float: right; margin: 5px 5px 5px 10px; padding: 0; border: 1px solid black; }
div.childInformation a.sponsorLink { clear: both; display: block; margin: 5px 0 0 0; padding: 8px 8px 5px 8px;
	font-size: 18px; color: #ffffff; text-decoration: none; font-weight: bold; text-align: center; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; letter-spacing: 1px;
	background-color: #378427; 	border-width: 1px;	border-style: solid;	border-color: #939393 #444444 #444444 #939393;}
div.childInformation a.sponsorLink:hover { background-color: #FFCC00; color:#000000; }

/* Meet Children */
div.childbox { float: left; width: 320px; margin: 0 10px 10px 0; padding: 0; height: 80px; border: 1px solid #032eba; background: #f4f7ff url(../images/bluegrad.jpg) top left repeat-x;  }
div.childbox div.childpic {float: left; border-right: 1px solid #032eba; margin: 0 10px 0 0; padding: 0;}
div.childbox img {margin: 0; padding: 0;}
div.childbox p {padding: 8px 8px 8px 0; font-size: 18px; }

/* PayPal Form */
form.paypal {border: 1px solid #032eba; padding: 10px; margin: 0 0 20px 10px; width: 300px; background: #021e78 url(../images/sidebuttons.jpg) top left no-repeat; text-align: center;}
form.paypal p.paymentOption {text-align: center; font-size: 17px; line-height: 24px; color: #ffffff;}
form.paypal img {border: none;}

/* Golf Tournament Page */
p.intropara { font-size: 16px; line-height: 28px; font-style: italic; }
div.leadin {margin: 10px 0; padding: 10px; border: 1px solid #032eba; background: #f4f7ff url(../images/bluegrad.jpg) top left repeat-x;}
div.leadin p {font-size: 16px;}
ul.sponsorItemList  {list-style-position: outside; list-style-type: square; margin: 0 0 20px 2em; padding: 0 0 0 0; }
ul.sponsorItemList li {margin: 0; padding: 0}

table.golfOptions {margin: 10px 0; padding: 10px; border: 1px solid #032eba; background: #f4f7ff url(../images/bluegrad.jpg) top left repeat-x;}
table.golfOptions td { margin: 0; padding: 0;}
table.golfOptions th { margin: 0; padding: 0 10px 0 0; text-align: right;}


table.golfPayPal {margin: 10px 0; padding: 10px; border: 1px solid #032eba; background: #f4f7ff url(../images/bluegrad.jpg) top left repeat-x;}
table.golfPayPal td { margin: 0; padding: 0;}
table.golfPayPal th { margin: 0; padding: 0 10px 0 0; text-align: right;}

table.golfPayPal tr.section td { font-size: 15px; font-weight: normal; color: #032eba; font-style: italic; padding: 0 0 3px 0; }

table.paypalbutton { margin: 0; padding: 0;}

.detail {font-size: 11px !important; line-height: 14px !important; font-weight: normal; font-style: normal; }