/* --------------------------------------------------------Spiral Hand Rails V 1.0.0--------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------------------

/* Universal selector, just to put all the browsers on a level playing field. */
*{
margin:0;
padding:0;
}

/* General styles */

body{
font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
font-size:80%;
color:#333;
background:white url("../img/bg.jpg") 0 0 no-repeat fixed;
}

p{
color:#333;
}

/* First-letter doesn't work in IE but its a nice effect for Mozilla and its ilk. */
p:first-letter{
font-size:120%;
font-weight:bolder;
}

h4, h3{
padding: 5px 0;
}

h4:first-letter{
font-size:120%;
font-weight:bolder;
}

h3:first-letter{
font-size:120%;
font-weight:bolder;
}

a:link{
text-decoration:none;
color:#900;
}

a:visited{
text-decoration:none;
color:#900;
}

a:hover{
text-decoration:none;
color:#fff;
background-color:#900;
}

a:active{
text-decoration:none;
color:#c00;
}

input{
border:solid 1px #333;
width:40%;
margin:10px;
}

textarea{
border:solid 1px #333;
width:40%;
margin:10px;
}
 
 /* Left hand column */
 
#lh-col{
position:absolute;
top:122px;
left:0;
width:140px;
z-index:3;
text-align:center;
color:#ccc;
}

/* Navigation "bar" styles */
#lh-col ul{
list-style:none;
}

#lh-col li{
text-align:center;
width: 141px;
padding: 2px 0 2px 0;
font: 10px/15px;
font-family:Verdana, Lucida, Arial, sans-serif;
}

#lh-col li a{
display:block;
width:141px;
border:solid 1px #333;
color:#930;
text-decoration:none;
background-color:#fff;
}

#lh-col li a:link{
border:solid 1px #333;
color:#930;
background-color:#fff;
width:141px;
text-decoration:none;
}

lh-col li a:visited{
border:solid 1px #333;
color:#930;
background-color:#fff;
width:141px;
text-decoration:none;
}

#lh-col li a:hover{
border:solid 1px #333;
color:#fff;
background-color:#900;
text-decoration:none;
}

#lh-col li a:active{
color:#c00;
}
/* End Nav bar */

/* Right hand column */

#rh-col{
position:absolute;
top:122px;
right:0;
width:140px;
z-index:2;
}

#rh-col img{
display:block;
margin:20px auto;
border:solid 1px #900;
}

/* Header block */

#hdr{
height:120px; 
border-bottom:1px solid #333;
width:100%; 
background-color:#fff;
background-image:url(../img/background.gif);
}

#hdr h1{
color:#900;
font-weight:lighter;
margin-left:100px;
padding-top:40px;
}

/* Central column */

#c-block {
width:100%;
z-index:1;
height:80%;
}

/* Static background styles. Tantcek hack to hide correct values from IE */
#c-col{
margin:0 142px 0 142px;
position:relative;
z-index:5;
text-align:justify;
border: solid #333;
border-width: 0 1px;
background-color:#fff;
/*
background:white url("../img/bg2.jpg")0 -120px  no-repeat fixed;
voice-family: "\"}\""; 
voice-family:inherit;
background:white url("../img/bg2.jpg")140px 0 no-repeat fixed;
*/
}

#c-col p{
padding: 5px 60px;
}

/* Footer */

#ftr{
width:100%;
height:35px;
border: solid #333; 
border-width: 1px 0 0 0;
color:#930;
background-color:#fff;
}