/****************************************************************************************************/
/* basic elements
/****************************************************************************************************/
IMG {border: 0}

.alt_text {
	display: none;
}

b, strong {font-weight: bold;}

html {scrollbar-base-color: #FFCC33; scrollbar-arrow-color: #0000AA; scrollbar-track-color: #FFDD77; }


body, p, div, td, th, select, option, a, li  {
    font-family: verdana,helvetica,serif;
	font-size: small;
	color: #000000;
	margin: 0;
	padding: 0;
}

a, a:link, a:visited, a:hover {
	text-decoration: underline;
	color: #0000FF;
}

.tdevents-club  {
	border-bottom: 0px;
    text-align: left;
	font-size: smaller;

	padding: 2px;
	margin: 0px;
}

.blue-heading {
       font-family: verdana,helvetica;
       color: #0000AA;
       font-size: large;
       font-weight: bold;
}
.medium-blue-heading {
       font-family: verdana,helvetica;
       color: #0000AA;
       font-size: medium;
       font-weight: bold;
	   }
	   
.small-blue-heading {
       font-family: verdana,helvetica;
       color: #0000AA;
       font-size: small;
       font-weight: bold;
}



.centre-normal {text-align: center;
                font-weight: normal;
}

.centre-bold {text-align: center;
              font-weight: bold;
}

.bold12 { font-weight: bold;
          font-size: 12px;
}

.top_error {
	font-family: verdana,helvetica;
	color: #FF0000;
	font-size: 12px;
        font-weight: bold;
}
.top_info {
       font-family: verdana,helvetica,serif;
       color: #0000FF;
       background-color: #ffffff;
       font-size: 12px;
       font-weight: bold;
}
table {
    width: 100%;
	cell-spacing: none;
	border-spacing: 0pt;
	border-collapse: collapse;
}

td {
    border-bottom: 1px solid black;
    text-align: left;
	padding: 2px;
	margin: 0;
}



.event-list {
       font-family: verdana,helvetica;
       color: #000000;
       font-size: x-small;
       font-weight: bold;
	   	margin-bottom: 3px;	
		margin-top: 3px;
}

.tdentryfeesA {
    border-bottom: 0px;
    text-align: left;
	padding: 2px;
	margin: 0;
}
.tdentryfeesB {
    border-bottom: 0px;
    text-align: right;
	padding: 2px;
	margin: 0;
}
.tabvalnl {
    border-bottom: 0px ;
    border-top: 0px ;
    text-align: left;
	padding: 2px;
	margin: 0;
    vertical-align: top;
}

.tabvalnlcentre {
    border-bottom: 0px ;
    border-top: 0px ;
    text-align: center;
	padding: 2px;
	margin: 0;
    vertical-align: top;
}

.tabvalnlblue {
    border-bottom: 0px ;
    border-top: 0px ;
    text-align: left;
    color: #0000AA;
	padding: 2px;
	margin: 0;
    vertical-align: top;
}

td.tabval {
    border-bottom: 1px solid black;
    text-align: left;
	padding: 2px;
	margin: 0;
}



th {
	border-bottom: 1px solid black;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

caption {
	display: none;
}

.fake_link {
	cursor: pointer;
}

/****************************************************************************************************/
/* structure
/****************************************************************************************************/

em {font-style: normal; color: red}

div { border: #FFF 0px solid;}

#main-holder { width: 1000px; margin-left: auto; margin-right: auto; position: relative;}
.coverpic {  background-color: white; position: absolute; left: 0px; top: 0px; width: 1000px; min-height: 700px; margin-left: 0 auto; margin-right: 0 auto;  cursor:pointer; z-index: 3; }

.bigpic {width: 50px; padding: 0px; margin: 0px;  float: right; z-index: 1; background-color: transparent; position:relative; top: -55px; left: 7px;}

#coverpic2 { width: 500px; height: 400px; margin-left: auto; margin-right: auto; background-image: url(../photos/4942.jpg); }

#main-pic-holder {
    width: 300px;
    height: 600px;
    float: left;
    border : 0;
    margin : 0px;
    z-index: 1;
}

#main-pic-holder-overlay {
    width: 300px;
    height: 600px;
    position: absolute;
	left: 0px;
	top: 0px;
    border : 0;
    margin : 0px;
    z-index: 3;
}

#banner {
    width: 700px;
    height: 87px;
    float: right;
    border : 0;
    margin : 0px;
    background: transparent url(../php/images/newbannerpic.png) top left no-repeat ;
}

