@charset "utf-8";
/* CSS Document */






/* Eric Meyer's CSS Reset 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/*****GENERAL STYLING of basic tags*****/


.bb_listStyle li{background:url(images/li.gif) 3px no-repeat; text-indent:19px; font-size:12px; margin-bottom:10px;}

body {
	margin:0;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background: white;
	padding:5px;
	font:12px Verdana;
	color: #333;
	line-height: 1.5em;
}
p{font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:3px; line-height:18px; color: #333; line-height: 1.5em;  }
.ph{color:#016e1f;}
.small{font-size:12px;}
h1, h2, h3, h4{font-family: Georgia;  color:#5C832F; 	font-weight: 100;}
h1{font-size:25px;}
h2{	font-size:16px;}
h3{font-size:16px;}
h4{font-size:16px;}
a{color:#0155A9; text-decoration:none; outline:none;}
p a{border-bottom:0px solid #0155A9;}
.topPadded{padding-top:3px;margin-right:10px;}
p a:hover{color:#bf6800; border-bottom:1px solid #bf6800;}
.clear{clear:both;}


/***** General Container and Header - Pollok Logo at top of page*****/
#container{width:940px; margin:0 auto;}
#header{width:942px;height:86px;background:url(images/header1a.png);font-family:"Myriad Pro", Myriad, Arial, Helvetica, sans-serif;}  

#inner_s_image{width:940px; height:262px; background:url(images/inner_s_img.jpg);}/*image that has been shown instead of slider at the inner pages*/
#inner_s_imagetheclub{width:940px; height:262px; background:url(images/innerslider1.jpg);}/*image that has been shown instead of slider at the inner pages*/
#inner_s_imagethecourse{width:940px; height:262px; background:url(images/innerslider2.jpg);}/*image that has been shown instead of slider at the inner pages*/
#inner_s_imagemembersarea{width:940px; height:262px; background:url(images/innerslider2.jpg);}/*image that has been shown instead of slider at the inner pages*/


/*   Slider -  no adjustm made from standard tool  */
#s3slider {
   width: 938px; /* important to be same as image width */
   height: 345px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}
#s3sliderContent {
   width: 938px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}
.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}
.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   width: 938px;
   background-color: #fff;
   display: none; /* important */
   bottom: 0;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
.s3sliderImage span h4{font-weight:bold;
 }



/*****CONTENT  - used in lower areas of screen - a basic content area then may split into left-inner and right-inner*****/

/*   Content - General Styling   */
#content{width:940px; background:url(images/slider_bottom.gif) no-repeat; padding-top:25px;}

.textbox{font-size:14px; background:url(images/textbox_bg.gif) repeat-x; border:1px solid #88bed5; padding:3px;
color:#003044;}
.textbox:hover, .textbox:focus{background:url(images/textbox_hover_bg.gif) repeat-x; border:1px solid #ffba68;}

/*   Content - INDEX screen   */
#content_for_index{margin-top:30px;	padding-bottom:70px;background:url(images/content_i_bg.png) no-repeat bottom right;}
#indexinnerContentLeft{	width:900px;float:left;}
#indexinnerContentRight h2, #innerContentRight .p{color:#a26b2a; padding:8px 0; border-bottom:1px dotted #a26b2a; margin:0px 0;}
#indexinnerContentRight {width:312px; font-size:8px; padding-left:25px; border-left:1px dotted #a26b2a; float:right;  }


/*   Content - ABOUT screen   */
#content_aboutus{margin-top:30px;background:url(images/content_i_bg.png) no-repeat bottom right;}
#innerContent_AboutUs{float:left}
#aboutinnerContentLeft{width:600px;float:left;}
#about_us_image{padding-left:10px;padding-right:30px; float:left;}
#about_us_image2{padding-left:10px;padding-left:30px; float:right;}
#aboutinnerContentRight h2, #innerContentRight .ph{color:#a26b2a; padding:8px 0; border-bottom:1px dotted #a26b2a; margin:0px 0;}
#aboutinnerContentRight{width:312px; font-size:8px; padding-left:19px; border-left:1px dotted #a26b2a; float:right;  }

/*   Content - HISTORY screen   */
#content_history{margin-top:30px;padding-bottom:10px;background:url(images/content_i_bg.png) no-repeat bottom right;}
#historyinnerContentLeft{width:600px;float:left;}
#historyinnerContentRight{width:312px; font-size:8px; padding-left:19px; border-left:1px dotted #a26b2a; float:right;  }
#historyinnerContentRight h2, #innerContentRight .ph{color:#a26b2a; padding:8px 0; border-bottom:1px dotted #a26b2a; margin:0px 0;}

/*   Content - CLUB HOUSE screen   */

#content_clubhouse{margin-top:30px; padding-bottom:30px; background:url(images/content_i_bg.png) no-repeat bottom right;}
#clubhouseinnerContentLeft{width:940px;float:left;font-size: 10px;}
#category01_slider_wrapper{width:920px;margin-left:10px;}
#category01_slider_wrapper ul li{width:130px;height:87px;float:left;margin:6px 11px 0 11px;}
#category01_slider{width:600px;	height:159px;background:url(images/gallery_slider_bg.gif) no-repeat;margin:0 14px;float:left;}
#category01_slider li{margin:36px 11px 0 11px; width:130px; height:87px; float:left;}/*it's important that width and height defined here */
#bt_01_next{width:39px; height:23px; background:url(images/bt_next.gif); margin:69px -46px 0 0; float:right;}
#bt_01_next:hover{background:url(images/bt_next_hover.gif);}
#bt_01_prev{width:39px; height:23px; background:url(images/bt_prev.gif); margin-top:69px;  float:left;}
#bt_01_prev:hover{background:url(images/bt_prev_hover.gif);}


#innerContentLeft{
	width:940px;
	float:left;
}


/*   Content - JOINING screen   */

#content_joining{margin-top:30px;background:url(images/content_i_bg.png) no-repeat bottom right;}
#joininginnerContentLeft{width:600px;float:left;}
#joininginnerContentRight h2, #innerContentRight .ph{color:#a26b2a; padding:8px 0; border-bottom:1px dotted #a26b2a; margin:0px 0;}
#joininginnerContentRight{width:312px; font-size:8px; padding-left:19px; border-left:1px dotted #a26b2a; float:right;  }
#joining_table_head{background-color:#E9EAD0}

/*   Content - CORPORATE screen   */

#content_corporate{margin-top:30px;	background:url(images/content_i_bg.png) no-repeat bottom right;}
#corporateinnerContentLeft{width:600px;float:left;}
#corporateinnerContentRight h2, #innerContentRight .ph{color:#a26b2a; padding:8px 0; border-bottom:1px dotted #a26b2a; margin:0px 0;}
#corporateinnerContentRight{width:312px; font-size:8px; padding-left:19px; border-left:1px dotted #a26b2a; float:right;  }

/*   Content - CARDCOURSE screen   */

#content_cardcourse{margin-top:30px; padding-bottom:470px; background:url(images/content_i_bg.png) no-repeat bottom right;}
#cardcourseinnerContentLeft{width:390px;float:left;padding-left:80px}
#cardcourseinnerContentRight{width:430px;float:right;padding-right:20px}

/*   Content - GALLERY screen   */
#content_gallery{margin-top:30px; padding-bottom:380px; background:url(images/content_i_bg.png) no-repeat bottom right;}
#galleryinnerContentLeft{width:946px; float:left;}
#gallery_slider_wrapper{width:920px; margin-left:auto;margin-right:auto;}
#gallery_slider{height:179px; background:url(images/gallery_slider_bgcourse.gif) no-repeat;  float:left;margin-left:20px;}
#gallery_slider li{margin:39px 11px 0 11px; width:119px; height:107px; float:left;}
#gallery_bt_01_next{width:39px; height:23px; background:url(images/bt_next.gif); margin-top:69px; margin-right:55px;float:right;}
#gallery_bt_01_next:hover{background:url(images/bt_next_hover.gif);}
#gallery_bt_01_prev{width:39px; height:23px; background:url(images/bt_prev.gif); margin-top:69px; margin-left:40px;float:left;}
#gallery_bt_01_prev:hover{background:url(images/bt_prev_hover.gif);}
/** some settings for carousel are in jcarousel_slider.js  **/


/*   Content - VISITORS screen   */

#content_visitors{margin-top:30px;background:url(images/content_i_bg.png) no-repeat bottom right;}
#visitorsinnerContentLeft{width:600px;float:left;}
#visitorsinnerContentRight h2, #innerContentRight .ph{color:#a26b2a; padding:8px 0; border-bottom:1px dotted #a26b2a; margin:0px 0;}
#visitorsinnerContentRight{width:312px; font-size:8px; padding-left:19px; border-left:1px dotted #a26b2a; float:right;  }
#visitors_table_head{background-color:#E9EAD0}
.pretestimonials{width:900px; font-size:16px; color:#a26b2a; padding:2px 20; border-bottom:1px dotted #a26b2a; margin:0px 0;float:left; }
#testimonials_home{margin-top:14px;}
.testimonials_home_i{width:212px; background:url(images/testimonial_bg.gif) no-repeat; padding:5px 0 0 5px; float:left;}
.testimonials_home_i_wborder{width:212px; background:url(images/testimonial_bg.gif) no-repeat; padding:5px 11px 0 5px; border-right:1px dotted #79da95; margin-right:12px; float:left;}




/*   Content - PASSWORD screen   */

#content_password{margin-top:30px;padding-bottom:280px;	background:url(images/content_i_bg.png) no-repeat bottom right;}
#passwordinnerContentLeft{width:600px; float:left;}
#passwordinnerContentRight{width:312px; font-size:8px; padding-left:19px; border-left:1px dotted #a26b2a; float:right;  }
#passwordinnerContentRight h2, #innerContentRight .ph{font-size:24px;color:#a26b2a; padding:4px 0; border-bottom:1px dotted #a26b2a; margin:0px 0;}
#password_fieldset{background-color:#FF6}
#password_textfield{margin-left:3em;border-style:solid;border-width:5px;border-color:#096}
#password_button{margin-left:10px;border-style:solid;border-width:medium;border-color:#096}



/*  CONTACT SCREEN  */

#content_contact{margin-top:30px;background:url(images/content_i_bg.png) no-repeat bottom right;}
#contactinnerContentLeft{width:600px;float:left;}
#contactinnerContentRight{width:312px; font-size:8px; padding-left:19px; border-left:1px dotted #a26b2a; float:right;  }
#contactinnerContentRight h2, #innerContentRight .ph{font-size:16px;color:#a26b2a; padding:4px 0; border-bottom:1px dotted #a26b2a; margin:0px 0;}
#contact p{float:left; width:70px; padding-top:6px; padding-left:40px;}
#contact .textbox{margin-bottom:13px; width:190px; padding:6px 3px;}
textarea{background:url(images/textbox_bg.gif) repeat-x; border:1px solid #88bed5; padding:6px 3px;}
textarea:hover, textarea:focus{background:url(images/textbox_hover_bg.gif) repeat-x; border:1px solid #ffba68;}
#send_button{color:#FFF; margin:15px 0 0 70px; width:50px; height:24px; background:url(images/bt_send.gif) no-repeat; border:none;}
#send_button:hover{background:url(images/bt_send_hover.gif);}
#map_topbg{width:307px; height:5px; background:url(images/map_topbg.gif);}
#map_bottom_bg{width:307px; height:7px; background:url(images/map_bottom_bg.gif); margin-top:-1px;}



/*****FOOTER*****/
#footer{ height:43px; background:url(images/footer_bg.jpg); margin-bottom:30px;}
#footer_left{float:left;}
#footer_right{margin-right:7px; float:right;}
#footer p{font-family:"Myriad Pro", Myriad, Arial, Helvetica, sans-serif; font-size:12px; padding-top:10px; font-weight:; color:#606060;}
#footer a{color:#003044; padding:2px 0; border:none;}
#footer a:hover, #footer a.selected{color:#bf6800; }
#footer_left a{color:#606060;}
#footer_left a:hover{color:#606060;}




/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin

#jquery-overlay {position: absolute;top: 0;	left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox {position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;	background-color: #fff;	width: 250px;height: 250px;	margin: 0 auto;}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%;left: 0%;	height: 25%;width: 100%;text-align: center;	line-height: 0;}
#lightbox-nav {	position: absolute;	top: 0;	left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%;height: 100%;zoom: 1;display: block;}
#lightbox-nav-btnPrev {	left: 0;float: left;}
#lightbox-nav-btnNext {	right: 0;float: right;}
#lightbox-container-image-data-box {font: 18px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;	overflow: auto;	width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data {padding: 0 10px;color: #666;}
#lightbox-container-image-data #lightbox-image-details {width: 70%;	float: left;text-align: left;}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {clear: left;	padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose {width: 66px;	float: right;padding-bottom: 0.7em;}
.thumbnail{position: relative;z-index: 0;}
.thumbnail:hover{background-color: transparent;z-index: 50;}
.thumbnail span{position: absolute;background-color: lightyellow;padding: 5px;left: -1000px;border: 1px dashed gray;visibility: hidden;color: black;text-decoration: none;}
.thumbnail span img{ border-width: 0;padding: 2px;}
.thumbnail:hover span{visibility: visible;top: 0;left: 60px;}
*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 18px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {

	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
   
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: yellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}