/* EnglishGolfGuide.css
**
** This is the general Css include for the site.  All standard
** styles should be defined here.
**
** Note the strategy here is to use object IDs wherever possible, i.e.
** where the control is unique within the page.  If this is not possible
** then use Css classes, preferably with a type selector.
**
*/


body
{
   background-color: #12542d;
   background-image: url(/UI/Images/Page/bgimage.gif);
   background-repeat: repeat-x;
   background-attachment: fixed;
   color: #000000;
 	font-family : verdana, Arial, Helvetics, Sans-Serif;
 	font-size : 10px;
 	margin:0;
 	padding:0 0 20px 0;
}

a
{
   color: #000000;
   text-decoration: none;
}

a:hover
{
   color: #666666;
}

img
{
   border: none;
   padding: 0;
   margin: 0;
}

input
{
   margin: 0;
   padding: 1px 3px;
   font-size: 10px;
}

select
{
   font-size: 10px;
}

td
{
   vertical-align: top;
}



/********************************************************************
** Main page structure
/*********************************************************************/

#pageFrame
{
   background-color: #ffffff;
   border: 1px solid #000000;
   border-bottom: 2px solid #000000;
   margin: 0 auto;
   width: 760px;
}

#header
{
   background-color: #f3f7ec;
   width: 760px;
}

#menu
{
   border-bottom: 1px solid #000000;
   margin: 0;
   width: 760px;
}


#sideBarLeft
{
   width: 152px;
   padding: 0 0 10px 0;
   border-right: 3px solid #000000;
}

#sideBarRight
{
   width: 152px;
   padding: 0 0 10px 0;
}

/*
** Don't set a specific width here as it will vary depending upon the
** visibility of the page template's sideBarLeft control object!
**
** Note, it may be necessary to set a block level tag with appropriate
** width within the #content frame.  This is only necessary for IE as
** Mozilla, Opera etc. render correctly.
*/
#content
{
   padding-bottom: 10px;
   padding: 0 0 20px 0;
}

h1
{
   background-color: #4d4d44;
   border-bottom: 1px solid #000000;
   color: #ffffff;
   font-size: 10px;
   font-weight: bold;
   margin: 0;
   padding: 3px 10px;
   text-transform: uppercase;
}

h2
{
   color: #ae1c2c;
   font-weight: bold;
   font-size: 10px;
   margin: 0 0 5px 0;
   padding:0;
}


#footer
{
   background-color: #f3f7ec;
   border-top: 1px solid #999999;
   border-bottom: 2px solid #000000;
   color: #89897f;
   padding: 3px;
   width: 760px;
}




/********************************************************************
** SearchBar
/*********************************************************************/
#searchBar
{
   width: 140px;
   vertical-align: middle;
   background-color:#B0C095;
   height: 80px;
   border: solid 1px #12542D;
}


/********************************************************************
** RegionBar
/*********************************************************************/
#RegionBar
{
   width: 140px;
   vertical-align: middle;
   background-color:#B0C095;
   height: 55px;
   border: solid 1px #12542D;
}



/********************************************************************
** SideBarLeft
/*********************************************************************/
#sideBarLeft div.sideBarLeftContent
{
   background-color: #f3f7ec;
   border-right: 0px solid #000000;
   border-bottom: 1px solid #000000;
}

#sideBarLeft div.resetBar
{
   background-color: #ae1c2c;
   border-bottom: 1px solid #000000;
   color: #ffffff;
   padding: 4px 0;
   text-align: center;
   text-transform: uppercase;
}

#sideBarLeft div.resetBar a,
#sideBarLeft div.resetBar a:hover
{
   color: #ffffff;
   font-weight: bold;
}

#sideBarLeft p
{
   line-height: 140%;
   margin: 5px 10px;
   padding: 0;
}

#sideBarLeft p.separator
{
   padding-bottom: 5px;
   margin-bottom: 5px;
}




/********************************************************************
** FooterControl
/*********************************************************************/
#footerControl td
{
   padding: 0 20px 2px 20px;   
}

#footerControl td.lborder
{
   border-left: 1px solid #cccccc;
}

#footerControl a
{
   color: #89897f;
   text-decoration: none;
}

#footerControl a:hover
{
   background-color: #f3f7ec;
   color: #000000;
   text-decoration: none;
}