/*  
Theme Name: Caledon Country Club
Theme URI: http://golfcaledon.com
Description: The new GolfCaledon.com theme.
Version: 1.1
Author: Paul Marek	
Author URI: http://www.3ring.com
*/



body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
	color: #333;
	text-align: center;
	background: #FFF url("images/bodyTop_BG.jpg") repeat-x top; border: none;
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
	width:820px;
	text-align: left;
	margin: 0 auto;
	}

img {border: 0px;}

#header {
	background: #FFF url('images/hdr_50_home_BG.jpg') no-repeat top center;

/*	normal header BG -> background: #FFF url('images/hdr_home_BG.jpg') no-repeat top center; */

	height: 230px; 
	width: 820px;
	}


#headerNavTop {
	position: relative; top: 30px; right:0;
	height: 20px; 
	margin: 0;
	padding: 0 30px 0 0;
	font-size: 9pt;
	text-align: right;
	}
#headerNavTop a {
	color: #666666;
	margin: 0 5px 0 5px;
	text-decoration: none;
        font-weight:bold;
	}
#headerNavTop a:hover {
	color: #00000FF;
	text-decoration: underline;
	}
	
#headerNavBtm {
	position: relative; top: 178px; right:0;
	height: 22px; 
	font-size: 9pt;
	font-weight: bold;
	color: #C7AE25;
	padding: 0 25px 0 0;
	text-align: right;
	}	
#headerNavBtm a {
	margin: 0 12px 0 12px;
	color: #FFF;
	text-decoration: none;
	}
#headerNavBtm a:hover {
	color: #FFCC00;
	text-decoration: underline;
	}




#nav { float:right;  position: relative; top: 180px; right:30px;  z-index:1;   line-height: 1; padding: 0;  }

#nav ul {float:right; list-style: none; line-height: 1;  font-weight: bold; font-size: 9pt; height: 22px; padding: 0; margin: 0 0 0 0;}

#nav li { float: left; padding: 0;     border-left: 2px solid #C7AE25;}

#nav li#first {border-left: 0;}

#nav li ul {position: absolute; left: -999em; height: auto;  width: 5.4em;	w\idth: 4.9em; font-weight: normal; margin: 0;}

#nav li a {display: block; color: white; text-decoration: none; padding: 3px 15px 3px 15px;}

#nav ul li a {background: none;}
#nav ul ul li {border-left: 0;}

#nav ul ul li a, #nav ul ul ul li a {background: #CCC; border-top: 1px solid white; color:#555;}
#nav ul ul li a:hover, #nav ul ul ul li a:hover {background: #C7AE25; color:#FFF;}
#nav ul ul li, #nav ul ul ul li {text-align: left;} 


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li.sfhover {background: #C7AE25;  }

#nav ul li ul li a {width: 140px;}
 


/*    TABBER STYLES for home page tabs  */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 /* margin-top:1em;  */
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0px 0 5px 0;
 padding: 3px 0;
 border-bottom: 1px solid #C7AE25;
 font: bold 14px Trebuchet MS, Arial, sans-serif;
}
*html ul.tabbernav
{
 margin:5px 0 5px 0;
}



ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

#textBody ul.tabbernav li a
{
 padding: 3px 10px 3px 10px;
 margin:0 0 0 6px;
 border: 1px solid #C7AE25;
 border-bottom: none;
 background: #F3ECC2;
 text-decoration: none;
 color:#555555;
}

#textBody ul.tabbernav li a:link { color: #555555; }
#textBody ul.tabbernav li a:visited { color: #777777; }

#textBody ul.tabbernav li a:hover
{
 color: #000;
 background: #FFFFFF;
 border-top: 2px solid #C7AE25; 
}

#textBody ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

#textBody ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:0px;
 border:1px solid #fff;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
/*
  height:1000px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
/*
 overflow:auto;  */
}

/* If desired, hide the heading since a heading is provided by the tab */
#textBody .tabberlive .tabbertab h1 {
 margin:15px 0 0px 0;
padding:0;
 color:#C7AE25;
}
#textBody .tabberlive .tabbertab h2 {
  margin:30px 0 0px 0;
