/* CSS STYLESHEET */
/* PROJECT - Williamwood Golf Club */
/* DEVELOPER - Kenny Burns */


/* Main body and common containers */ 

body 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    background-color: #B28D47;
}

#container
{
    width:770px;
    background-image:url('background.gif');
    background-repeat:repeat-y;
    margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
    color:#000000;
    }

#header
{
    width: 752px;
    height: 125px;
    background-image: url('header-background.gif');
    border-bottom: solid 5px #FFFFFF;
    margin: 0px auto 0px auto;
}

#clublogo
{
    width: 405px;
    height: 115px;
    background-image: url('wwgc_logo.jpg');
    margin: 0px auto 0px auto;
}


/*need to add logo - change header-background.gif to logo document*/  

#mainContent
{
    width: 722px;
    background-color: transparent;
    margin: 0px auto 0px auto;
    border-bottom: solid 1px #D8C6A3;
    padding: 0px 0px 20px 0px;
}

#page-heading
{ 
   Font: georgia, "Arial", serif;
   font-size: 16px;
   letter-spacing: 0.2em;
   color: #8B743E;
   font-weight: 500;
   text-transform:uppercase; 
    
}

#strapline
{
    width: 752px;
    height: 80px;
    padding: 10px 0px 0px 10px;
    background-color: transparent;
    color: #B28D47;
    text-align: center;
    font-size: 10px;
}

/* Homepage specific containers */

#mainContent #leftpanel
{
    width:510px;
    padding:0px 5px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color: transparent;
    overflow:hidden;
    float:left;
    }

#mainContent #leftpanel h2
{
    font-family:Verdana;
    font-size:14px;
    color:#498145;
    padding:0px 5px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color: transparent;
    overflow:hidden;
    float:left;
    }

#mainContent #leftpanel #contentleft
{
    width:500px;
    padding:0px 0px 15px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    text-align:justify;
    }
    
   
    
    #mainContent #leftpanel #contentleft #infop 
{
    width:500px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    text-align:left;
    }
    
     #mainContent #leftpanel #contentleft #infop h1
{
    float:left;
    text-align:left;
    font:Arial;
    color:#B28D47;
    text-transform: uppercase;
    font-weight: bold;
    }
    
    #mainContent #leftpanel #contentleft #infop .panel
{
    width:220px;
    height:auto;
    padding:0px 0px 0px 0px;
    margin:10px 20px 10px 5px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    text-align:left;
    
    
    }
    
     #mainContent #leftpanel #contentleft #infop .panel .textsection
{
    width:220px;
    height:60px;
    padding:5px 0px 5px 5px;
    margin:10px 0px 10px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    text-align:left;
    
    }
    
     #mainContent #leftpanel #contentleft #infop .panel .textsection a:active
     