#menu-holder {
    width: 700px;
    height: 26px;
    float: right;
    border : 0;
    margin : 0px;
}

#header h2 {
	padding: 5px 1px 1px 5px;
	font-size: medium;
	font-weight: bold;
	color: #fff;
}


.input_log {display: block; position: relative; bottom: 20px; left: 120px;}

#main-content { width:700px; margin: 0px; padding: 0px; float: left; }
.main-content-sub { width: 680px;  margin-left: 5px; margin-top: 5px; float: display: inline; left; padding-left: 5px; padding-right: 5px; }
.main-content-sub-scroll { width: 680px;  margin-left: 5px; margin-top: 0px; float: display: inline; left; padding-left: 0px; padding-right: 0px; overflow-Y: scroll; overflow-X: hidden;}

/* These relate to unequal width divs within the #main-content div  */
#main-middle { width: 400px;  margin : 0px; float: left; }
.main-middle-sub { width: 380px; margin-left: 5px; margin-top: 5px; float: left; display: inline; padding-left: 5px; padding-right: 5px; }
.main-middle-sub-scroll { direction:rtl; width: 380px; margin-left: 5px; margin-top: 0px; float: left; display: inline; padding-left: 5px; padding-bottom: 5px; padding-right: 5px; overflow-Y: scroll; overflow-X: hidden;}
.newsitem  {width: 630px; margin-left: 5px; margin-top: 15px; float: left; background-color:  white; border: 2px solid darkblue; text-align: justify; color: blue; padding-left: 5px; padding-right: 5px; }

