/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-color:#669900;
} 
 
#pagewidth{ 
 width:780px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 background-color:#fcffea; 
} 
.top {
width: 100%;
margin-top: 1px; 
padding-top: 1px;
border-color: 1px solid #336699;
background-color: #669900;
font-size : 10px; 
text-align : center; 
color : #fcffea;
line-height: 1.6em;}

 #maincontainer{
width: 780px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background:#fcffea; 
}

 
 
#header{
 position:relative; 
 height:100px; 
  background:#fcffea url("../golf_instruction_images/gold_coast_golf_school_banner780.jpg") no-repeat;
width:780px;
} 




div 
 { font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 12px; 
 color: #242424;
}

span 
 { font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 14px; 
 color: #cc0000;
 font-weight:bold;
 
}
h1
{ font-family: Tahoma, Arial, sans-serif; 
font-size: 18px; 
color: #669900; 
text-align: center;
line-height: 20px;
}

h2 
{ font-family: Tahoma, Arial, sans-serif; 
font-size: 18px; 
color: #ff0033; 
text-align: center; 
margin: 2px;
line-height: 20px;
}

h3 
{ font-family: Tahoma, Arial, sans-serif;
font-size: 14px; 
color: #040403; 
text-align: center; 
margin: 0px;}
a:link, 
a:visited { color: #000000; 
text-decoration: underline; 
} 

a:hover { text-decoration: none; } 
a:focus {}
a:active {} 

p 
{ padding: 3px 0px; 
margin: 0px; 
color:#242424;
font-size: 14px; 
text-align:justify;
}
.pleft 
{ padding: 3px 0px; 
margin: 0px; 
color:#242424;
font-size: 14px; 
text-align:left;
}

.plarge 
{ padding: 3px 0px; 
margin: 0px; 
color:#242424;
font-size: 16px; 
font-weight:bold;
}

p.solid {
border-style: none;
background-color: #669900; 
color:#ffff99;
text-align:center;
font-weight:bold;
font-size: 16px; 
}

.clear { clear: both; 
height: 1px; 
font-size: 10%; 
line-height: 10%; 
overflow: hidden; }
 
 
 
 
#leftcol{
 width: 185px; 
 float:left; 
 position:relative; 
 background-color:#ccff66; 
 padding: 5px ; 
line-height:1.5em;
color:#000000;
height: 100%;
 }
 #leftcol.h2
{ font-family: Tahoma, Arial, sans-serif; 
font-size: 18px; 
color:#000000;
text-align: center;
}
 #leftcol.h3
{ font-family: Tahoma, Arial, sans-serif; 
font-size: 14px; 
color:#000000;
text-align: center;
}
   #leftcol p{
margin: 10px 0 1.0em 0;
font-size: 12px; 
text-align: center;
color:#000000;
 }
    #leftcol pleft{
margin: 10px 0 1.0em 0;
font-size: 12px; 
text-align: left;
color:#000000;
 }
#twocols{
 width:580px;
 float:right; 
 position:relative; 
 height: 100%;
  }
 
#rightcol{
  width: 160px; 
 float:right; 
 position:relative; 
 background-color:#ccff66;
padding: 9px ; 
line-height:1.5em;
color:#000000;
height: 100%;
 }
 #rightcol p{
margin:0 0 1.0em 0;
font-size: 12px; 
color:#006633;
 }
#rightcol a
{ color: #669900; 
text-decoration: underline; 
font-weight:bold;
} 
 
  #rightcol h2 
{ font-family: Times New Roman, Arial, sans-serif; 
font-size: 18px; 
color:#006633;
text-align: center; 
margin: 2px;
line-height: 20px;
}
   #rightcol h3
{ font-family: Tahoma, Arial, sans-serif; 
font-size: 14px; 
color:#006633;
text-align: center; 
margin: 2px;
line-height: 20px;
}
#maincol{background-color: #fcffea;  
 float: left; 
 display:inline; 
 position: relative; 
 width:370px; 
padding:0 10px 0 10px;
line-height:1.7em;
text-align:left;
color:#242424;
 }
 #maincol h2{
font-size:1.5em;
margin:0 0 0.5em 0;
}

#maincol img{
padding:4px;
margin:4px 4px 4px 4px;
display:inline;
background:#fcffea;
color:#3764a8;
border:1px solid #669900;
}


 
#footer{

  background-color:#ccff66; 
 clear:both;
margin:0 auto;
padding:10px 0 20px 0;
border-top:4px solid #669900; 
width:780px;
text-align:center;
color:#242424;
font-size:0.9em;
}

#footer a{
text-decoration:none;
color:#006633; 



}

#footer a:hover{
color:#242424;
text-decoration:underline;

}
 
 #footer p{
text-align:center;
color:#242424;
font-size:0.9em;
}
 
 
 
 
 #menu{
top:110px;
float:left;
width:185px;
margin:4px 0 2px 0px;
padding:2px;
font-size:0.9em;
}
   #menu h3
{ font-family: Times New Roman, Arial, sans-serif; 
font-size: 18px; 
color:#006633;
text-align: center; 
margin: 2px;
line-height: 20px;
}
.menup{
padding:0;
font-size:0.9em;
color:#ffff99; 
}

#menu ul{	
list-style:none;
width:185px;
margin:0 0 2px 0px;
padding:0px;
font-size:1.1em;

}	

#menu li{
margin-bottom:4px;
}

#menu li a{
font-weight:bold;
height:20px;
text-decoration:none;
color: #006633; 
display:block;
padding:0px 0 0 4px;
background: #ffff99;

}	
	
#menu li a:hover{
background:#669900;
color:#ffff99;
border-left:4px solid  #FF7C3E;
}

  img.left,img.center,img.right{padding:4px; border:1px solid #ccff66;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}
 
 
 
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}


div.container {
  background-color: #ffffff;
  width:560px;
  font-size:0.7em;
  }
  
  div.float1 {
  float: left;
  width:50px;
  height:50px;
  border: 1px solid #e8eaec;
  background-color: #ffffff;
  }
  
  div.float {
  float: left;
  width:80px;
   height:50px;
  border: 1px solid #e8eaec;
  background-color: #ffffff;
  }
   div.float2 {
     float: left;
   width:200px;
    height:50px;
  border: 1px solid #e8eaec;
  background-color: #ffffff;
  }
     div.float3 {
     float: left;
   width:150px;
    height:50px;
  border: 1px solid #e8eaec;
  background-color: #ffffff;
  }
       div.float4 {
     float: left;
	  height:50px;
   width:516px;
  border: 0px solid #e8eaec;
  background-color: #ffffff;
  }

  
div.float p {
   text-align: center;
   }
 embed.left,embed.center,img.right{padding:4px; border:1px solid #ccff66;}
embed.left{float:left; margin:0 12px 5px 0;}
embed.center{display:block; margin:0 auto 5px auto;}
embed.right{float:right; margin:0 0 5px 12px;}