* {
margin : 0; 
padding : 0; 
}  /*sets margin and padding 0 for all */
html, body, #wrap { 
height : 100%; 
} 
body > #wrap { 
height : auto; 
min-height : 100%; 
} 
body { 
margin : 0;
font : 0.8em Georgia, "Times New Roman", Times, serif;
color : #000; 
background : url(../img/back.gif) repeat-x left top;
} 
#wrap { 
margin : auto; 
width : 900px; 
}
#page {
padding-bottom : 60px; /*must be height of footer*/
}
h1, h2, h3 {
padding : 0 0 0 5px;
border-bottom : 1px solid #611;
width : 500px;
}

h4 {
padding : 3px 3px 3px 10px;
border-bottom : 1px solid #fff;
width : 275px;
}
ol{margin:0 0 0 15px;}
p {
padding : 5px;
line-height:120%;
}
#header { 
height : 130px; 
background :  #000 url(../img/BlkTorWebBanner.jpg) no-repeat right top;
}
#hdrbtm {
background : /*url(../img/hdrbtm.gif) no-repeat left bottom*/;
height : 130px;
}
#header img {
border:none;
}
#nav {
margin : 0;
padding : 0 0 0 10px;
height : 25px;
font-size : 1.2em;
border-top:2px solid #888;
background : #fff/*url(../img/top.gif) no-repeat left top*/;
}
#nav ul {
list-style-type : none;
float : left;
line-height : 19px;
font-weight : bold;
}
#nav li {
float : left;
background : url(../img/navright1.gif) no-repeat right bottom;
}
#nav li:hover {
background : url(../img/navright.gif) no-repeat right bottom;
}
#nav a {
display : block;
padding : 3px 15px 3px 10px;
text-decoration : none;
color : #f00;
text-align : center;
background : url(../img/navleft1.gif) no-repeat left bottom;
} 
#nav a:hover { 
color : #efefef;
background : url(../img/navleft.gif) no-repeat left bottom;
}
#current a { 
color : #fff; 
text-decoration : underline; 
} 
#main {
margin : 0;
padding : 10px 15px 0 15px;
min-height : 40em;
max-height : 70em;
background : #fff;
}
#mainex {
margin : 0;
padding : 10px 15px 0 15px;
min-height : 45em;
max-height : 70em;
background : #fff;
}
#main ul {
padding : 5px 5px 5px 20px;
text-indent : 10px;
line-height : 150%;
}
#main iframe{float:right;
}
.mimgr {
float : right;
width : 150px;
padding:5px;
}
.mimgl {
float : left;
width : 150px;
}
#colcon {
margin : 0;
padding : 0;
height : 27em;
background:#fff;
}
#colcont {
margin : 0;
padding : 0;
height : 20em;
background:#fff;
}
.col {
margin : 4px;
padding : 0;
width : 280px;
float : left;
color : #fff;
background : #611;
}
#colwidthdraw {
margin : 4px;
padding : 20px;
width : 580px;
float : left;
color : #fff;
background : #611;
}
#colwithdraw img {
border : 1px solid #000;
background : #fff;
margin : 10px;
padding : 5px;
width : 570px;
float : left;
text-align : right;
}

.coltop {
background : url(../img/coltp.gif) no-repeat left top;
}
.colbtm {
background : url(../img/colbm.gif) no-repeat left bottom;
height : 25em;
}
.col img {
border : 1px solid #000;
background : #fff;
margin : 10px;
padding : 5px;
width : 250px;
float : left;
text-align : right;
}
.col a {
color : #fff;
}
.col1 {
margin : 4px;
padding : 0;
width : 280px;
float : left;
color : #000;
background : #ffd700;
}
.coltop1 {
background : url(../img/coltp1.gif) no-repeat left top;
}
.colbtm1 {
background : url(../img/colbm1.gif) no-repeat left bottom;
height : 19em;
}
.col2 {
margin : 4px;
padding : 0;
width : 280px;
float : left;
color : #000;
background : #c0c0c0;
}
.coltop2 {
background : url(../img/coltp2.gif) no-repeat left top;
}
.colbtm2 {
background : url(../img/colbm2.gif) no-repeat left bottom;
height : 19em;
}
.col3 {
margin : 4px;
padding : 0;
width : 280px;
float : left;
color : #000;
background : #8c7853;
}
.coltop3 {
background : url(../img/coltp3.gif) no-repeat left top;
}
.colbtm3 {
background : url(../img/colbm3.gif) no-repeat left bottom;
height : 19em;
}
#colcon ul {
padding : 10px;
line-height : 140%;
}
#FrogJS {
width : 760px;
height : 550px;
margin : 0 auto;
}
#FrogJSCredit {
text-align : right;
font-size : 80%;
color : #999;
padding : 1px;
}
#FrogJSCaption {
text-align : left;
line-height : 140%;
}

a.gall {
border : none;
}
#lightbox {
background-color : #eee;
padding : 10px;
border-bottom : 2px solid #666;
border-right : 2px solid #666;
}
#lightboxDetails {
font-size : 0.8em;
padding-top : 0.4em;
}
#lightboxCaption {
float : left;
color : #111;
}
#keyboardMsg {
float : right;
color : #111;
}
#closeButton {
top : 5px;
right : 5px;
}
#lightbox img {
border : none;
clear : both;
}
#overlay img {
border : none;
}
#overlay {
background-image : url(../img/overlay.png);
}
#subForm {
font-size : 1.1em;
}
#subForm .label {
float : left;
clear : left;
width : 300px;
margin-right : 10px;
text-align : right;
font-weight : bold;
}
input#send {
margin-left : 300px;
padding : 2px 10px 2px 10px;
background-color : #cbd893;
}
input#name, input#email, input#telephone, input#address, input#town, input#postcode {
width : 300px;
background-color : #fbef99;
font-family : "Lucida Console", Monaco, monospace;
font-size : 0.9em;
margin-top : -2px;
height : 1.3em;
}
textarea#comments {
width : 300px;
background-color : #fbef99;
font-family : "Lucida Console", Monaco, monospace;
font-size : 0.9em;
margin-top : -2px;
height : 6em;
}
input#name:focus, input#email:focus, textarea#comments:focus, select#refer:focus {
background-color : #fdd041;
}
#hiddenPic {
display:none;
background:#000;
height:0px;
width:0px;
}
img.hiddenPic {
display:none;
}
#mbtm {
height:20px;
background : url(../img/btm.gif) no-repeat left bottom;
}

#marquee {background: #f00;border:1px solid #ff0;height:100px;}


#footer {
position : relative;
margin : auto;
margin-top : -60px;   /*must be negative height*/
padding : 0 0;
height : 60px;
clear : both;
width : 900px;
text-align : center;
color : #fff;
background : url(../img/fr.gif) no-repeat left top;
}
#footer a {
width : 25px;
text-decoration : none;
border : none;
color : #f11;
}
#footer a:hover {
text-decoration : none;
border : none;
color : #fff;
background : #611;
}
#footer p {
padding : 5px 5px 3px 5px;
font: Verdana, Arial, Helvetica, sans-serif;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block; 
} 
* html .clearfix { 
height : 1%; 
} 
.clearfix { 
display : block; 
}