{   padding:0px 0px 0px 0px;
    margin:2px 0px 2px 0px;
    font-size:11px;
    color:black;
    text-decoration:none;
    height:auto;
    font:Arial;
    
    }
    
     #mainContent #leftpanel #contentleft #infop .panel .textsection a:visited
{   padding:0px 0px 0px 0px;
    margin:2px 0px 2px 0px;
    font-size:11px;
    color:black;
    text-decoration:none;
    height:auto;
    font:Arial;
    
    }
    
      #mainContent #leftpanel #contentleft #infop .panel .textsection a:link
{   padding:0px 0px 0px 0px;
    margin:2px 0px 2px 0px;
    font-size:11px;
    color:black;
    text-decoration:none;
    height:auto;
    font:Arial;
    
    }
      
    
    #mainContent #leftpanel #contentleft #link a
{
    font-family:Arial;
    font-size:12px;
    color:#498145;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    }
    
      #mainContent #leftpanel #contentleft  #link a:hover
{
    color:#498145;
    text-decoration: underline;
    padding: 0px 0px 0px 0px;
    }
    
    
    
     #mainContent #leftpanel #contentleft a a:link a:active
{
    font-family:Arial;
    font-size:12px;
    color:#016599;
    text-decoration: none;
    padding: 0px 0px 0px 0px;}
    
    
     #mainContent #leftpanel #contentleft a:hover
{
    color:#339966;
    padding: 0px 0px 0px 0px;
     text-decoration: underline;}
    
     #mainContent #leftpanel #contentleft a:visited
{
    font-family:Arial;
    font-size:12px;
    color:#016599;
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    }
    
    #mainContent #leftpanel #contentleft h2
{
    padding:10px 10px 15px 10px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    float:left;
    text-align: justify;
    font:verdana;
    font-size: 14px;
    font-weight: normal;
    }
    
    #mainContent #leftpanel #contentleft h3
{
    background-color:transparent;
    float:left;
    text-align: justify;
    font:verdana;
    font-size: 12px;
    font-weight: normal;
   color:Red;
    }
    
     #mainContent #leftpanel #contentleft h4
{
    background-color:transparent;
    float:left;
    text-align: justify;
    font:verdana;
    font-size: 12px;
    font-weight: normal;
   color:#498145;
    }

#mainContent #leftpanel #contentleft #calendarcontrols
{  height:inherit;
    width:200px;
    background-color:transparent;
    float:left;
}

#mainContent #leftpanel #contentleft #calendarcontrols #calendarevents a:hover
{text-decoration: underline;
    }

  
#mainContent #leftpanel #contentleft #calendarevents
{  height:500px;
    width:300px;
    background-color:#E9E9E9;
    float:left; 
    
}


#mainContent #leftpanel #contentleft #registerform
{  height:auto;
    width:350px;
    background-color:#E0D1B5;
    float:left;
    padding-bottom: 30px;
    padding-left:30px;
    padding-right:30px;
    padding-top:30px;
    text-align: justify; 
    
}

#mainContent #leftpanel #contentleft #registerform .inputbutton
{

border:solid 1px #B28D47;
width:100px;
padding:2px 1px 2px 1px;
margin:5px 0px 5px 0px; 
font-family:Arial;
font-size:12px;

}





#mainContent #leftpanel #contentleft #registerform .row
{  
    width:400px;
    overflow:hidden;
    padding:0px 0px 0px 0px;
    text-align:justify;
    margin:0px 0px 5px 0px;
    background-color:transparent;
    float:left;    
}

#mainContent #leftpanel #contentleft #registerform .row .heading
{  
    width:350px;
    background-color:transparent;
    float:left;
    font: verdana;
    color:Black;
    font-weight: bold;
    padding:0px 0px 0px 30px;
    
}

#mainContent #leftpanel #contentleft #registerform .row .message
{  
    width:350px;
    background-color:transparent;
    font: verdana;
    color:#498145;
    font-weight: bold;
    padding:0px 0px 0px 0px;
    text-align:center;
    
    
}

#mainContent #leftpanel #contentleft #registerform .row .error
{  
    width:400px;
    background-color:transparent;
    float:left;
    font: verdana;
    color:Red;
    font-weight: bold;
    padding:0px 0px 0px 0px;
    text-align:justify;
    
}


#mainContent #leftpanel #contentleft #registerform .row .label
{  
    width:170px;
    background-color:transparent;
    float:left;
    
}

#mainContent #leftpanel #contentleft #registerform .row .input
{ 
    width:220px;
    background-color:transparent;
    float:left;
    
}

#mainContent #leftpanel #contentleft #registerform .row .label2
{ 
    width:300px;
    background-color:transparent;
    float:left;
    text-align:center;
   
    
}

#mainContent #leftpanel #contentleft #registerform .row .submit
{ 
    
    width:320px;
    background-color:transparent;
    text-align:right;
    float:left;
    
}

#mainContent #leftpanel #contentleft #signinform 
{  height:180px;
    width:280px;
    background-color:#E0D1B5;
    float:left;
    padding-bottom: 30px;
    padding-left:30px;
    padding-right:30px;
    padding-top:50px;
    text-align: justify; 
    
}

#mainContent #leftpanel #contentleft #signinform p
{  font-family: Verdana;
    font-size:12px;
    font-weight: 500; 
    
}

#mainContent #leftpanel #contentleft #registerform p
{  font-family: Verdana;
    font-size:12px;
    font-weight: 500; 
    
}

#mainContent #leftpanel #contentleft #calendarevents #eventlist
{  padding-left: 25px;
   padding-right: 30px;
   padding-top:30px;
   padding-bottom:30px;
   font: Arial;
   font-size: 12px; 
   text-align: center;
    
}

#mainContent #leftpanel #contentleft #calendarevents #eventlist h1
{  
   font: Arial;
   font-size: 12px; 
   text-align: center;
   font-weight:600; 
   color: #003333; 
    
}

#mainContent #leftpanel #contentleft #calendarevents #eventlist h2
{  
   font: Arial;
   font-size: 12px; 
   text-align: center;
   font-weight: bold;
   color: #666600; 
    
}



#mainContent #rightpanel
{
    width:207px;
    height:auto;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;  
    }
    
    
#mainContent #rightpanel #memberspane
{
    width:187px;
    overflow:hidden;
    padding:10px 10px 10px 10px;
    margin:0px 0px 20px 0px;
    background-color:#E0D1B5;
    float:left;
    text-align:left;
    }  
    
    
   #mainContent #rightpanel #memberspane .inputbutton
    
{   border:solid 1px #B28D47;
    width:70px;
    padding:2px 1px 2px 1px;
    margin:5px 0px 5px 0px; 
    font-family:Arial;
    font-size:12px;
    
    } 
    
#mainContent #rightpanel #memberspane .row
{
    width:187px;
    overflow:hidden;
    padding:0px 0px 0px 0px;
    margin:0px 0px 5px 0px;
    background-color:transparent;
    float:left;
    text-align:left;
    }
    
    #mainContent #rightpanel #memberspane .row .centered
{
    width:187px;
    overflow:hidden;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    text-align:center;
    }
     
    
    #mainContent #rightpanel #memberspane .row .greeting
{
    width:187px;
    overflow:hidden;
    padding:0px 0px 0px 0px;
    margin:0px 0px 5px 0px;
    background-color:transparent;
    float:left;
    text-align:center;
    font:arial;
    font-size:12px;
    font-weight:bold;
    color:#B28D47;
    }
    
     #mainContent #rightpanel #memberspane .row .lastlogin
{
    width:187px;
    overflow:hidden;
    padding:0px 0px 0px 0px;
    margin:0px 0px 5px 0px;
    background-color:transparent;
    float:left;
    text-align:center;
    font:arial;
    font-size:12px;
    color:Black;
    }
    
    #mainContent #rightpanel #memberspane .row .error
{   width:187px;
    background-color:transparent;
    float:left;
    font: Arial;
    color:Red;
    font-weight: bold;
    padding:0px 0px 0px 0px;
 
   
    }

#mainContent #rightpanel #memberspane .row .label
{
    width:60px;
    background-color:transparent;
    float:left;
    }  
    
#mainContent #rightpanel #memberspane .row .input
{
    width:127px;
    background-color:transparent;
    float:left;
    }  
    
  
    
#mainContent #rightpanel #memberspane .row .submit
{
    width:110px;
    background-color:transparent;
    text-align:right;
    float:right;
    padding-right:20px;
    }  

#mainContent #rightpanel #contentright
{
    width:207px;
    height:auto;
    padding:5px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color:transparent;
    overflow:hidden;
    float:left;
    text-align:left;
    font-family:Arial;
    
    
    
    }
    
 #mainContent #rightpanel #contentright h1
{
    padding:0px 0px 0px 0px;
    margin:2px 0px 2px 0px;
    font-size:12px;
    font-weight:bold;
    color:#B28D47;
    }
    
     #mainContent #rightpanel #contentright #course a a.active, a.visited, a.link
{    padding:0px 0px 0px 0px;
    margin:2px 0px 2px 0px;
    font-size:11px;
    color:#000000;
    text-decoration:none;
    height:auto;
    font:Arial;
    }
    
    
     #mainContent #rightpanel #contentright #course a:link
{
    padding:0px 0px 0px 0px;
    margin:2px 0px 2px 0px;
    font-size:11px;
    color:#000000;
    text-decoration:none;
    height:auto;
    font:Arial;
    }
    
    
 #mainContent #rightpanel #contentright #course a:active
{
    padding:0px 0px 0px 0px;
    margin:2px 0px 2px 0px;
    font-size:11px;
    color:#000000;
    text-decoration:none;
    height:auto;
    font:Arial;
    
    }
    
   #mainContent #rightpanel #contentright #course a:visited
{
    padding:0px 0px 0px 0px;
    margin:2px 0px 2px 0px;
    font-size:11px;
    color:#000000;
    text-decoration:none;
    height:auto;
    font:Arial;
    
    }
    
    
    
#flash-container
{
    width: 752px;
    background-color: #000000;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
}



/* The Course - Specific Containers */

#course-menu
{
    width: 720px;
    background-color: Transparent;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    float: left;
}

#course-tabs
{
    width: 685px;
    background-color: transparent;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 15px;
    float: left;
    
    
}

#course-tabs ul 
{
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    width: 685px;
    float: left;

    
}

#course-tabs ul li 
{
    display: inline;
}

#course-tabs ul li a:link, #course-tabs ul li a:active, #course-tabs ul li a:visited
{
    text-decoration: none;
    padding: 2px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #999999;
    background-image: url("course_tab-off.jpg");
    background-repeat:no-repeat;    
    width: 38px;
    height: 18px;
    float: left;
    text-align: center;
    
}

#course-tabs ul li a:hover
{
    text-decoration: none;
    padding: 2px 0px 0px 0px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("course_tab-on.jpg");
    background-repeat:no-repeat;    
    
}

#course-tabs ul li a.selected:link, #course-tabs ul li a.selected:active, #course-tabs ul li a.selected:visited, #course-tabs ul li a.selected:hover
{
    text-decoration: none;
    padding: 2px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url("course_tab-on.jpg");
    background-repeat:no-repeat;    
    
}


#course-maintop{
    width: 720px;
    height: 16px;
    background-image: url("course-maintop.jpg");
    background-repeat:no-repeat;   
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
}


