/* CSS Document */

h1,h2,h3,h4,h5,h6,ul,ol,p, form { /*Note p tag carries a default margin in opera and ie7.  */
margin:0;
padding:0;
}

html {
margin: 0;
overflow:auto;
border: none;
background-color: #ffffff; /*always use a background colour from bottom pixels in a gradient*/
}

/*body,html { overflow-y: auto }*/

body {
border:none;
margin:0;
padding:0;
background-color:#ffffff;
color:#000000;
font-family: "Trebuchet MS";
font-size:.8em;
}

img {
border:0;
}

/*design of nav bar at top of website*/
#navtop {
display:none;
}


/*design of second bar at top of website*/
#header{
	padding:0;
	margin:0;
	text-align:left;
	background-color: transparent;
/*	background-image: url(/00_design/GFX/headerwpbc2.jpg);*/
	background-image: url(/00_design/GFX/WPBC_logo1.jpg);
	background-repeat: no-repeat;
	background-position:  left;
}


/*design of toolbar at top of website*/

#toolbar {
display:none;
}

/*end of top of web site*/

/*center of website */
#container {
margin:0;
padding:0;
margin-right: auto;
margin-left: auto;
text-align: left;
margin-top: 10px;
}

#container #left {
display:none;
}
#RDtop {
margin:0;
padding:0;
font: 1em "Trebuchet MS";
}

#left {
margin-top:0;
margin-left:5px;
padding:1px;
width:48%;
float:left;
}

#right {
margin-top:0;
margin-right:5px;
padding:1px;
width:48%;
float:right;
}


/*.................end of left navigations section...............*/

#container #centre {
	font-family:"Trebuchet MS";
	font-size:1em;
	padding-left:20px;
	padding-right:20px;
	/*margin-right: 175px;
	margin-left: 170px;
	border-top:1px solid #e0dfe3;
	border-left:1px solid #e0dfe3;
	border-right:1px solid #e0dfe3;*/
}

#centre li {
padding:1px;
}

#centre ul {
list-style-image:url(/WebDevNew/XX_images/Icons/fdot.gif);
padding-left:10px;
}

#centre .breadcrumb{
display:none;
}

#centre p {
padding-right:3px;
margin:0;
padding-bottom:10px;
}


img.imgleft{
margin:5px;
float:left;
border:none;
}

img.imgright{
margin:5px;
float:right;
border:none;
}

img.imgmiddle {
display: block;
margin-left: auto;
margin-right: auto;
border:none;
}


h1 {
	font-size: 160%;
	color: #006633;
	font-weight: lighter;
	margin-top: 10px;
}
h2, #centre caption {
	font-size: 145%;
	color: #009933;
	font-weight: lighter;
}
h3 {
	font-size: 115%;
	color: #009933;
	font-weight: lighter;
}

.events {
    float:left;
	padding-bottom:10px;

}

.events1 {
    float:right;
	padding-bottom:1px;
	margin-right:190px;
}

.events2 {
    float:left;
	padding-bottom:20px;
}

.fontbigger1 {
font-size:110%;
}

.fontbigger2 {
font-size:110%;
font-weight:bold;
}

.halfboxgrad, .fullboxgrad, .halfboxgradsmall {
background-image:url("/00_design/GFX/small_box_grad.jpg");
background-repeat:repeat-x;
}

.halfboxgrad, .fullboxgrad{
border: 1px solid #e0dfe3;
}

.halfbox, .halfboxgrad {
padding-left:0px;
padding-bottom:4px;
padding-right:4px;
padding-top:4px;
margin-right:10px;
padding:5px;
width:45%;
float:left;
}



.rfloat {
float:right;
}


.filmstrip, .filmstriplabel{
background-color:transparent;
float:left;
padding:5px;
vertical-align:middle;
}

.quarterwidth {
width:130px;
height:100px;
}
.halfwidth {
width:260px;
height:200px;
}
.thirdwidth {
width:172px;
height: 134px;
}
.threequartwidth{
width:390px;
height:300px;
}
.filmstriplabel{
height:40px;
}
.filmstrip{
border:3px ridge #55723a;
}

.filmstripgrad h2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.75em;
}

.fullboxgrad, .fullbox {
margin-bottom:10px;
float:left;
padding:5px;
width:95%;
position:relative;

}


.advertboxnew {
text-align:center;
margin:15px;
padding:2px;
background-color:#FFFF66;
font-weight:bold;
border: 3px solid #006600;
}

