/* Layout */
html {
  height:100.02%;
}
body {
  margin:0;
  padding:0;
}
/*
Main Container
*/
#container {
  width:800px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
}
/*
Header
*/
#header {
  width:100%;
  height:140px;
  position:relative;
}
.top-links {
  position:absolute;
  top:5px;
  right:5px;
}
/*
Construction Table
*/
table.three-col {
  width:100%;
  border-collapse:separate;
}
table.three-col td.left-col {
  width:145px;
}
table.three-col td.mid-col {
  width:655px;
}
/*
Navigation Block
*/
#nav {
  padding-right:25px;
}
#nav h2 {
  width:136px;
  height:34px;
}
/*
Footer
*/
#footer {
  margin:10px 25px 10px 0px;    
}
/*
Misc
*/
.clear {
  height:1px;
  overflow:hidden;
  margin-left:10px;
	clear:both;
}


/* Styles */
body {
  margin:0;
  padding:0;
  background-image:url("/images/bg-repeat.png");
  background-repeat:repeat-y;
  background-color:#49A549;
  background-position:center;
  font-family:Arial,Verdana;
  color:#000;
}
hr {
  border:0px;
  margin:0;
  padding:0;
  margin-top:10px;
  background: 1px #CCC;
  color:#CCC;
  height:1px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  width:60%;
}
caption {
  font-family:Arial;
  font-size:10px;
}
table {
  font-size:11px;
  margin-bottom:30px;
  border-collapse:collapse;
}
table td {
  border:1px solid #333;
}
table.three-col td {
  vertical-align:top;
  border:0px solid #000;
}
a,a:active,a:visited {
  color:#006600;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
img {
 border:0;
}
#header {
  text-align:center;
}
#header h2 {
  font-size:20px;
  color:#008000;
  margin:0;padding:0;
}
.top-links {
  font-size:11px;
  font-weight:bold;
}
.top-links a {
  color:#000;
}
#footer {
  font-size:10px;     
}
#footer div {
  text-align:center;
}
#footer div.left {
  float:left;
  text-align:left;
}
#footer div.right {
  float:right;
  text-align:right;
}
h1 {
  font-family:Verdana;
  font-weight:bold;
  font-size:16px;
  color:#00008B;
  margin:0;padding:0;
  margin-bottom:8px;
}
h2 {
  font-family:Verdana;
  font-weight:bold;
  font-size:14px;
  color:#00008B;
  margin:0;padding:0;
  margin-top:32px;
}
h3 {
  font-size:15px;
}
h4 {
  font-size:13px;
}
p {
  font-family:Verdana;
  font-size:12px;
}
.portrait-image {
  float:right;
  border:1px solid #008800; 
}
strong {
  font-weight:normal;
}
img.image-right {
  float:right;
}
table.three-col td.mid-col a {
  font-weight:bold;
  text-decoration:underline;
}
table.three-col td.mid-col a:hover {
  text-decoration:none;
}
#footer a {
  color:#000;
  text-decoration:underline;
}
.vcard .fn, .vcard .type, .vcard .country-name {
    display:none;
}


/* Navigation */
#nav h2 {
  margin:0;padding:0;
  background-image:url("/images/nav-link.gif");
  background-repeat:no-repeat;
  background-position:0 0;
  text-align:left;
}
#nav a {
 padding:2px;
 padding-left:10px;
 font-family:Verdana, Arial;
 font-weight:bold;
 font-size:16px;
 display:block;
 height:24px;
 color:#000;
}
#nav a:hover {
  text-decoration:none;
}


/*
Right Column Features
*/
#features {
  text-align:center;
  margin-right:24px;
}
#features h3 {
  color:#48A448;
  font-size:12px;
} 
#features p {
  font-family:Arial;
  font-size:11px;
  line-height:12px;
  margin-top:0px;
}
#features p.notice {
  font-family:"Times New Roman";
  font-weight:bold;
  font-size:14px;
  line-height:16px;
  margin-top:10px;
}
/*
Contact Form 
*/
.contact-form {
  border-collapse:separate;
}
.contact-form td {
  margin:3px;
  padding-bottom:6px;
}
.contact-form td.key {
  font-weight:bold;
  text-align:right;
  padding-right:20px;
}
.contact-form td.val input {
  border:1px solid #008000;
}
.contact-form td.val textarea {
  border:1px solid #008000;
  width:250px;
  height:90px; 
}


@media print {
  body {
     background: white;
     font-size: 12pt;
  }
  #header {
    height:auto;
  }
  #header h2 {
   font-size: 13pt;
   text-align:left;
  }
  #header a {
    display:none;
  }
  h4,h5,h6 {
       font-size: 12pt;
       text-decoration:underline;  
  }
  .top-links {
    display:none;
  }
  #container {
     width: auto;
     margin: 0 5%;
     padding: 0;
     border: 0;
     float: none !important;
     color: black;
     font-size: 12pt;
     background: transparent none;
  }
  table.three-col td.left-col {
    display:none;
  }
  table.three-col td.right-col {
    display:none;
  }
  table.three-col td.main-col {
    width:100%;
  } 
  a:link, a:visited {
     color: #520;
     background: transparent;
     text-decoration: underline;
  }
  a:link:after, a:visited:after {
     content: " (" attr(href) ") ";
  }
  a[href^="/"]:after {
     content: " (http://www.destiny-denied.co.uk" attr(href) ") ";
  }
  #nav {
    display:none;
  }
  #features {
    display:none;
  }
  #footer div {
    display:none;
  }
  #footer div.left,#footer div.right {
    display:block;
  }
}