#course-mainmiddle{
    width: 720px;
    height: auto;
    background-image: url("course-mainmiddle.jpg");
    background-repeat:repeat-y;   
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}


#course-mainmiddleleft{
    width: 220px;
    height: auto;
    background-color: Transparent;  
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
    border: solid 0px #F90000;
    float: left;
}


#course-mainmiddleleft #coursescroll{
    width: 210px;
    height: 300px;
    background-color: Transparent;  
    margin: 0px 0px 0px 15px;
    padding: 0px 10px 0px 0px;
    border: solid 0px #F90000;
    float: left;
    overflow:auto;  
}


#course-mainmiddlecenter{
    width: 210px;
    height: auto;
    background-color: Transparent;
    margin: 0px 0px 0px 0px;
    padding: 60px 0px 0px 0px;
    border: solid 0px #F90000;
    float: left;
}


#course-mainmiddleright
{
    width: 230px;
    height: 160px;
    background-color: Transparent;
    margin: 0px 0px 0px 0px;
    padding: 25px 30px 0px 0px;
    border: solid 0px #F90000;
    float: left;
}


#course-mainbottom
{
    width: 720px;
    height: 16px;
    background-image: url("course-mainbottom.jpg");
    background-repeat:no-repeat;   
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
}


#course-mainmiddleleft h1 
{ 
    padding:0px 0px 0px 0px;
    margin:2px 0px 2px 0px;
    font-size:15px;
    font-weight:bolder;
    color:#B28D47;
    letter-spacing:.1em;
    text-transform:capitalize;  
    }
    