#main-right { width: 300px;  margin : 0px; float: left; }
.main-right-suborg{ width: 300px;  margin-left: 5px; margin-top: 5px; float: left; display: inline; padding-left: 5px; padding-right: 5px;  }
.main-right-sub {width: 300px;  margin-left: 0px; margin-top: 5px; float: left; display: inline; padding-left: 0px; padding-right: 0px;  }
.main-right-sub-scroll {width: 300px;  max-height: 481px; margin-left: 0px; margin-top: 5px; float: left; display: inline; padding-left: 0px; padding-right: 0px; overflow-Y: scroll; }
.main-right-sub-yelloworg { width: 300px;  margin-left: 5px; margin-top: 5px; float: left; display: inline; padding-left: 5px; padding-right: 5px; background-color: #FFEE77;  }
.main-right-sub-yellow { width: 294px;  margin-left: 0px; margin-top: 5px; float: left; display: inline; padding: 3px; background-color: #FFEE77;  }
.main-right-sub-popup { width: 300px;  margin-left: 0px; margin-top: 0px; float: left; display: inline; padding-left: 0px; padding-right: 0px;  }
.main-right-sub-halfcolorg { width: 145px;  margin-left: 0px; margin-top: 5px; float: left; display: inline; padding-left: 0px; padding-right: 0px;}
.main-right-sub-halfcol { width: 145px;  margin-left: 5px; margin-right: 0px; margin-top: 5px; margin-bottom: 2px; float: left; display: inline; padding-left: 0px; padding-right: 0px;}

/*These divs float above the page, in whichever container they fall */
.main-right-sub-halfcollower{ position:absolute; z-index:0; width: 145px;  margin-left: 5px; margin-right: 0px; margin-top: 5px; margin-bottom: 2px; display: inline; padding-left: 0px; padding-right: 0px;}
.main-right-sub-halfcolupper{ position:absolute; z-index:1; width: 145px;  margin-left: 5px; margin-right: 0px; margin-top: 5px; margin-bottom: 2px; display: inline; padding-left: 0px; padding-right: 0px;}
.guestlist{ position:absolute; z-index:1; width: 145px;  margin-left: 300px; margin-right: 0px; margin-top: -15px; margin-bottom: 2px; display: inline; padding-left: 0px; padding-right: 0px;}
.lastminute{ position:absolute; z-index:1; width: 145px;  margin-left: 210px; margin-right: 0px; margin-top: -15px; margin-bottom: 2px; display: inline; padding-left: 0px; padding-right: 0px;}
.tickets{ position:absolute; z-index:1; width: 145px;  margin-left: 70px; margin-right: 0px; margin-top: 0px; margin-bottom: 2px; display: inline; padding-left: 0px; padding-right: 0px;}
.menu{ position:absolute; z-index:1; width: 145px;  margin-left: 10px; margin-right: 0px; margin-top: 0px; margin-bottom: 2px; display: inline; padding-left: 0px; padding-right: 0px;}
.allover{ position:absolute; z-index:1; width: 145px;  margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 2px; display: inline; padding-left: 0px; padding-right: 0px;}
#yyrssfeed { width: 268px; margin-left: 5px; min-height:150px; float: left; padding-left: 5px; padding-right: 5px;  }

/* These relate to equal width divs within the #main-content div */
#main-content-left { width: 345px;  margin : 0px; float: left; }
#main-content-right { width: 345px;  margin : 0px; float: left; }

#footer { width: 695px; float: left; }

#abercount {width: 125px; height: 100px; position: relative; top: 0px; left: 0px; z-index: 1; float: left; background: transparent url(../php/images/abercount.png) top left no-repeat ;}
#rightofabercount {width: 125px; height: 80px; margin-left: 10px; z-index: 1; float: left; }

/*#tens {width: 75px; min-height: 75px; position: absolute; top: 15px; left: 15px; z-index: 2; float: left; }
#units {width: 75px; min-height: 75px; position: absolute; top: 15px; left: 45px; z-index: 3; float: left;}
*/
#tens {width: 70px; min-height: 70px; margin-top: -75px; margin-left: -160px; z-index: 2; float: left; }
#units {width: 70px; min-height: 70px; margin-top: -75px; margin-left: -130px; z-index: 3; float: left;}

#sailworldlogo {width: 45; margin-left: 5px; margin-top: 0px; float: left; display: inline; padding-left: 5px; padding-right: 5px; }
#sailworldticker {width: 620; margin-left: 5px; margin-top: 0px; float: left; display: inline; padding-left: 0px; padding-right: 5px; }

.compic { float:left; margin-left:8px; margin-right:5px; margin-top: 15px;}
.picspacer20 { float:left; width: 260px; min-height: 20px; }
.picspacer20A { float:left; width: 600px; min-height: 20px; }

.common-box1 { float:left; margin-left:5px; margin-right:5px; padding-left: 5px; padding-right: 5px; }
.common-box4 { float:left; margin-left:0px; margin-right:5px; padding-left: 0px; padding-right: 5px; }
.common-box2 { float:right; margin-left:0px; margin-right:5px; padding-left: 5px; padding-right: 0px; }
.common-box3 { float:right; margin-left:5px; margin-right:5px; padding-left: 5px; padding-right: 5px; } 

 /* Photo-Caption PZ3 CSS (The Good Stuff) */

.PZ3-l { float:left; margin-right:10px; }
.PZ3-r { float:right; margin-right: 9px; margin-bottom:10px; margin-top:10px; direction:rtl; }
  [class~=PZ3-r] { position:relative; }


/* JTW Class - to float right but open ltr) */
.PZ3-rltr { float:right; margin-left:10px; direction:ltr; }
  [class~=PZ3-r] { position:relative; }

/* JTW Class - to float left but open rtl) */
.PZ3-lrtl { float:left; margin-right:12px; direction:rtl; }
  [class~=PZ3-r] { position:relative; }

.PZ3zoom { border:1px solid #369; }
.PZ3zoom a,.PZ3zoom a:visited { display:block;
  padding:0; overflow:hidden; text-decoration:none;
  height:100%; width:100%; }
  [class~=PZ3-r]>a { right:0; }
.PZ3zoom a:hover { position:absolute;
  z-index:999; padding:0; background:none;
  cursor:default; height:auto; width:auto;
  overflow:visible; border:1px solid #369;
  margin:-1px 0 0 -1px; }
  [class~=PZ3-r]>a:hover { margin:-1px -1px 0 0; }

.PZ3zoom a img { border:0; height:100%; width:100%; }
.PZ3zoom a:hover img { height:auto; width:auto;
  border:0; }

a:hover .PZ3cap { display:block;
  padding:2px 5px; margin-top:-5px;
  direction:ltr; background:#369; color:#fff;
  font:10pt verdana,sans-serif;
  text-align:left; }

.noCap a:hover .PZ3cap { display:none; }
.noBdr a img,.noBdr a:hover img { border:0; }
.Lnk a:hover { cursor:pointer; }

/* End Photo-Caption Zoom CSS */