@charset "UTF-8";


/* Element Styles */


body, html {
background:url(../images//backgrounds/main.jpg) top center #333333;
font-family: "Lucida Sans", Verdana, Tahoma, sans-serif;
font-size:11px;
color:#333333;
margin:0;
padding:0;
text-align: center;
}

h1 {
font-family: "Gill Sans", "Century Gothic", Lucidia Sans, Verdana, sans-serif;
color: #FFFFFF;
letter-spacing:6px;
font-weight:normal;
font-size:30pt;
text-transform:uppercase;
margin:0px;
padding:0px;
padding-top:5px;

}

h2 {
font-family: "Gill Sans", "Century Gothic", Lucidia Sans, Verdana, sans-serif;
color: #cfcdcd;
letter-spacing:6px;
font-weight:normal;
font-size:12pt;
text-transform:uppercase;
margin-top:0px;
}

h3 {
margin:5px 0 0 5px;
font-size:16pt;
font-weight:normal;
}

a {color:#0f3064; text-decoration:none; outline: none;}
a:hover {text-decoration: underline;}


/* Classes and ID Styles */

#container {width:956px; text-align:center; margin:0 auto; padding:0; }

#head1 {float:left; margin-left:195px; height:77px; display:inline;}
#head1 li{margin:43px 10px 0 0; width:80px; padding-top:6px; height:17px; background:url(../images/nav-button.jpg) bottom #b8b8b8; list-style-type:none; float:left;}
#head1 li a {text-decoration: none; color:#FFFFFF; text-transform:uppercase; font-size:10px; width:80px; height:20px; display:block;}
#head1 li a:hover {color:#0f3064;}
#head1 li.active {background:#d0d0d2;}
#head1 li.active a {color:#0f3064;}

#head2 {
float:right;
height:77px;
display:inline;
}

#top {
clear:both;
background:url(../images/backgrounds/top.jpg) no-repeat #fcfcfc;
width:956px;
height:45px;
color:#0f3064;
font-size:14pt;
}

#topimage {
float:left;
padding-top:7px;
}

#toptext {
float:right;
padding-right:9px;
padding-top:2px;
}

#top a {
font-size:8pt;
}

#maincontainer {
background:#FFFFFF;
position:relative;
top:0;
height:100%;
overflow: hidden;
}

#leftcolumn {
float:left;
width:222px;
min-height:417px;
background:#FFFFFF;
}


.tab {clear:both; background:url(../images/backgrounds/tab.jpg) repeat-x #000000; height:100px; text-align:left; text-transform:uppercase;}
/* three identical tabs so we can apply staged delay to each of them. a function would probably be more efficient here */
#tab1 {clear:both; background:url(../images/backgrounds/tab.jpg) repeat-x #000000; height:100px; text-align:left; text-transform:uppercase; display:none; }
#tab2 {clear:both; background:url(../images/backgrounds/tab.jpg) repeat-x #000000; height:100px; text-align:left; text-transform:uppercase; display:none;}
#tab3 {clear:both; background:url(../images/backgrounds/tab.jpg) repeat-x #000000; height:100px; text-align:left; text-transform:uppercase; display:none; }

.tabtitle {
font-family: "Gill Sans", "Century Gothic", Lucidia Sans, Verdana, sans-serif;
color:#FFFFFF;
font-size:11pt;
padding:3px;
height:20px;
}

.tabimg{
float:left;
width:90px;
}

.tabtext {
float:right;
color:#FFFFFF;
width:122px;
padding:5px;
text-transform:none;
text-align:right;
}

.tabtext a {color:#73c2f9;}

#rightcolumn {
float:left;
width:726px;
background:#FFFFFF;
min-height:415px;
text-align:left;
padding-left:8px;
}

/*#textfade {display:none;} */
#textleft {float:left; width:450px; padding:5px; margin-right:20px; background:#FFFFFF;}
#textright {float:left; width:150px; padding:5px; background:#FFFFFF;}
#textright img {margin:5px 0 10px 0; padding:4px; border:1px solid #CCCCCC;}

#footer {background:url(../images/backgrounds/bottom.jpg); width:956px; height:30px;padding-top:3px; clear:both; text-align:center; color:#FFFFFF; font-size:10px;}
#footer a {color:#FFFFFF;}

#credits {color:#999999; font-size: 10px; width: 956px; text-align:right;}
#credits a {color:#FFFFFF;}

#slideshowcontainer {
background:url(../images/loading.jpg) no-repeat;
width:726px;
height:220px;
padding: 10px 0 0 10px;
}

#slideshow {
    position:relative;
    height:197px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}


#slideshow IMG.last-active {
    z-index:9;
}

.error {color:#006699;}

textarea {font: 8pt Lucida Sans, Verdana, Arial, Helvetica, sans-serif;}