padding:0;
 color:#A5A5A5;
}
#textBody .tabberlive .tabbertab h3 {
  margin:30px 0 0px 0;
padding:0;
 color:#C7AE25;
}
#textBody .tabberlive .tabbertab p {
  margin:0px 0 15px 0;
padding:0;
 
}



/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


/*  END TABBER STYLES  */




#nolook {text-indent:-9999px;height:2px;}




	
	

#homeTitle {
	height: 60px; 
	}
*html #homeTitle {
	margin:0 0 -5px 0; 
	}
#homeTitle h1 {
	margin: -4px 0 0 15px;
	padding: 0;
	font-size: 30px;
	font-weight: bold;
	color: #A5A5A5;
	text-align: left;
	}
#homeTitle p {
	margin: -4px 0 0 15px;
	padding: 0;
	font-size: 19px;
	font-weight: bold;
	color: #C7AE25;
	}

	

#mainBody {
	width: 820px;
	}
#mainBody_top {
	background: #FFF url('images/mainBodyBG_top.jpg') no-repeat top center;
	height: 30px; 
	width: 820px;
	}
#mainBody_mid {
	background: #FFF url('images/mainBodyBG_mid.jpg') repeat-y top center;
	width: 820px;
	clear:both;
	}
#mainBody_btm {
	background: #FFF url('images/mainBodyBG_btm.jpg') no-repeat bottom center;
	height: 30px; 
	width: 820px;
	clear:both;
	}

hr.cleardup {
	clear:both; margin: 0;  width:0px; color:#fff; border: 0; background-color: #fff;  
	}
	
	


#col01 {
	float:left;
	width:250px;
	margin: 0 0 0 20px;
	}
*html #col01 {
	margin: 0 0 0 10px;
	}
	
	
#searchForm {
	padding: 10px 0 15px 0;
	margin:0;
	text-align: center;
	}
#joinForm {
	padding: 0;
	margin:2px 0 0 0;
	text-align: center;
	}
#searchsubmit {
	margin:  0;
	font-size: 13px;
	}
*html #searchsubmit {
	margin:  0;
	font-size: 12px;
	}

.blogNav {
	width:250px;
	height:185px;
	background: url('images/butnBG_blog.jpg') no-repeat top center;
	}
.blogNav h3 {
	padding: 15px 0 0 25px;
	font-size: 19px;
	font-weight: bold;
	color: #C7AE25;
	margin:0;
	letter-spacing: -1px;
	}
.blogNav h5 {
	padding: 0 0 0 25px;
	font-size: 15px;
	font-weight: bold;
	color: #A5A5A5;
	margin:-1px 0 7px 0;
	}
.blogNav p, .blogNav li {
	padding: 0 0 0 25px;
	font-size: 10px;
	margin:2px 0 0 0;
	font-size: 1.2em;
	}
.blogNav ul, .blogNav li {
	 list-style-type: none;
	}
.blogNav a {
	color:#0000FF;
	text-decoration: none;
	}
.blogNav a:visited {
	color:#0099FF;
	text-decoration: none;
	}
.blogNav a:hover {
	color:#C7AE25;
	text-decoration: underline;
	}


.leftNavButn {
	width:250px;
	height:105px;
	background: url('images/butnBG_other.jpg') no-repeat center;
	text-align:center;
	margin:0;
	padding:0;
	}
.leftNavButn h3 {
	padding: 17px 0 0 0;
	font-size: 19px;
	font-weight: bold;
	color: #C7AE25;
	letter-spacing: -1px;
	margin:0;
	}
.leftNavButn h3.caller {
	padding: 22px 0 0 0;
         margin:0;
        font-size:13.5pt;
	}
.leftNavButn h5 {
	margin: -3px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #A5A5A5;
	}


.leftWedButn {
	width:250px;
	height:105px;
	background: url('images/butnBG_weddings.jpg') no-repeat center;
	margin:0;
	padding:0;
	}
.leftWedButn h3 {
	padding: 17px 0 0 91px;
	font-size: 19px;
	font-weight: bold;
	color: #C7AE25;
	margin:0;
	}
.leftWedButn h5 {
	margin: -3px 0 0 91px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #A5A5A5;
	}
.leftWedButn p {
	margin: 10px 0 0 91px;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #555;
	}
