/*
* common4.css
*ukcps site
*Version 1.00
* PAH october 2006 
* validated not yet 
*/

/* general declarations */
@media screen {
html {
overflow-y:scroll;
overflow-x:scroll;
}

body {
font-family: arial, helvetica, sans-serif;
font-size:62.5%;
line-height: 0.3cm; 
           border: solid 100px #fe0; 
           border-top: solid 10px #fe0;
padding: 0px;
background: #fff;
color:#000;
text-align: center;
          margin:0;
}
body a:link, body a:visited, body a:active {
text-decoration: none; color: #f33;
}

body a:hover {
text-decoration: none; color: #666;
}

  .dvhdr1 {
            background:#ff0;
            color:#f00;
            font-family:arial;
            font-size:12px;
            font-weight:bold;
            border:3px dotted #000;
            padding:5px;
            width:150px;
         }
         
         .dvbdy1 {
            background:#FFFFFF;
            color:#000;
            font-family:arial;
            font-size:12px;
            border-left:3px dotted #000;
            border-right:3px dotted #000;
            border-bottom:3px dotted #000;
            padding:5px;
            width:150px;
         }
         
         
#phoneme {
	position:absolute;
	width:120px;
	height:60px;
	z-index:1;
	left:300px;
	top: 20px;
	
}

#phoneme h2 a{
color:#f00;
background:transparent;
font-size:1.3em;
padding-top:0.5em;
}


#container {

width 90%;
text-align: left;
background: #fff;
border-width: 0.0em;
border-color: #ccc;
       
border-style:solid;
background-repeat: no-repeat;
background-attachment: fixed;
background:url(../images/headerbg.jpg) top   no-repeat;
}

div#byline {
background: #fff;
margin-top:0px;
color: #fff;
font-size: 0.8em;
height: 0px;

}

div#byline p a{
text-decoration: none;
color: #000;
}

img {
border: 0px solid;
vertical-align: top;
float: left;
padding-right: 0.5em;
}

table {
width:100%;
}

.tr submit{
margin-left: 10px;
margin-top: 5px;
width: 80px;
border:2px outset #fff;
}


address {
font-size:1.4em;
font-weight:bold;
}

a {
border:0;
}

img{
border:0;
}

p {
font-size:1.1em;
margin:0;
border:0;
padding:0;
margin-bottom:1.5em;
}


h1 {
font-size:1.6em;
color:#666;
background:transparent;
font-weight:bold;
padding:0;
margin:2px;
line-height: 0.34cm; 
}

h2 {
font-size:1.4em;
color:#666;
background:transparent;
font-weight:bold;
padding:0;
margin:2px;
line-height: 0.34cm; 
}

h3 {
font-size:1.3em;
color:#666;
background:transparent;
font-weight:bold;
padding:0;
margin-top:0px;
margin-bottom:0px;
line-height: 0.34cm; 
}

ul{

list-style-image:url(check.gif);

font-size:1.2em;
}
ol {
font-size:1.2em;
}

div.left img{
float:left;
}

div.imagebox{
padding: 0;
margin:0;
width:100%;
height:210px;
}

div.imagebox img{
float:right;
padding: 0;
margin:0;
vertical-align:top;
}

div.maincontent{
line-height: 1.2;
color: #000;
border: 0.0em  solid #fff;
background: #fff;
margin-left: 120px;
margin-right: 0;
padding:0;
margin-top:0;

height:1500px;
background:url(../images/contentbg.jpg) top right  no-repeat;
padding-top:15px;
padding-left:10px;
  }
  

fieldset {
border:0px #333 solid;
}
  
fieldset h2{
font-size: 1.2em;
font-weight:bold;
color:#333;
}
  


 

 
 
 div.textboxf{
  position:relative;
  display:block;
  width:90%;
  float:left;
  font-family:  Arial, Helvetica, sans-serif;
  margin-left: 5.0em;
  margin-right: 0.0em;
  background-color: #fff;
  color:#333;
  margin-bottom:2em;
  text-align:justify;
  font-size:1.2em;
  }
 
 
 
 
fieldset{
border-width: 0;
padding:0;
}


fieldset{
border:0;
}

