/****************************************************************************************************/

/* basic elements

/****************************************************************************************************/

IMG {border: 0}

.alt_text {

	display: none;

}


b, strong {font-weight: bold;}

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;

}

.blue-heading {

       font-family: verdana,helvetica;

       color: red;

       font-size: large;

       font-weight: bold;

}



.small-blue-heading {

       font-family: verdana,helvetica;

       color: #0000FF;

       font-size: small;

       font-weight: bold;

}

.black-heading {

       font-size: large;

	font-weight: bold;

	color: #000000;

}

.small-black-heading {

       font-family: verdana,helvetica;

       color: #000000;

       font-size: small;

       font-weight: bold;

}

.event-list {

       font-family: verdana,helvetica;

       color: #000000;

       font-size: 0.8em;

       font-weight: bold;

}

.narrow { width : 10%;}

.center-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%;

	border-spacing: 0pt;

	border-collapse: collapse;

}



td {

    border-bottom: 1px solid black;

    text-align: left;

	padding: 2px;

	margin: 0;

}



.tdevents-club {

    border-bottom: 0px;

    text-align: left;

	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: #0000FF;

	padding: 2px;

	margin: 0;

    vertical-align: top;

}



.red {background-color:#FF0000;}
.pink {background-color:pink;}
.orange {background-color:orange;}
.lightgreen {background-color:palegreen;}
.yellow {background-color: yellow;}
.cyan {background-color: #00D9FF;}

.right {text-align: right ;}
.left {text-align: left ;}
.evtabval {

	font-family: verdana,helvetica;

	border-bottom: 0px ;

	color: #000000;

	font-size: small;

	padding-right: 3px;

	padding-left: 3px;
        
        height : 10px;
        
        text-align: center ;
        
       
}
.sctabval {

	font-family: verdana,helvetica;

	border-bottom: 0px ;

	color: #000000;

	font-size: small;

	padding-right: 3px;

	padding-left: 3px;
        
        height : 25px;
        
        text-align: center ;
        
       
}

.evtabhead {

	font-family: verdana,helvetica;
	color: #000000;

	font-size: small;
        font-weight: bold;
	padding-right: 3px;
	padding-left: 3px;
        text-align: center ;

}





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;

}



.kidzpics {

	font-family: verdana,helvetica;

	font-weight: bold;

	text-align: center;

	color: red;

}

/****************************************************************************************************/

/* structure

/****************************************************************************************************/



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



div { border: #FFF 0px solid;}



#main-holder {   background-color: whitesmoke;  margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;}

.left {
     text-align: left;
}
.right {
 text-align: right;
}
#main-pic-holder {

    width: 300px;

    height: 600px;

    float: left;

    border : 0;

    margin : 10px;

    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/pscbannerpic.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: left; display: inline;  padding-left: 5px; padding-right: 5px; }

.main-content-sub-scroll { width: 675px; height: 460px; margin-left: 5px; margin-top: 0px; float: left; display: inline; padding-left: 0px;

 padding-right: 0px; overflow-y: scroll;}



/* These relate to unequal width divs within the #main-content div  */

#main-middle { width: 420px;  margin : 0px; float: left; }

.main-middle-sub { width: 400px; margin-left: 5px; margin-top: 5px; float: left; display: inline; padding-left: 5px; padding-right: 5px; }



#main-right { width: 280px;  margin : 0px; float: left; }

.main-right-suborg{ width: 268px;  margin-left: 5px; margin-top: 5px; float: left; display: inline; padding-left: 5px; padding-right: 5px;  }

.main-right-sub {width: 280px;  margin-left: 0px; margin-top: 5px; float: left; display: inline; padding-left: 0px; padding-right: 0px;  }

.main-right-sub-yelloworg { width: 268px;  margin-left: 5px; margin-top: 5px; float: left; display: inline; padding-left: 5px; padding-right: 5px; background-color: #00D9FF;  }

.main-right-sub-yellow { width: 268px;  margin-left: 0px; margin-top: 5px; float: left; display: inline; padding-left: 0px; padding-right: 0px; background-color: #00D9FF;  }

.main-right-sub-popup { width: 268px;  margin-left: 0px; margin-top: 0px; float: left; display: inline; padding-left: 0px; padding-right: 0px;  }

.main-right-sub-halfcolorg { width: 134px;  margin-left: 0px; margin-top: 5px; float: left; display: inline; padding-left: 5px; padding-right: 5px;}

.main-right-sub-halfcol { width: 134px;  margin-left: 0px; margin-right: 5px;margin-top: 5px; float: left; 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: 350px;  margin : 0px; float: left; }

.main-content-left-sub { width: 330px;  margin-left: 5px; margin-top: 5px; float: left; display: inline; padding-left: 5px; padding-right: 5px;  }

#main-content-right { width: 350px;  margin : 0px; float: left; }

.main-content-right-sub {width: 330px; margin-left: 5px; margin-top: 5px; float: left; display: inline; padding-left: 5px; padding-right: 5px;} 



#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;}



.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; }

/*Used in Pheonix to replace tables from old PSC site with Divs */

.common-box { float:left; margin-left:5px; margin-right:5px; padding-left: 5px; 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 blue;

  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: yellow; color: blue;

  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 */