/*
Colors:
grey:446666
grey2: 224444
green: 335544
gold:ccbb99
*/


body {  
background-color:#000000;
text-align:center;
vertical-align:middle;
font-family:verdana,arial,sans-serif;
color:#ccddee;
margin:0;
}


.main {
position:relative;top:5px;
height:600px;
width:950px;
padding:15px 20px 20px 20px;
border-style:none;
border-width:6px;
border-color:#224444;
background-color:#333333;
color:#eeeeee;
font-size:11px;
text-align:left;
z-index:50;
}




A:link { text-decoration: none; color:#335544 }
A:visited { text-decoration: none; color:#335544  } 
A:hover{ text-decoration: underline; color:#ffffff }
A:active { text-decoration: none; color:#335544  }

A.button:link {
padding:5px 10px 5px 10px;
border-style:dashed;
border-width:1px 0px 0px 0px;
border-color:#888888;
text-decoration: none; 
color:#aabbcc; 
} 

A.button:visited {
padding:5px 10px 5px 10px;
border-style:dashed;
border-width:1px 0px 0px 0px;
border-color:#888888;
text-decoration: none; 
color:#aabbcc; 
} 

A.button:hover{
padding:5px 10px 5px 10px;
border-style:solid;
border-width:1px 0px 1px 0px;
border-color:#ccffdd;
text-decoration: none; 
color:#ccffdd; 
} 

A.button:active {
padding:5px 10px 5px 10px;
border-style:none;
border-width:2px 0px 2px 0px;
border-color:#888888;
text-decoration: none; 
color:#EEBB00; 
} 




/* Thumbnails */

A.thumb:link { 
text-decoration: none; 
color:#888888;
margin:0px 2px 4px 0px;
} 

A.thumb:visited { 
text-decoration: none; 
width:70px;height:70px;
color:#888888;
margin:0px 2px 4px 0px;
} 

A.thumb:hover { 
text-decoration: none; 
color:#ffffff;
margin:0px 2px 4px 0px;
} 

A.thumb:active { 
text-decoration: none; 
color:#888888;
margin:0px 2px 4px 0px;
} 












 
 P.fancy:first-line{
font-size:13px;
font-family:'century gothic','avant guarde', verdana,arial;
font-weight:600;
color:#66AA77;
text-transform:uppercase;
}


/* P.fancy:first-letter{
font-size:20px;
text-transform:uppercase;
font-family:verdana,arial;
color:
#66aa66;
} */

A.r:link { text-decoration: none; color:#ccffee }
A.r:active { text-decoration: none; color:#ccffee  }
A.r:visited { text-decoration: none; color:#ccffee  } 
A.r:hover{ text-decoration: underline; color:#ccffee }

.hidden {
position:absolute;left:15px;top:15px;
background-color:#ffee99;
border-style:solid;
border-width:8px 1px 8px 1px;
border-color:#773333;
padding-top:15px;padding-left:15px;padding-bottom:0px;
color:#556677;
font-size:36px;
letter-spacing:.5em;
width:300px;
height:300px;
text-align:center;
z-index:50
}

.hidden2 {
background-color:#cccccc;
border-style:solid;
border-width:6px;
border-color:#662222;
padding-top:15px;padding-left:15px;padding-bottom:0px;
color:#556677;
font-size:36px;
letter-spacing:.5em;
position:absolute;left:20px;top:20px;
width:300px;
height:300px;
text-align:center;
z-index:49
}



#navigation {
position:fixed;left:25px;top:25px;
height:300px;
width:150px;
//* background-color:#007766;*//
border-style:none;
border-width:6px;
padding:10px;
font-family:verdana;
font-size:10px;
color:#eeeeee;
text-align:left;
letter-spacing:.1em;
}



.text {
font-size:9pt;
font-family:verdana, arial, sans-serif;
color:#ccddee;
letter-spacing:0em;
}

.small {
font-size:7pt;
font-family:arial, sans-serif;
}


.heading {
font-size:32px;
font-family:century gothic,avant garde,arial;color:#bbccdd;z-index:100;letter-spacing:.3em
}



.heading2 {
font-size:15px;
font-family:century gothic,avant garde,arial;;
color:#bbccdd;z-index:100;letter-spacing:.4em;text-transform:uppercase;
}