/*end of centre features

/*-------------------right feature bar--------------------------*/
#container #right {
display:none;
}




/*----------------------*/

/*colour themes for different sections of the website..............*/
.transparent {
background-color: transparent;
color:#666666;
}

.greyimg {
background-image:url(/00_design/GFX/grey.jpg);
background-position:right;
background-repeat:no-repeat;
}

.grey {
background-color:#cccccc;
color: #000000;
}

.orangeimg{
background-image:url(/00_design/GFX/orange.jpg);
background-position:right;
background-repeat:no-repeat;
}

.orange {
background-color:#ffcc99;
color:#000000;
}

.midgreenimg{
background-image:url(/00_design/GFX/midgreen.jpg);
background-position:right;
background-repeat:no-repeat;
}
.midgreen {
background-color:#99cc99;
color:#000000;
}

.fleshimg{
background-image:url(/00_design/GFX/flesh.jpg);
background-position:right;
background-repeat:no-repeat;
}

.flesh {
background-color:#ffcccc;
color: #000000;
}

.blueimg{
background-image:url(/00_design/GFX/blue.jpg);
background-position:right;
background-repeat:no-repeat;
}
.blue {
background-color:#9999ff;
color: #000000;
}

.brownimg{
background-image:url(/00_design/GFX/brown.jpg);
background-position:right;
background-repeat:no-repeat;
}

.brown {
background-color:#cc9966;
color: #ffffff;
}

.greenimg{
background-image:url(/00_design/GFX/green.jpg);
background-position:right;
background-repeat:no-repeat;
}

.green{
background-color:#ccffcc;
color: #000000;
}

.pinkimg{
background-image:url(/00_design/GFX/pink.jpg);
background-position:right;
background-repeat:no-repeat;
}

.pink{
background-color:#ffccff;
color: #000000;
}

.cyanimg{
background-image:url(/00_design/GFX/cyan.jpg);
background-position:right;
background-repeat:no-repeat;
}
.cyan{
background-color:#99cccc;
color: #000000;
}

.oliveimg{
background-image:url(/00_design/GFX/olive.jpg);
background-position:right;
background-repeat:no-repeat;
}

.olive{
background-color:#cccc99;
color: #000000;
}
.yellowimg{
background-image:url(/00_design/GFX/yellow.jpg);
background-position:right;
background-repeat:no-repeat;
}
.yellow{
background-color:#ffffcc;
color: #000000;
}
.roseimg{
background-image:url(/00_design/GFX/rose.jpg);
background-position:right;
background-repeat:no-repeat;
}
.rose{
background-color:#cc9999;
color: #000000;
}
.lavenderimg{
background-image:url(/00_design/GFX/lavender.jpg);
background-position:right;
background-repeat:no-repeat;
}
.lavender { 
background-color:#ccccff;
color: #000000;
}
.navyimg{
background-image:url(/00_design/GFX/navy.jpg);
background-position:right;
background-repeat:no-repeat;
}
.navy {
background-color:#333399;
color:#000000;
}

/*--------------------------*/



/*form styles and components*/
.inline {
display:inline;
}


.plainform, .inline{
background-color: #CBD5C1; 
color:#000000;
}

.textarea, .combobox, .input {
background-color: #CBD5C1; 
color:#000000;
width:35%;
margin-left:35%;
}


.btn1 {
float:right;
background-color:transparent;
border: 1px outset #ADD8e6;
height:25px;
margin:0px;
padding:2px;
}

.btn3 {
float:left;
background-color:transparent;
border: 1px outset #ADD8e6;
height:25px;
margin:0px;
padding:2px;
}


.btn2 {
border: 1px solid #ADD8e6;
height:30px;
margin:0px;
padding:2px;
font-weight:bold;
color:#000000;
background-color:#CBD5C1;
}

.optgroup {
color:#000000;
margin-left:40%;
}

.legend {
color:#4f61b5;
padding:2px;
width:auto;
 }

 
.frm1{
width:60%;
} 
 
.frm2 {
  width:80%;
}

.frm3 {
  width:70%;
}

.frm4 {
  width:50%;
}

.spacing {
font-size:.9em;
margin-bottom:5px;
}

 .label {
float:left;
width:33%;
font: bold 0.9em "Trebuchet MS";
color:#009966;
}

 .widelabel{ /*question labels*/
float:left;
margin-top:1em;
padding:3px;
width:95%;
font: bold 0.9em "Trebuchet MS" ;
color:#009966;

}