.leftWedButn p a {
	color: #0000FF;
     text-decoration: none;
	}
.leftWedButn p a:hover {
	color: #555;
     text-decoration: underline;
	}


#weddingButn {
     border: 1px #999 solid; 
     padding:5px;
     margin: 30px 0 0 0;
     text-align:center;     
     width: 140px;
}
#weddingButn a {
     text-decoration: none;
}


	

#col02 {
	float:left;
	width:530px;
	margin: 0;
	}

.alignleft {float:left;}
.alignright {float:right;}


.homeBlurb {
	background: url('images/homeBlurbBG.jpg') no-repeat center;
	width:530px;
	height: 180px;
	}	
.homeBlurb img {
	float:left;
	margin: 30px 20px 30px 30px;
	}
.homeBlurb h2 {
	margin: 0;
	padding: 25px 0 20px 0;
	font-size: 27px;
	font-weight: bold;
	color: #A5A5A5;
	text-align: left;
	}
.homeBlurb p {
	margin: 0 0 0px 0;
	padding: 0 20px 0 0;
	font-size: 12px;
	color: #333;
	text-align: left;
	}
.homeBlurb a, .homeBlurb a:visited {
	color: #C7AE25;
	text-decoration: none;
	}
.homeBlurb a:hover {
	color: #0099FF;
	text-decoration: underline;
	}


#textBody_top {
	background: url('images/innerBodyBG_top.jpg') no-repeat top center;
	width:530px;
	height: 30px;
	margin: 0;
	padding:0;
		}
#textBody_mid {
	background: url('images/innerBodyBG_mid.jpg') repeat-y center;
	width:530px;
	margin: 0;
	padding:0;
		}
#textBody {
	width:470px;
	margin: 0;
	padding:0 0 15px 30px;
	font-size: 10pt;
		}
#textBody_btm {
	background: url('images/innerBodyBG_btm.jpg') no-repeat bottom center;
	width:530px;
	height: 30px;
	margin: 0;
	padding:0;
		}

#textBody h1 {
	margin: 0;
	padding: 0;
	font-size: 31px;
	font-weight: bold;
	color: #A5A5A5;
	clear:both;
        letter-spacing:-2px;
		}
#textBody h2 {
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 20px;
	font-weight: bold;
	color: #A5A5A5;
		}

#textBody h2 a, .post h1 a {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	color: #C7AE25;
		}

#textBody h3 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-weight: bold;
	color: #C7AE25;
		}
#textBody h4 {
	color: #C7AE25;
		}
#textBody .imgright {
	float:right;
	margin: 0 0 5px 10px;
	padding:5px;
	border:1px solid #CCC;
	font-size: 7pt;
	font-weight: normal;
	color: #333;
	}
#textBody .imgleft {
	float:left;
	margin: 0 10px 5px 0px;
	padding:5px;
	border:1px solid #CCC;
	font-size: 7pt;
	font-weight: normal;
	color: #333;
	}
#textBody .imgcentr {
	text-align:center;
	display:block;
	margin: 30px 0 10px 0;
	padding:5px;
	border:1px solid #CCC;
	font-size: 7pt;
	}

	
#textBody a {
	color:#0000FF;
	text-decoration: underline;
	}
#textBody a:visited {
	color:#0099FF;
	text-decoration: none;
	}
#textBody a:hover {
	color:#C7AE25;
	text-decoration: none;
	}
#textBody p.entrydate {
	color:#999;
	font-size: 7pt;
	margin: -10px 0 10px 0;
	}

.navigation {
	clear:both;
	font-size: 8pt;
	width: 470px;
	margin: 0 0 20px 0;
	}
	
.alt {
	background: #EEEEEE;
	padding: 5px;
	margin: 0 0 10px 0;
	}


#footer1 {
	text-align:center; 
        clear:both;
        margin:10px auto;
        height:150px;
        width: 550px; 
	}

#footer {
	text-align:center;
        width: 820px;
        clear:both;
        border-top:1px solid #CCC;
	}
#footer a, #footer1 a {
	text-decoration: none;
	}
	
#footer a:hover, #footer1 a:hover {
	text-decoration: underline;
	}