body, html {
	color: #000; 
	font-family: Verdana, Arial, Tahoma, sans-serif;
	background: #F5F5F0; 
	text-align: center;
	height: 100%;
}

body#home { background: #F5F5F0 url(../img/homeBg.gif) repeat-x } 

body#sub { background: #F5F5F0 url(../img/subBg.gif) repeat-x } 
body#sub.firstlevel,  body#sub.firstlevel{ background: #F5F5F0 url(../img/gallery_bg.gif) repeat-x } 

a { text-decoration: none }

strong { font-weight: bold }

.clear { clear: both }

#container { width: 960px; margin: 0 auto; text-align: left }

.floatLeft { float: left }

.floatRight { float: right }



/**************************
HEADER
**************************/

#home #header { background: url(../img/headerHome.gif) no-repeat; height: 175px }

#sub #header { background: url(../img/headerSub.gif) no-repeat; height: 104px }

#topmenu { position: relative; margin-top: 13px }

#topmenu li { float: left }

#topmenu a { color: #2d2c2c; font-size: 11px; border-right: 1px solid #2d2c2c; padding: 0 7px }

#topmenu a#last { border-right: 0 }

#topmenu a:hover, #topmenu a#active { text-decoration: underline }

#menu { position: relative; margin-left: 11px }

#menu a { display: block; text-indent: -900%; position: absolute; outline: none }

#home #menu a { top: 146px }

#sub #menu a { top: 75px }

#menu .club { background: url(../img/club.gif) no-repeat; width: 39px; height: 29px; left: 0px }

#menu .club:hover { background: url(../img/club_o.gif) no-repeat }

#menu .tournaments { background: url(../img/tournaments.gif) no-repeat; width: 101px; height: 29px; left: 85px }

#menu .tournaments:hover { background: url(../img/tournaments_o.gif) no-repeat }

#menu .gallery { background: url(../img/gallery.gif) no-repeat; width: 60px; height: 29px; left: 232px }

#menu .gallery:hover { background: url(../img/gallery_o.gif) no-repeat }

#menu .sponsors { background: url(../img/sponsors.gif) no-repeat; width: 73px; height: 29px; left: 339px }

#menu .sponsors:hover { background: url(../img/sponsors_o.gif) no-repeat }

#menu .hospitality { background: url(../img/hospitality.gif) no-repeat; width: 83px; height: 29px; left: 459px }

#menu .hospitality:hover { background: url(../img/hospitality_o.gif) no-repeat }

#menu .news { background: url(../img/news.gif) no-repeat; width: 110px; height: 29px; left: 589px }

#menu .news:hover { background: url(../img/news_o.gif) no-repeat; }

#menu .about { background: url(../img/aboutPolo.gif) no-repeat; width: 83px; height: 29px; left: 745px }

#menu .about:hover { background: url(../img/aboutPolo_o.gif) no-repeat }

.submenu { margin: 16px 22px 0 0; position: relative; height:78px; }