.akey {
text-decoration:underline;
}

/*tables section*/

.formtable {
 font:1em "trebuchet MS, Geneva , Arial, Helvetica, sans-serif ";
 font-size: 110%;
}

.infotable {
 font:1em "trebuchet MS, Geneva , Arial, Helvetica, sans-serif ";
 font-size: 110%;
}

.infotable th {
  background-color:#CC9966;
}

.datatablesimple {
font:1em "trebuchet MS, Geneva , Arial, Helvetica, sans-serif ";
font-size: 110%;
border: 1px solid #D6DDE6;
border-collapse:collapse;
width:90%;
}

.datatablesimple td {
border: 1px solid #D6DDE6;
padding:0.3em;
vertical-align:top;
}

.datatablesimple th {
border:1px solid #828282;
background-color: #86916f;
color:#fcfbeb;
font-weight:bold;
text-align:left;
padding-left: 0.3em;
}


.datatablesimple tr.altrow {
background-color: #DFE7F2;
color:#000000;
}

.datatablesimple tr:hover {
background-color:#CCCC99;
color:#000000;
}


/*----------------------*/

#footer {
display:none;
}

/*specials */

#iframe {
border:0;
height:300px;
width:500px;
}

.iframe1 {
height:400px;
width:550px;
visibility: visible;
margin-left:0;
}


.roundcont {
	width: 250px;
	background-color: #f90;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
	padding: 10px;
}

.roundtop { 
	background: url(/00_design/gfx/orange_tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(/00_design/gfx/orange_br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}


.advertbox {
margin:20px;
text-align:center;
float:right;
padding: 20px;
border: 3px solid #006600;
background-color:#FFFF66;
margin-right:100px;
}

.advertbox {
width: 150px;
voice-family:"\"}\"";
voice-family:inherit;
width:150px;
}

.advertbox h1{
font-size:1.2em;
}

/* tabs for tabbed forms */

.taboff {
border-style:inset;
border-top:0px;
background-color:#FDFEE7;
border-bottom:1px solid #999999; 
border-left:1px solid #CCCCCC;
color:#cccccc;
}

.tabon, .taboff {
float:left;
width:80px;
height:25px;
margin:0px;
}


.tabon {
border-style: solid;
border:#CBD5C1;
background-color: #CBD5C1;
}

.tabbox {
background-color: #CBD5C1;
width:560px;
text-align:left;
}

.red {
font-weight:bold;
/*text-shadow:#000000;*/
background-color:#FFFF00;
font-size:1.5em;
font-family:"Trebuchet MS";
color:#FF0000;
}

.green{
padding:1px;
font-weight:bold;
/*text-shadow:#000000;*/
background-color:#FFFF00;
font-size:1.5em;
font-family:"Trebuchet MS";
color: #006600;
}

.datatablesimple {
font:.8em "Trebuchet MS";
border: 1px solid  #999999;
border-collapse:collapse;
width:80%;
}



.datatablesimple td.blank {
padding-left: 2px;
white-space:nowrap;
padding:0;
margin:0;
background-color:transparent;
font-size:.9em;
text-align:left;
} 
.datatablesimple td.special {
padding-left: 2px;
white-space:nowrap;
padding:0;
margin:0;
background-color: #CCFF00;
color:#FFFFFF;
border: 1px solid #D6DDE6;
}
.datatablesimple td {
text-align:right;
padding-left: 2px;
white-space:nowrap;
margin:0;
background-color:#FFFFCC;
color:#000000;
font-size:.9em;
border: 1px solid #D6DDE6;
}

.datatablesimple th.dark {
background-color:#006600; 
}
.datatablesimple th.yellow {
font-size:12px;
padding:0;
background-color:#FFFF99;
color:#000000; 
}

.datatablesimple td.yellowleft {
text-align:left;
font-size:12px;
padding:0;
background-color:#FFFFCC;
color:#000000; 
}

.datatablesimple th {
font-size:12px;
border:1px solid #828282;
background-color: #009900;
color:#FFFFFF;
padding-left: 0.3em;
}

.datatablesimple caption {
font: bold 1em "Trebuchet MS";
color:#33517A;
text-align:left;
padding:0.4em 0 0.8em 0;
}

.datatablesimple tr.altrow {
background-color: #DFE7F2;
color:#000000;
}

.datatablesimple tr:hover {
background-color:#CCCC99;
color:#000000;
}