/* ======================================== *\
	CLIENT:				GOLF FUSION
	BUILT & POWERED BY:	COMMERCIAL DESIGN
	DATE:				JUNE 2007 
	--------------------------------------
	TITLE: 				MAIN CSS CONFIG
\* ======================================== */
@import "menuh.css";
@import "menuconfig.css";

html								{ height: 100%; }
body								{ height: 100%; margin: 0; padding: 0; background: rgb(22,66,66) url(/img/backgrounds/background-site.png) repeat-x 0 0 fixed; font: 12px Georgia,"Times New Roman",Times,Serif; color: rgb(41,41,41);  }
form								{ display: inline; }
img									{ border: 0; }
body.overview #bodyContent	em,
a									{ color: rgb(22,66,66); }
a:hover								{ color: rgb(253,190,6); }

#tupperware 						{ position: relative; min-height: 100%; height: auto; }
#tongue								{ width: 539px; margin: 0 auto; padding: 0 10px; background: rgb(135,200,200); }
#corpLogo							{ position: absolute; z-index: 900; top: 12px; left: 20px; height: 39px; width: 205px; background: url(/img/misc/W3C/logo-golfFusion.png) no-repeat 0 0; text-indent: -10000px; }
#head								{ position: relative; margin-bottom: 4px; }
#adRotator							{ height: 223px; width: 539px; }

/*
// MOVED menuconfig.css
ul#menu								{ height: 36px; width: 100%; margin: 0 0 -2px 0; padding: 0; list-style: none; }
ul#menu li							{ float: left; margin: 0 1px 0 0; padding: 2px 0 0; background: rgb(135,200,200); }
ul#menu a							{ display: block; padding: 0 10px; background: rgb(23,69,69); border-left: 2px solid rgb(23,69,69); border-right: 2px solid rgb(23,69,69); font: 12px/32px "Trebuchet MS",Frutiger,Unvers,San-serif; color: rgb(55,164,164); text-decoration: none; font-weight: 100; }
ul#menu a:hover 					{ color: rgb(253,190,6); }
body.demo ul#menu li.demo,
body.overview ul#menu li.overview,
body.contact ul#menu li.contact,
body.about ul#menu li.about,
body.home ul#menu li.home			{ height: 34px; padding: 0 10px; background: white; border: 2px solid rgb(193,193,193); border-bottom: none; font: 12px/32px "Trebuchet MS",Frutiger,Univers,San-serif; text-decoration: none; font-weight: 100; color: rgb(41,41,41); }
*/

#contentTop							{ height: 9px; background: white url(/img/backgrounds/background-contentTop.png) no-repeat 0 0; }
#bodyContent						{ padding: 32px 12px 15px; background: white; border-left: 2px solid rgb(193,193,193); border-right: 2px solid rgb(193,193,193); }
#bodyContent h1						{ margin: 0 0 .8em 0; font-family: "Trebuchet MS",Frutiger,Unvers,San-serif; font-size: 1.75em; font-weight: 100; line-height: .857em;}
body.demo td,
p									{ margin: 0 0 1.5em 0; font-size: 1em; line-height: 1.5em;}
body.home #bodyContent img			{ float: right; margin: 20px 5px; }
#tongueEnd							{ height: 90px; width: 559px; margin: 0 auto; background: url(/img/backgrounds/background-tongueBottom.png) no-repeat 0 0; }

body.overview #bodyContent	em		{ text-decoration: underline; font-size: 1.2em; }
body.overview #bodyContent img		{ float: right; margin: 0 5px; }
body.overview a.clicker				{ position: absolute; top: 10px; right: 8px; display: block; height: 140px; width: 173px; cursor: pointer; }
body.overview a.clicker span		{ display: block; position: absolute; bottom: -28px; width: 173px; font: 10px/1.2 "Trebuchet MS",Frutiger,Univers,San-serif; text-decoration: none; text-align: center; }
a:hover.clicker
body.overview #bodyContent p a		{ color: rgb(41,41,41); }
a:hover.clicker,
body.overview #bodyContent p a:hover{ color: rgb(100,150,150); cursor: pointer; }

#juniorGolfModule,
#lessonManager,
#leagueManager,
#tournamentModule,
#memberModule,
#eventManager						{ position: relative; min-height: 168px; height: auto; margin: 0 0 3px; padding: 10px 193px 10px 0; background: url(/img/demoImages/demo-eventManager.jpg) no-repeat 98% 40%; border-bottom: 1px solid rgb(207,233,233); }
#memberModule						{ background: url(/img/demoImages/demo-memberModule.jpg) no-repeat 98% 40%; }
#tournamentModule					{ background: url(/img/demoImages/demo-tournamentModule.jpg) no-repeat 98% 40%; }
#leagueManager						{ background: url(/img/demoImages/demo-leagueManager.jpg) no-repeat 98% 40%; }
#lessonManager						{ background: url(/img/demoImages/demo-lessonManager.jpg) no-repeat 98% 40%; }
#juniorGolfModule					{ background: url(/img/demoImages/demo-juniorGolfModule.jpg) no-repeat 98% 40%; border: none; }

address								{ margin: 1.5em 0;}
#foot								{ position: absolute;  bottom: 0; height: 70px; width: 100%;  background: url(/img/backgrounds/background-grass.png) repeat-x 0 100% ; text-align: center; font: .75em "Lucida Sans",Verdana,Sans-serif; color: rgb(127,190,190); }
#foot ul							{ display: table; height: 10px; margin: 28px auto 0; padding: 0; list-style: none;  overflow: hidden; }
#foot li							{ display: table-cell; padding: 0 15px; border-left: 1px solid rgb(127,190,190); }
#foot li a							{ color: rgb(127,190,190); text-decoration: none; }
#foot li a:hover					{ color: rgb(253,190,6); }
#foot li:first-child				{ border: none; }


/*LIGHT BOX*/
#lightBox			{ display: none; position: fixed; top: 0; left: 0; z-index: 15000; width: 100%; height: 100%; background: url(/img/misc/W3C/60grey.png) 0 0; }
#lightBox div 		{ position: fixed; top: 50%; left: 50%; width: 772px; height: 600px; margin: -300px 0 0 -386px; border: 3px solid white; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: rgb(55,164,164)/* url(/img/backgrounds/background-lightBoxDiv.png) repeat-x 0 0*/; overflow: hidden; color: white; text-align: center;}
span.close			{ display: block; float: right; height: 10px; width: 10px; margin: 2px 5px; padding: 2px; line-height: 9px; text-align: center; }
span.closeText		{ display: block; float: right; margin: 2px 2px 2px 12px; font: 10px/14px "Trebuchet MS", Arial, sans-serif; }
span:hover.close 	{ cursor: pointer; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #FFA500; }
a em ,
span.close a		{ cursor: pointer; color: white; text-decoration: none; }
#SlideShow			{ position: relative; z-index: 10000; }


.warning			{color: red;}