@charset "UTF-8";
/* CSS Document */

body{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-color: #112233;
	color: #FFF;
}

#photorandomizer {
  background: url(images/rotator.php) no-repeat center top;
  width: 960px;
  height: 540px;
}

.table_main {
	text-align: center;
}
.top_banner {
	background-color: #000;
}
.top_menu {
	color: #336699;
	text-decoration: none;
	background-color: #000;
	text-align: center;
	font-size: 24px;
}
.top_menu a{
	text-decoration: none;
	color: #CCC;
}
.top_menu:hover a {
	color: #369;
}
.bottom_menu {
	color: #336699;
	text-decoration: none;
	background-color: #000;
	text-align: center;
	font-size: 24px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.bottom_menu a{
	text-decoration: none;
	color: #CCC;
}
.bottom_menu:hover a {
	color: #369;
}
.table_content_container {
	background-color: #FFF;
}
.table_content {
	background-color: #FFF;
}
.content_one {
	color: #333;
	padding: 10px;
}
.content_one a{
	color: #036;
	text-decoration: none;
}
.bottom_menu_tab {
	background-color: #000;
	text-align: center;
}
.bottom_credit {
	color: #CCC;
	text-decoration: none;
	background-color: #000;
	text-align: center;
	font-size: 14px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.bottom_credit a{
	color: #336699;
	text-decoration: none;
}
.bottom_credit:hover a{
	color: #CCC;
	text-decoration: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* Setup Tab so normal opacity is 70 and rollover is 100 */
    .tile_img a img{
	/* for IE */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
	/* CSS3 standard */
        opacity:0.70;
    }
/* Change Opacity to 100% on roll over */
    .tile_img a:hover img{
          
        /* for IE */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:alpha(opacity=100);
        
        /* CSS3 standard */
        opacity:1.0;
    }

/* Setup Tab so normal opacity is 50 and rollover is 100 */
    .tn_img a img{
	/* for IE */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
	/* CSS3 standard */
        opacity:0.50;
    }
/* Change Opacity to 100% on roll over */
    .tn_img a:hover img{
          
        /* for IE */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:alpha(opacity=100);
        
        /* CSS3 standard */
        opacity:1.0;
    }

.section_title:hover {
	background-color: #999;
}

    /* Places images to the right of the tabs,
    and hides non selected images */
    #images{
	width:768px;
	height:432px;
	overflow:hidden;  /* Hides the non selected images */
	float:left;
	margin: 0px;
	padding: 0px;
    }