/* 
Document   : style
Created on : 10-Mar-2009, 11:47:57
Author     : James
Description:
Purpose of the stylesheet follows.
*/

/* 
TODO customize this sample style
Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{ 
    text-align: center;
    background: black;
    color: white;
    padding: 0;
    margin: 0 auto;
    font-family: "Arial";
}

a,a:visited,a:link,a:hover {
    color:white;
    text-decoration:none;
    font-family: "Arial";
    font-size: 0.9em;
}

img{border:none;}


#container{
    width: 1024px;
    padding: 0;
    margin: 0 auto;
    position: relative;
}

#header{
    width: 1024px;
    height: 144px;
    position: relative;
}

#navigation{
    position: absolute;
    left: 15px;
    bottom: 5px;
}

#textArea{
    width: 984px;
    text-align: left;
    padding: 0 20px;
    font-size: 0.8em;
    line-height: 1.3em;
    letter-spacing: 0.1em;
}

#flash{
    width: 1024px;
    height: 450px;
    background: black;
    position: relative;
}
.button{
    display: block;
    width: 200px;
    height: 27px;
    margin: 0 auto;
}

a#button1 {
    background-image: url(../images/nav/buttfire.png);
}
a#button2 {
    background-image: url(../images/nav/buttelec.png);
}
a#button3 {
    background-image: url(../images/nav/buttemerg.png);
}
a#button4 {
    background-image: url(../images/nav/buttport.png);
}

a#button1:hover {
    background-image: url(../images/nav/buttfireselect.png);
}
a#button2:hover {
    background-image: url(../images/nav/buttelecselect.png);
}
a#button3:hover {
    background-image: url(../images/nav/buttemergselect.png);
}
a#button4:hover {
    background-image: url(../images/nav/buttportselect.png);
}
a .alt { display: none; }

.imageThumb{
    background: #000E1D;
    padding: 2px;
}

a#mapClick{
    background-image: url(../images/nav/buttmap.png);
    position: absolute;
    right: 0px;
    top: 0px;
}

a#mapClick:hover{
    background-image: url(../images/nav/buttmapselect.png);
    position: absolute;
    right: 0px;
    top: 0px;
}

#grow_demo{
    width:200px;
    height:200px;
    color: white;
    position: absolute;
    left: 287px; top: -16px; z-index: 10;
    text-align: left;
    font-size: 0.9em;
}