body{overflow:hidden;}

#help_button {

	background-image:url('../images/button_help.png');
        background-repeat:no-repeat;	
        text-indent:-9999px;
        margin-top:10px;
	margin-left:20px;	
	height:34px;
	width:34px;
	display:block;
	float:left;
	border: none;
	background-position:right; 
	-moz-border-radius: 17px;
    	-webkit-border-radius: 17px;
    	-khtml-border-radius: 17px;
 	border-radius: 17px;
 	-webkit-box-shadow: 0 0px 25px rgba(255,255,255,0.8);
	-moz-box-shadow: 0 0px 25px rgba(255,255,255,0.8);
	box-shadow: 0 0px 25px rgba(255,255,255,0.8);
  	/* For IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#FFFFFF')";
  	/* For IE 5.5 - 7 */
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#FFFFFF');
}

#help_popup
{
	display:none;
	position: absolute; 
	left: 52%; 
	bottom: 135px; 
	padding: 10px;   
	background-image:url('../images/help_popup.png');
	background-repeat:no-repeat;	
	width:250px;
	height:100px;     	
	z-index:500;	
}

.announcements_class {		
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #FF9900;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF9900), to(#ff4800));
	background: -moz-linear-gradient(top,  #FF9900,  #ff4800);	
	-ms-filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFF9900', EndColorStr='#FFff4800');
}

.announcements_class:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');	
}

.announcements_class:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.weekly_class {		
	color: #fef4e9;
	border: solid 1px #018e8e;
	background: #00d2d2;
	background: -webkit-gradient(linear, left top, left bottom, from(#00d2d2), to(#029191));
	background: -moz-linear-gradient(top,  #00d2d2,  #029191);	
	-ms-filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00d2d2', EndColorStr='#029191');
}

.weekly_class:hover {
	background: #02c3c3;
	background: -webkit-gradient(linear, left top, left bottom, from(#02c3c3), to(#018282));
	background: -moz-linear-gradient(top,  #02c3c3,  #018282);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#02c3c3', endColorstr='#018282');	
}

.weekly_class:active {
	color: #029191;
	background: -webkit-gradient(linear, left top, left bottom, from(#029191), to(#00d2d2));
	background: -moz-linear-gradient(top,  #029191,  #00d2d2);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#029191', endColorstr='#00d2d2');
}

.csi_class {	
	color: #e8f0de;
	border: solid 1px #538312;
	background: #97CE68;
	background: -webkit-gradient(linear, left top, left bottom, from(#97CE68), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #97CE68,  #4e7d0e);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97CE68', endColorstr='#4e7d0e');	
}

.csi_class:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');	
}

.csi_class:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');	
}

.announcements /* Slider popup*/
{    
    
    padding-top:1%;
    background-color: #effd4a;
    background: rgba(239, 253, 74, 0.5);
    border:solid 1px #666666;    
    width:770px;
    height:420px;
    left:0px;
    right:0px;         
    display:none;	
    margin-left:auto;
    margin-right:auto;
    text-align:center;	
    position:absolute;
    z-index:999;    
    -webkit-box-shadow: 0 3px 4px rgba(10,10,10,0.6);
	-moz-box-shadow: 0 3px 4px rgba(10,10,10,0.6);
	box-shadow: 0 3px 4px rgba(10,10,10,0.6);  		
}

.weekly/* Slider popup*/
{    
    
    padding-top:1%;
    background-color: #83fdfd;
    background: rgba(131, 253, 253, 0.3);
    border:solid 1px #666666;    
    width:70%;
    height:70%;
    left:0px;
    right:0px;         
    display:none;	
    margin-left:auto;
    margin-right:auto;
    text-align:center;	
    position:absolute;
    z-index:999;    
    -webkit-box-shadow: 0 3px 4px rgba(10,10,10,0.6);
	-moz-box-shadow: 0 3px 4px rgba(10,10,10,0.6);
	box-shadow: 0 3px 4px rgba(10,10,10,0.6);
  	/* For IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
  	/* For IE 5.5 - 7 */
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

.weekly_table
{
	width:90%;
	height:80%;
	margin-top:3%;
	margin-left:auto;
	margin-right:auto;	
	background-color: #FFFFFF;
	color: #333333;
	border:solid 1px #666666; 
/*	text-shadow: #CCCCCC 1px 1px 2px;*/
}

.csi /* CSI Video popup*/
{
    padding-top:1%;
    background-color: #97ce68;
    background: rgba(151, 206, 104, 0.3);
    border:solid 1px #666666;    
    width:60%;
    height:70%;
    left:0px;
    right:0px;
    display:none;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    position:absolute;    
    z-index:999;
    -webkit-box-shadow: 0 3px 4px rgba(10,10,10,0.6);
	-moz-box-shadow: 0 3px 4px rgba(10,10,10,0.6);
	box-shadow: 0 3px 4px rgba(10,10,10,0.6);
  	/* For IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
  	/* For IE 5.5 - 7 */
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

#collage
{
    height:233px;    
    position: absolute;
    margin-left: -600px;
    margin-top: auto;
    margin-bottom: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image:url('../images/collage.jpg');
}

.welcome_container
{
    height:233px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;  
    border-top:solid 1px #DDDDDD;
    border-bottom:solid 1px #666666;
    -webkit-box-shadow: 0 3px 4px rgba(10,10,10,0.6);
	-moz-box-shadow: 0 3px 4px rgba(10,10,10,0.6);
	box-shadow: 0 3px 4px rgba(10,10,10,0.6);  	
    background-image:url('../images/collage_mask.png');
    background-repeat:no-repeat;
}

.welcome 
{
    width:575px; 
    height:233px;           
    text-align:justify;    
    padding-left: 2%;   
    vertical-align: middle;   
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;  
/*    font-style:bold;*/
    text-shadow: #FFFFFF 0px 1px 0px;
    z-index:10;    
    color: #222222;
    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
    letter-spacing:0.1em;        
    text-transform: lowercase;
    line-height: 115%;
    font-size: medium;
    font-variant: small-caps;   
    display:table;
    z-index: 0;
}

 .welcome p:first-letter{
               text-transform: uppercase;
          }

.welcome p {vertical-align: middle; }

.shadow
{
 	-webkit-box-shadow: 0 3px 4px rgba(10,10,10,0.6);
	-moz-box-shadow: 0 3px 4px rgba(10,10,10,0.6);
	box-shadow: 0 3px 4px rgba(10,10,10,0.6);
  	/* For IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
  	/* For IE 5.5 - 7 */
  	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

#thumbnails_container
{
    margin-right:auto;
    margin-left:auto;
    position:absolute;
    left: 0;
    right: 0;
    width: 620px;
    height: 130px;
    padding-top:120px; 
    padding-left:3px;
}

.thumbnails
{
    height:80px; 
    width:120px;        
}