/* CSS Document */

/*
purple background = 51657d 
top left purple = 6e888c
dark navy = 021931
green = a3bd0b
*/

body{
font-size:small;
font-family:Helvetica, Arial, sans-serif;
font-family:Arial, Helvetica, sans-serif;
background-color:#021931;
}

#container{ /* this contains the menu background hex pattern */
position:absolute;
z-index:100;
top:0;
left:0;
right:0; /* in IE css -- for some reason it doesn't go all the way to the right */
background-color:#6d8aad;
background-color:#51657d;
background-image:url(../images/menuBackground.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}

#top{
border-bottom:1px solid white;
background-image:url(../images/trs_header_02.jpg);
background-repeat:repeat-x;
background-position:80px 0;
overflow:hidden;
height:84px;
}

#login{
position:absolute;
top:-30px;
right:0;
z-index:1600;
}
#login a{
color:#FFFFFF;
text-decoration:none;
font-size:x-small;
font-weight:bold;
}
#login a:hover{
color:#6e888c;
}

#content{
position:relative;
z-index:400;
width:665px;
margin-left:134px;
padding:inherent;
background-color:#FFFFFF;
border-left:1px solid white;
border-right:1px solid white;
height:auto; /* in IE css -- to solve the min-height thing */
min-height:510px;
}

/*the top picture and green bar in the sections*/
#contentTopImage{
height:99px;
overflow:hidden;
}
#contentTopBar{
background-color:#85B3DE;
border-top:1px solid white;
border-bottom:1px solid white;
}
#contentTopBar h1{
margin:0;
margin-left:40px;
margin-top:1px;
color:#FFFFFF;
font-weight:bold;
font-size:15px;
text-transform:uppercase;
}

/*this is the content container which goes inside the main content container. allows for the split content columns */
#contentContentContainer{
position:relative;
background-color:#9EB0C8;
}

.contentContent{ /* this is the white portion of the contentContentContainer */
background-color:#FFFFFF;
padding:20px 40px 20px 40px;
height:auto; /* in IE css -- to solve the min-height thing */
min-height:375px;
}
.column{ /* this makes the right colored bar in the contentContentContainer */
margin-right:250px;
}
#contentContentContainer .contentContent table{
font-size:small;
background-color:#FFFFFF;
}

#faqTable tr{
background-color:#51657D;
}

#columnContent{
position:absolute;
top:20px;
right:20px;
width:210px;
color:#FFFFFF;
}
#columnContent h2{
margin-top:0;
font-size:small;
}
#columnContent a{
color:#FFFFFF;
}
#moreInfo{
position:absolute;
bottom:20px;/* in ie css + 100px for god knows what reason */
right:20px;
width:210px;
color:#FFFFFF;
font-size:x-small;
text-align:center;
}
#moreInfo a{
color:#FFFFFF;
}

/* this is the light blue "background" to the left of the content and above the hex pattern */
#spacerLeft{
position:absolute;
z-index:200;
top:85px;
left:0;
bottom:0; /*height defined in ie css due to it's inability to understand the bottom property and top property at the same time */
right:0;
width:150px;
background-color:#6d8aad;
}
/* this is the hex pattern */
#backgroundLeft{
position:absolute;
z-index:300;
left:0;
bottom:-57px;
width:134px;
height:575px;
background-image:url(../images/menuBackground.jpg);
}


#bottomTopBar{
position:relative;
z-index:400;
height:20px;
background-color:#85B3DE;
border-top:1px solid white;
border-bottom:1px solid white;
}

#bottom{
position:absolute;
bottom:-80px;
left:-135px;
width:790px;
z-index:400;
height:38px;
font-size:x-small;
background-color:#021931;
color:#999999;
padding:10px;
text-align:right;
}
#bottom span{
float:left;
}
#bottom em{
color:#FFFFFF;
font-weight:normal;
}
#bottom a{
color:#999999;
text-decoration:none;
}

.pngImage{
vertical-align:-50%;
}

/* only used in the index page */
#flash{
height:163px;
overflow:hidden;
border-bottom:1px solid white;
}
#skybanner{
position:relative;
width:665px;
height:100px;
border-bottom:1px solid white;
background-image:url(../images/TRS_SkyBanner_02.jpg);
background-repeat:no-repeat;
background-position:top right;
overflow:hidden;
}
#skybanner div{ /* defines the text on top of the background */
position:absolute;
top:50%;
right:0;
width:300px;
height:4em;
margin-top:-2em;
text-align:center;
color:#FFFFFF;
font-weight:bold;
font-size:.9em;
overflow:hidden;
}

/*the table information for the index page. bleh */

#content table{
border-color:#FFFFFF;
border-collapse:collapse;
font-size:smaller;
background-color:#51657d;
}
#content table a{
color:#F00;
text-decoration:none;
}
#content table a:hover{
color:#D00;
}
#content table p{
margin-top:1em;
margin-bottom:1em;
}

#form-content a, #form-content a:hover {color: #00F !important;text-decoration:none;}

#content th{
background-color:#021931;
color:#FFFFFF;
font-weight:normal;
text-align:right;
}
#content th h1{
float:left;
font-size:x-small;
margin:0;
font-weight:normal;
}

.rightCells{
background-image:url(../images/trs_table_background.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
padding:10px;
padding-top:0;
vertical-align:top;
}
.rightCells div{
text-align:center;
margin-bottom:1em;
font-size:1.1em;
}

.news{
color:#FFFFFF;
padding10px;
vertical-align:top;
}
.news hr{
border:none;
border-bottom:1px dashed #999999;
}
.news p{
padding-left:3px;
padding-right:3px;
}


#featuredSite{
background-image:url(/images/featured_site.jpg);
}
#featuredSiteResize{ /*resizes the table cell???? */
width:350px;
}

.projectTable td{
border:solid #CCCCCC 1px;
}

.printSurvey {font-weight: bold; font-size: 110%;}

.region {color: #999; font-weight: bold;}