/**
  Author  : Jonathan Downey
  Company : Zenark
  Date    : 21/10/2005 

  Colors Used : 
    Light Red Links & Background: a4001d
    Light Red Links Hover : #eb8fab 
    Zenark Text : #5c5c5c
**/

body{
  padding : 0px;
  margin : 0px;

  font-family: verdana, sans-serif;
  color : #5c5c5c;
  font-size : 12px;

  text-align : center;  /* IE fix for Centering */
  background: url(images/line.png) repeat-x left top;
  
}

pre {
  width : 550px;
  background-color : #ECECEC;
  color : black;

  border : 1px black solid;

  padding : 2px;

}

/* The Container Div surrounds the entire doc and allows Centering of it */
.container {
  text-align : left;  
  width : 800px;
  margin-left : auto;
  margin-right : auto;

  border-left : white 5px solid;
  border-right : white 5px solid;

  border-top : 1px white solid;
  border-bottom : 1px white solid;
}

.nav {
  padding : 0px;
  margin : 0px;

  padding-top : 0.5em;  
      
  float : right;
  text-align : right;

  width : 550px;
}

.nav a, .nav a:link, .nav a:visited {
  font-size : 13px;
  font-variant: small-caps;
  
  color : #a4001d;
  text-decoration : none;
  padding-left : 1em;
  padding-right : 1em;
  border-right : 1px solid black;
}

.nav a:hover {
  color : silver;
  text-decoration : underline;
}

.navimg {
  float : left;
  width : 150px;

  margin : 0px;
  padding-bottom : 4px;
}

/* Title bar */
.title {

  border : 0px solid white;
  clear : both;
  height : 76px;

  background-color: #a4001d;
  background-image: url(images/zenark_back5.png);
  background-position:  right;
  background-repeat : no-repeat;

  text-align : left;

  padding : 0px;
  margin : 0px;
}   

.title p{
  padding : 0px;
  margin : 0px;

  font-size : 36px;

  margin-left : 4px;
  padding-top : 0.75em;
  color : white;
  
}


.subnav {
  margin : 0px;
  margin-top : 3px;
  font-size : 12px;
  background-color: #a4001d;
  border-bottom: 0px solid none;
}

.subnav ul {
  background-color: #a4001d;

  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  font-weight: bold;
  display : block;
  
  border : white 1px solid;
}

.subnav ul li {
  font-weight: bold;
  font-size: 87%;
  display: inline;
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
  border: 0px none;
  border-right: 2px solid white;
}


.subnav div {
  background-color: #a4001d;
  margin : 0px;
  border : blue 0px none;
}

.subnav a{
  padding-left : 16px;
  padding-right : 16px;
  color : white;
  text-decoration : none;
  border : solid 1px #a4001d; 
}


.subnav a.navselected{
  padding-left : 16px;
  padding-right : 16px;
  color : #a4001d;
  background-color : white;
  
  border : solid 1px white; 
  
  text-decoration : none;
}

.subnav ul a:hover {
  background-color : silver;
  border : solid 1px silver; 
}

.subnav ul a:active {
  color : #eb8fab;
  background-color : white;
}

.clear { 
  clear : left;
  margin : -4px;
}

.breadcrumb {
  clear : both;
  font-size : 10px;
  margin-top : 0.5em;
}

.breadcrumb a, .breadcrumb a:link,.breadcrumb a:visited {
  color : #a4001d;
  font-size : 10px;
  text-decoration : none;
  border-bottom : 1px dashed #a4001d;
}

.breadcrumb a:hover {
  color : red;
  border-bottom : 1px solid red;
}

.box {
  width : 150px;

  float : right;
  clear : right;

  border : 1px solid #5C5C5C;
  background-color : white;

  margin : 1em;
  margin-right : 0px;

  padding : 2px;

  font-size : 12px;

}

.box h4 {
  margin : 0px;
  font-size : 12px;
  font-weight : bold;
  color : #5c5c5c;
  
  text-align : center;
}

.box a, .box a:link, .box a:visited {
  color : #a4001d;
  font-size : 12px;
  text-decoration : none;
  border-bottom : 1px dashed #a4001d;
}

.box a:hover {
  color : red;
  border-bottom : 1px solid red;
}

.box_no_border {
  width : 150px;

  float : right;
  clear : right;

  border : 1px none #5C5C5C;
  background-color : white;

  margin : 1em;
  margin-right : 0px;

  padding : 2px;

  font-size : 12px;

}

.box_no_border a {
  color : #a4001d;
  font-size : 12px;
  text-decoration : none;
}

.box_no_border a:hover {
  color : red;
  border-bottom : 1px solid red;
}

.box_rss {
  width : 200px;

  float : right;
  clear : right;

  border : 1px solid #black;
  background-color : white;

  margin : 1em;
  margin-right : 0px;

  padding : 0px;
  font-size : 12px;

}


/* Main section. Main is always at least 400px big to keep a shape to empty pages*/
.main {
  width : 615px;  
  padding : 0.2em;
  margin : 0px;

  padding-left : 0px;
  margin-top : 0.75em;
    
}

.main_rss {
  width : 565px;  
  padding : 0.2em;
  margin : 0px;

  padding-left : 0px;
  margin-top : 0.75em;
    
}

.section, .section td {
  text-align : justify;
  font-size : 12px; 
  
  line-height : 1.25em;
}

.section h2 {
  font-size : 16px; 
  line-height : 1.25em;
}

/* h4 Tag in a Section is assumed to be a heading */
.section h4 {
  background-color : #E0E0E0;
  border-bottom : 1px solid #5C5C5C;
  border-top : 1px solid #5C5C5C;
  padding : 2px;
  
  font-size : 12px;
  font-weight : normal;
}

.section a, .section a:link, .section a:visited, .footer a, .footer a:link, .footer a:visited {
  color : #a4001d;
  font-size : 12px;
  text-decoration : none;
  border-bottom : 1px dashed #a4001d;
}

.section a:hover, footer a:hover {
  color : red;
  border-bottom : 1px solid red ;
}

.error {
  font-size : 12px;
  color : red;
}

.section pre {
  font-size : 12px;  
}

/* Footer stuff */
.footer {
  margin-top : 32px;
  
  padding-bottom : 10px;  
  
  border-top : black 1px solid;
  font-size : 10px;
  
  clear : both;
}

/* Left hand bit of footer */
.footer .left {
  margin-top : 2px;
  font-size : 10px;
  float : left;  

  padding-bottom : 10px;  
}

/* Right hand bit of footer */
.footer .right {
  margin-top : 2px;
  font-size : 10px;
  float : right;  

  padding-bottom : 5em;  
}

.padding-left {
  padding-left : 10px;
}

.hidden {
  display : none; 
}