.submenu li { border-bottom: 1px dashed #5d7a1d; padding: 4px 0 6px 0; width: 157px;  }

.submenu a { background: url(../img/triangle.gif) no-repeat 5px center; color: #fff; dislay: block; font-size: 14px; line-height: 0; padding: 0 0 0 21px }

.submenu a:hover, .submenu a#active { background: url(../img/triangle_o.gif) no-repeat 5px center; color: #334311 }

#logos { position: relative; top: 20px }

.logo { margin-right: 20px }


/**************************
IMGBANNER
**************************/

#home #imgBanner { background: url(../img/imgBorder.gif) no-repeat 10px bottom; height: 310px; padding: 17px 0 0 0 }

#sub #imgBanner { background: url(../img/imgBorderSub.gif) no-repeat 10px bottom; height: 258px; padding: 30px 0 0 0 }

#imgBanner p { color: #e7e7cd;font-size: 14px; line-height: 18px; margin: 18px 0 0 0 }

.bannerImg { border: 1px solid #fff; margin: 0 28px 0 18px }

.bannerImgSub { border: 1px solid #fff; margin: 0 28px 0 0 }

a.button { background: url(../img/button.gif) no-repeat; color: #656545; display: inline-block; font-size: 13px; height: 26px; width: 159px; margin: 3px 100px 0 0; padding: 6px 0 0 30px }

a.button:hover { text-decoration: underline }

.number { margin-top: -19px }

#caption { width: 448px; height: 100px; margin-top: 40px; }

#caption p { color: #425b0b; font-size: 16px; margin-top: 11px }

#slides {float:left; margin:0 20px;}


/**************************
CONTENT
**************************/

#content { padding: 30px 0 30px 10px; }

#content h1 { color: #535353; font-size: 14px; font-weight: bold; margin: 0 0 12px 0; clear:both; }

#content h1.green { color: #425b0b; margin-bottom: 2px }

#content p { color: #333; font-size: 12px; line-height: 14px; margin: 0 0 10px 0 }

#content a { text-decoration: underline; color: #77a11c }

#content a:hover { text-decoration: none; }

.column { width: 444px }

.column1 { border-right: 1px solid #77a11c; margin-right: 30px; padding: 0 20px 20px 0; }

.imgBorder {  border: 2px solid #629b24; margin: 0 20px 15px 0 }

.title { margin: 0 0 16px 0 }

#content p.dateSub { font-weight: bold; color: #7e8176 }

.more { background: url(../img/arrow.gif) no-repeat; color: #77a11c; display: block; height: 20px; padding: 0 0 0 27px; text-decoration: underline }
	
.more:hover { text-decoration: none }

.spacer { height: 70px }

#tabs { position: relative; width: 100%; height: 2em; width: 45em; }

#tabs ul#tabmenu { margin: 0; padding: 0; position: absolute; bottom: -1px; width: 45em; }

#tabs ul#tabmenu li { display: inline; list-style: none; }

#tabs ul#tabmenu a,#tabs ul#tabmenu span { width: 8em; display: block; float: left; padding: 4px 20px 5px 20px; margin: 0px -1px 0 0; text-align: center; font-size: 12px; text-decoration: none; font-weight: bold; color: #656558; line-height: 20px }

#tabs ul#tabmenu span { border: 1px solid #cbcbba; border-bottom: none; background: #e7e7db; padding-bottom: 6px; margin-top: 0; }

#tabs ul#tabmenu a { background: #dedeca; border: 1px solid #cbcbba; border-bottom: none; }

#tabs ul#tabmenu a:hover { margin-top: 0; border-color: #cbcbba; background: #e7e7db; padding-bottom: 5px; }

#tabBox { background: #e7e7db; margin-top: 0px; border: 1px solid #cbcbba; color: #425b0b; padding: 28px 0 26px 0; }

#tabBox.pics { padding-left: 110px }

.pictures { border: 1px solid #cbcbba; margin: 10px }

ol.numbered { list-style: decimal; font-size: 12px; padding-left: 20px }

ol.numbered li { margin-bottom: 10px }

ul.score { list-style: none; font-size: 12px; padding-left: 20px }

ul.score li { margin-bottom: 10px }

td.names { width: 155px }

strong.last { border-top: 1px solid #425b0b; display: block; width: 38px; padding-top: 8px }

#tabBox h2 { font-size: 14px; font-weight: bold; margin: 0 60px 20px 60px; padding-top: 13px }

#tabBox h2.topBorder { border-top: 1px solid #cbcbba; margin-top: 30px }

#tabBox h3 { font-size: 12px; font-weight: bold; margin-bottom: 20px }

div.col { width: 230px; padding: 0 10px 0 60px; background: url(../img/divider.gif) repeat-y right }

div.col.last { float: left; background: none }

table.calendar { margin: 10px 0 60px 0; font-size: 10px; color: #35352a }

table.calendar.last { margin-bottom: 0 }

table.calendar a { text-decoration: underline; color: #77a11c }

table.calendar a:hover { text-decoration: none }

table.calendar tr td {  height: 26px; vertical-align: middle; padding-left: 10px }

table.calendar .desc td { background: #9e9e83; color: #e2e2c4; font-weight: bold; font-size: 12px }

.calendar .desc td.date { width: 94px }
.calendar .desc td.ref { width: 61px }
.calendar .desc td.tour { width: 225px }
.calendar .desc td.chuk{ width: 113px }
.calendar .desc td.fee { width: 123px }
.calendar .desc td.loc { width: 110px }
.calendar .desc td.empty { width: 94px }

.calendar .month td { background: #f5f5f0; font-weight: bold }

.calendar td { background: #fff }

#content.story { padding: 30px 70px 0 130px }

#content.story p { font-size: 14px; color: #324509; line-height: 20px; margin: 0 0 20px 0; padding-left: 60px }

#content.story h1 { font-size: 16px; color: #324509; padding-left: 60px }

#content.story img { border: 3px solid #658918; margin: 5px 18px 18px 0 }


/**************************
FOOTER
**************************/

#footer { background-color: #77a21d; border-top: 1px solid #426e0f; #77a21d; color: #fff; font-size: 11px; width: 100%; height: 20px; margin-top: 70px; text-align: center; padding: 9px 0 0 0; }

#footer p { color: #fff; font-size: 11px; margin-left: 840px; }

#footer a { color: #fff; }

#footer a:hover { color: #426e0f; }


h2{margin:0 0 1em 0; color: #535353; font-size:90%; font-weight:bold;}
#content p{line-height:1.6em;}
.left{float:left;}
img.left{margin:.3em 1em 1em 0;}
.paging a{font-size:120%; text-decoration:none;}

.columnn{float:left; margin-right:45px; padding-right:45px; background: url(../img/divider.gif) repeat-y right;}
.last{margin-right:0;}
.who .id {width:444px; margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #CBCBBA;}

.members ul {width:241px; font-weight:normal; margin-bottom:1.5em; font-size:75%;}
.members ul li{position:relative; margin-bottom:.8em; padding-right:6em; line-height:1.2em;}
.members ul li.th {margin-bottom:1.2em; color: #425b0b; font-weight:bold; font-size:90%;}
.members ul li.th  span{font-size:inherit; right:-20px;}
.members ul li span {position:absolute; right:0; top:0; font-size:90%;}

#content .fixtures, #content .news {margin:0 120px 1em 0; padding-bottom:1em; border-bottom:1px solid #ccc;}
.fixtures h2 span.date, .news h2 span.date{display:block; line-height:1.5em; font-size:90%; font-weight:normal;}

.links {margin-bottom:30px; padding-bottom:30px; font-size:75%;  border-bottom:1px solid #CBCBBA;}
.links .columnn{margin-right:30px; padding-right:30px}
.links .last{margin:0; width:600px; background:none;}

.gallery_nav{float:left; margin:1em 0 1em 0; width:190px; font-size:85%;}
.gallery_nav li{margin-bottom:.5em; padding-bottom:.5em; border-bottom:1px solid #CBCBBA;}
#content .gallery_nav li a{text-decoration:none;}
#content .gallery_nav li a:hover{color: #425b0b;}
.gallery #tabBox {margin-left:226px; padding:0;}
a:hover .pictures{border-color:#77A21D;}

#login_form{width:300px;margin-top:1em; text-align:right;}
#login_form label{display:block; float:left; width:80px; text-align:left;}
#login_form input{margin-bottom: .8em;}

/* SLIMBOX */
#lbOverlay {position: absolute;left: 0;width: 100%;background-color: #000;cursor:pointer; z-index:9998;}
#lbCenter, #lbBottomContainer{position:absolute;left: 50%;overflow: hidden;background-color: #fff; z-index:9999;}
.lbLoading{background: #fff url("../img/gallery/loading.gif") no-repeat center;}
#lbImage {position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;}
#lbPrevLink{left:0; background: transparent url("../img/gallery/prevlabel.gif") no-repeat 0% 15%; border:none;}
#lbPrevLink:hover{background: transparent url("../img/gallery/prevlabel.gif") no-repeat 0% 15%; border:none;}
#lbNextLink{right:0; background: transparent url("../img/gallery/nextlabel.gif") no-repeat 100% 15%; border:none;}
#lbNextLink:hover{background: transparent url("../img/gallery/nextlabel.gif") no-repeat 100% 15%; border:none;}
#lbBottom{font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;}
#lbCloseLink{display: block;float: right;width: 75px;height: 22px;background: transparent url("../img/gallery/closelabel.gif") no-repeat center;margin: 5px 0; border:none;}
#lbCaption,#lbNumber {margin-right: 120px;}
#lbCaption{font-weight: bold;}