#course-mainmiddleleft h2 
{ 
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:12px;
    font-weight:bold;
    color:#666666;
    letter-spacing:.1em; 
   
    }
    
 #course-mainmiddle  #course-mainmiddleleft #coursescroll  h2 
{ 
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:12px;
    font-weight:bold;
    color:#666666;
    letter-spacing:.1em; 
    text-transform:capitalize;
   
    }
    
#course-mainmiddlecenter .image
{  
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
    border: solid 0px #F90000;
    
}
    
#course-mainmiddleright .image
{  
    margin: 0px 0px 0px 40px;
    padding: 5px 0px 15px 0px;
    border: solid 0px #F90000;
    
}
    

    
    
/* Menu System - No Flash */

#mainimage 
{
    width: 752px;
    height: 188px;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#menu
{
    width: 752px;
    height: 35px;
    background-color: black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-top: solid 3px #FFFFFF;
    
}

#list
{
    width: 720px;
    background-color: black;
    margin: 0px auto 0px auto;
    padding: 10px 0px 0px 0px;
    border: solid 0px #F90000;
    
}

#list ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#list ul li 
{
    display: inline;
}

#list ul li a:link, #list ul li a:active, #list ul li a:visited
{
    text-decoration: none;
    padding: 0px 47px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    
}

#list ul li a:hover
{
    text-decoration: none;
    padding: 0px 47px 0px 0px;
    font-weight: bold;
    color: #B28D47;
    
}

#home #list ul li a.home,
#theclub #list ul li a.theclub,
#thecourse #list ul li a.thecourse,
#theclubhouse #list ul li a.theclubhouse,
#members #list ul li a.members
{
    text-decoration: none;
    padding: 0px 47px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #B28D47;
    cursor: default;
    
}

/* Last menu item - no right padding */

#list ul li a.last:link, #list ul li a.last:active, #list ul li a.last:visited
{
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    
}

#list ul li a.last:hover
{
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #B28D47;
    
}
#contact #list ul li a.contact
{
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #B28D47;
    cursor: default;
    
}

/* Sub menu Nav */

#submenu
{
    width:722px;
    height:30px;
    padding:0px 0px 20px 0px;
    margin:0px 0px 0px 0px;
    background-color: transparent;
    overflow:hidden;
    float:left;
    color:#B28D47;
    font-weight:bold;
    text-align:left;
    border: solid 0px #B28D47;
    
}


#sublist
{
    width: 700px;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    border: solid 0px #F90000;
    
}

#sublist ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#sublist ul li 
{
    display: inline;
}

#sublist ul li a:link,  #sublist ul li a:visited
{
    text-decoration: none;
    padding: 0px 28px 0px 0px;
    font-size: 12px;
    color: #498145;
    
}

#sublist ul li a.selected:active, #sublist ul li a.selected:link, #sublist ul li a.selected:visited
{
    padding: 0px 28px 0px 0px;
    font-size: 12px;
    color: #498145;
    text-decoration:underline;
    
}

#sublist ul li a:hover
{
    text-decoration: none;
    padding: 0px 28px 0px 0px;
    color: #498145;
    text-decoration: underline;
    
}
    

    
/* Classes */ 

#strapline p.companytext
{
    color : #666666;
}

#strapline a:link, #strapline a:visited, #strapline a:active
{
    color: #B28D47;
    text-decoration: none;
}

#strapline a:hover
{
    text-decoration: underline;
}

#mainContent .mainpaneltitle
{
    width:722px;
    height:30px;
    padding:10px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    background-color: transparent;
    overflow:hidden;
    float:left;
    color:#B28D47;
    font-weight:bold;
    text-align:left;
    border-bottom: solid 1px #B28D47;
    }
    
    
#mainContent #leftpanel #contentleft h1
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:12px;
    font-weight:bold;
    color:#B28D47;
    }
 
#mainContent #rightpanel #memberspane h1 
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    font-size:14px;
    color:#B28D47;
    }
    
    
#mainContent #rightpanel #memberspane a:link, #mainContent #rightpanel #memberspane a:active, #mainContent #rightpanel #memberspane a:visited
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    text-decoration: none;
}
#mainContent #rightpanel #memberspane a:hover
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #000000;
    text-decoration: underline;
}