/* Graham Golf Academy Style: Light Green Angle */
/* Author: Phil-Alexander Duvall */

* { margin: 0; padding: 0; }

/* HTML */
body { width : 90%; margin : 0 auto; padding : 0; font : 1.0em Tahoma, Verdana, Arial, sans-serif; background-color : #fff; }

q { font: 1.5em Georgia, 'Times New Roman', Times, serif; color: #999; font-weight: normal; font-style: italic; letter-spacing: .1em; line-height: 130%; word-spacing: .15em; text-align: left; }
p { font: Tahoma, Verdana, Arial, sans-serif; color: #999; text-indent: 10px; text-align: left; line-height: 120%; word-spacing: .5em; }

a { color: #cccc99; }
a:link { color: #cccc99; }
a:visited { color: #999966; }
a:hover { color: #cccc66; text-decoration: none;}

/* h1 is used for heading BRANDS */
h1#brand{ float: left; display: block; margin: 0 0 0 20px; width: 350px; height: 215px; background: url('../img/logo.gif') top left no-repeat; text-indent: -9999px; overflow: hidden; }
h1#brand_pga{ float: right; margin: 50px 50px 0 0; width: 115px; height: 133px; background: url('../img/pgalogo.gif') bottom left no-repeat; }
	
fieldset#contentnav { margin-bottom: 10px; padding: 10px; width: 270px; background: url('../img/nav/goto.gif') center left no-repeat; clear:both; margin: 0 0 0 60px; border: 0; }
fieldset#contentnav label { float: right; }
fieldset#contentnav input { width: 20px; height: 20px; background: transparent url('../img/nav/button.gif') center no-repeat; border: 0;}
	
/* CONTENT wrap */    
div#content div#main { margin: 0 0 0 50px; width: 80%; }
	
/* double column layout INDEX, PHILOSOPHY, TIPS, and INSTRUCTION */
div#colmain { float: right; width: 360px; padding: 30px 0 30px 0; }  /*texts*/
div#colsub { float: left; padding: 30px 0 30px 0; } /*images*/

div#colmain.philosophy { background: url(../img/nav/philosophy.gif) 80% 0 no-repeat; }
div#colmain.tips { background: url(../img/nav/tips.gif) 80% 0 no-repeat; }
div#colmain.instruction { background: url(../img/nav/instruction.gif) 80% 0 no-repeat; }
	
/* mid-aligned column layout RATES and CONTACT*/ 
div#colmid { position: relative; margin: 0 auto; padding: 40px; }

/* RATES page*/	
div#colmid.rates { width: 500px; background: url(../img/nav/rates.gif) 80% 0 no-repeat; }
div#colmid.rates table { margin: 20px; width: 500px;}
div#colmid.rates caption { padding: 20px 10px 0 10px; color:#fff; text-align: left; text-transform: uppercase; font-size: 1.3em; background: #83d1a8; }
div#colmid.rates th { padding: 5px 10px; color:#ccc; font-size: 0.9em; text-transform: uppercase; text-align: left; }
div#colmid.rates td { border: 1px solid #eee; color: #666; padding: 5px 10px; font-size: 0.9em; width: 250px; font-weight: bold;}
div#colmid.rates tfoot td { background: #ccc; font-size: 0.7em; color: #000;}
/* CONTACT page*/
div#colmid.contact { width: 420px; background: url(../img/nav/contact.gif) 80% 0 no-repeat; }
div#colmid.contact p { margin:  10px 0 10px 0; width: 350px;  padding: 20px; border: 0; color: #666; font-size: 0.8em; background-color: #eee; }

/* CONTACT page form */
fieldset#contact { margin: 0 0 10px 0; width: 350px; padding: 20px; border: 1px solid #ccc; overflow: hidden }
fieldset#contact input { float: right; width: 45%; border: 2px solid #83d1a8; }
fieldset#contact input:hover { border-color: #ccc; background-color: #83d1a8; }
fieldset#contact input:active, input:focus { background-color: #83d1a8; }
fieldset#contact label, label span { display: block; padding: 0 0 .25em 0; }
fieldset#contact label { float: left; width: 100%; }
fieldset#contact label span { float: left; width: 45%; color: #666; font-size: 0.8em; text-align: right; }

form#contact div { margin: 0 0 20px 0; width: 350px; padding: 10px 20px; text-align: right; }
form#contact div input { padding: 0.25em; background-color: #83d1a8; border: 2px solid #83d1a8; color: #eee; font-weight: bold; text-transform: uppercase; }
form#contact div input:hover { border-color: #fff; color: #fff;}
form#contact div input:active, input:focus { border-color: #83d1a8; }

/* NAVIGATION formating */    
div#nav { width: 100%; height: 60px; background: #83d1a8 url('../img/horz_grad.gif') top right repeat-y; clear:both; }
div#nav img { border: 0; }
div#nav span { position: relative; top: 15px; left: -9px; }
    
/* baseline format */

div#wrap { position: relative; margin: 0 auto 0 auto; width: 900px; background: #83d1a8 url('../img/vert_grad.gif') top left repeat-x; }
div#wrap h3{ position: absolute; margin: 0; top: 140px; left: 5px; height: 450px; width: 50px; background: url('../img/vert_text.gif') center no-repeat; text-indent: -9999px; overflow: hidden; }
    
div#content { position: relative; margin: 0 0 0 60px; width: 840px; background: #ffffff url('../img/content_bg.gif') 80% 0 no-repeat; }