/*logo panel id*/

div#header {
display: block;
background:url(../images/headerbg.jpg) top right  no-repeat;
	text-align: center;
	margin-left: 50 auto;
color: #339;
height:90px;
border-bottom: solid 0.0em #fff;
background:transparent;


}

div#headerright {
display: block;
float:right;
	text-align: center;
	margin: 0 auto;
color: #339;
height:90px;
border-bottom: solid 0.0em #fff;

background:#fff;
;
}
/*navigation class*/


/*spacer div */

div#spacer {
color: #000;
background:#fff;
clear:both;
}

/*maincontent block*/

div#more{
float:right;
}




/*leftmenu block*/

div#leftbarbox{
position:absolute;
left:110px;
top:100px;
height:800px;

width: 135px;
font-size:1.1em;
}



div#leftnavbar img{
margin-top:15px;  
margin-left: 10px;
font-size:1.1em;
}

div#leftnavbar h2{
margin-top:15px;
color:#fff;
font-size:1.1em;
}

/* left navigation bar links list*/



div#leftnav ul{
list-style-image:url(../images/bullet.gif);
list-style-position:inside;
padding-top: 10px;
margin-top:15px;
padding-left:5px;
margin-left:0px;
font-size:1.1em;
}

div#leftnav li a{
text-align: left;
margin: 0;
padding-left: 0px;
border-bottom: 1px solid #fff;
font: 1.1em  Arial, sans-serif;
color: #000;
background: transparent;
text-decoration: none;
width: 125px;
voice-family: "\"}\"";
voice-family: inherit;
width: 124px;
}

/* left navigation bar treats each item in list as a block*/

#leftnavbar li a {
font-size:1.1em;
font-weight: bold;
padding: 0;
border-left: 0.1px solid transparent;
color: #000;
background:transparent;
text-decoration: none;
width: 135px;
voice-family: "\"}\"";
voice-family: inherit;
width: 134px;
}

html#leftnavbar li a {
font-size:1.1em;
width: 116px;
background:transparent;
color:#000;
}

div#leftnavbar li a:hover {
font-size:1.1em;
border-left: 0.1px solid #fff;
background: #aaa;
color: #fff;
width:135px;
text-decoration: none;
}

/* footer */

div#footer {

margin-top:0.3em;
    z-index:0;
font-size: 0.9em;
color: #111;

padding: 0;
text-align: center;
position:fixed;
bottom:0px;
height:70px;
width:100%;
padding-top:8px;
background:#fe0;      
border-right: 300px #000000;      
}

div#footer a{
font-size:0.9em;
background:#fff;
color:#000;
}
div#footer p{
font-size:0.9em;
background:#fe0;
color:#000;
}

/* form formatting */

label{
float: left;
width: 120px;
font-weight: bold;
text-align: right;
margin-right:5px;
}

input{
width: 150px;
margin-bottom: 5px;
background: #f1f1f0;
color: #333;
border:1px outset;
border-color: #333;
}

textarea{
width: 250px;
height: 120px;
border:2px outset #fff;
background: #f1f1f0;
color: #330;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 10px;
margin-top: 5px;
width: 80px;
border:2px outset #fff;
}

#reset{
width: 80px;
border:2px outset #fff;
}

div#formnewsletter input{
width: 70px;
margin-bottom: 3px;
}

div#formnewsletter label{
width:70px;
}

}

@media print{

div#nav {
display:none;
}

div#newsletterform {
display:none;
}

div#footer {
display:none;
}

div#logopanel {
display:none;
}

div#picture {
display:none;
}

div.textbox{
border-style:dotted;
border-width:5pt;
border-color:#fff;
page-break:auto;
width:40%;
margin:5pt;
}

div.textbox h1{
clear:both;
font-size:20pt;
color:#ec5ea0;
background:#fff;
}

div.textbox h2{
clear:both;
font-size:16pt;
color:#000;
background:#fff;
}

div.textbox h3{
clear:both;
font-size:14pt;
color:#000;
background:#fff;
}

div.textbox p{
clear:both;
font-size:12pt;
color:#000;
background:#fff;
}

div.textbox img{
float:left;
}

}