/* main content style sheet */

body {
margin: 0 auto;
color: #000000;
font-family:verdana, arial, arial;
font-size: 0.5em;
line-height: 1.8em;
text-align: left;
background:#ffffff;
 scrollbar-3d-light-color:#FFffff;
           scrollbar-arrow-color:#362a73;
           scrollbar-base-color:#ffffffS;
           scrollbar-dark-shadow-color:#ffffff;
           scrollbar-face-color:#ffffff;
           scrollbar-highlight-color:#ffffff;
           scrollbar-shadow-color:#ffffff;
		   FONT{color:#000000; }
		}   


p{font:10px  verdana, arial;
padding-left: 12px;

color: #000000;
}

h1{
font:22px  verdana, arial;
color: #ffffff;
margin: 4px;
padding-left: 0px; 
font-weight:bold; 
}

h2 {
font:14px verdana, arial;
color: #ffffff;
padding-left: 0px; 
margin: 4px;
font-weight:bold; 
}

h3 {
font:12px verdana, arial;
color: #ffffff;
padding-left: 5px;
padding-bottom:10px 
margin: 0px;
font-weight:bold; 
}

h4 {
font:14px verdana, arial;
color: #ffffff;
padding-left: 12px; 
margin: 4px;
font-weight:bold; 
}

h5 {
font:12px verdana, arial;
color: #ffffff;
padding-left: 12px; 
margin: 4px;
font-weight:none; 
}

h6 {
font:10px verdana, arial;
color: #000000;
padding-left: 3px; 
margin: 11px;
font-weight:none; 
}

h7 {
font:10px verdana, arial;
color: #000000;
padding-left: 5px;
padding-bottom:10px 
margin: 0px;
font-weight:none; 
}


		
	}
	.bodyText{
		padding-left:10px;
		padding-right:10px;
		border-top:1px solid #000000;	
	}
	.bodyText p{
		margin-top:5px;
	}
	#mainContainer{
		width:760px;
		height:600px;
		border:1px solid #002080;
		margin:0 auto;
		background-repeat:no-repeat;
		padding-top:85px;			
	}
        .boxtop{        
                /*make this the same size as the top image*/    
                display:block;  
                width:150px;    
                height:49px;    
                /*set the image as a background*/       
                background-position:left top;   
                background-repeat:no-repeat;    
                background-image: url(images/moviewatch_side_bar_top.jpg);   
        }       
        .topcontent{    
                /*set the font style for the box title*/        
                font-family:verdana, arial;      
                font-size:9.7pt; color:white;
			font-weight:none;     
                /*shift the title down a bit and center it*/    
                padding-top:10px;       
                text-align:center;
				}
				
     
            
        .boxbottom{     
                /*make this the same width as the bottom image*/        
                /*don’t set the height as this needs to be flexible*/   
                display:block;  
                width:150px; 
               /*set the image as a background*/       
                background-position:left bottom;        
                background-repeat:no-repeat;    
                background-image: url(images/moviewatch_side_bar_bottom.jpg);        
        }       
        .mainboxcontent{   
                /*set the font style for the main content*/     
                color:white;    
                font-family:verdana, arial;      
                font-size:8pt; 
                display:block;
			    /*align the main content nicely*/       
                padding-left:5px;      
                padding-bottom:20px;    
                padding-right:20px;     
        	
}

        .mainboxcontentmid{   
                /*set the font style for the main content*/     
                color:white;    
                font-family:verdana, arial;      
                font-size:8pt; 
                display:block;
			    /*align the main content nicely*/       
                padding-left:7px;      
                padding-bottom:30px;    
                padding-right:20px;     
        	
}

        .mainboxcontentlower{   
                /*set the font style for the main content*/     
		color:white;
                font-family:verdana, arial;      
                font-size:8pt; 
                display:block;
			    /*align the main content nicely*/       
                padding-left:10px;      
                padding-bottom:10px;    
                padding-right:20px;     
        	
}



#navlist
{
margin-left: 0;
padding-left: 5px;
list-style: none;
}



}
#navlist li 
{
padding-left: 15px;
background-image:  url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}


.class1 A:link {text-decoration: none; color:#ffffff}
.class1 A:visited {text-decoration: none; color:#ffffff}
.class1 A:active {text-decoration: none; color:#002080}
.class1 A:hover {text-decoration: none; color:#002080;font-weight:bold;
}

.class2 A:link {text-decoration: none; color:#0000ff}
.class2 A:visited {text-decoration: none; color:#0000ff}
.class2 A:active {text-decoration: none;color:#0000ff}
.class2 A:hover {text-decoration: underline; color:#00ccff;font-weight:bold;

}

.class3 A:link {text-decoration: none; color:#0000ff}
.class3 A:visited {text-decoration: none; color:#0000ff}
.class3 A:active {text-decoration: none;color:#0000ff}
.class3 A:hover {text-decoration: underline; color:#002080;font-weight:bold;

}
.class4 A:link {text-decoration: none; color:#ffffff}
.class4 A:visited {text-decoration: none; color:#ffffff}
.class4 A:active {text-decoration: none; color:#ffffff}
.class4 A:hover {text-decoration: none; color:#00ccff;font-weight:normal;
}
.class5 A:link {text-decoration: none; color:#0000ff}
.class5 A:visited {text-decoration: none; color:#0000ff}
.class5 A:active {text-decoration: none;color:#0000ff}
.class5 A:hover {text-decoration: underline; color:#002080;font-weight:bold;

}

.class6 A:link {text-decoration: none; color:#ff2403}
.class6 A:visited {text-decoration: none; color:#ff2403}
.class6 A:active {text-decoration: none;color:#ff2403}
.class6 A:hover {text-decoration: underline; color:#ff2403;font-weight:bold;

}

.class7 A:link {text-decoration: none; color:#002080}
.class7 A:visited {text-decoration: none; color:#002080}
.class7 A:active {text-decoration: none;color:#002080}
.class7 A:hover {text-decoration: underline; color:#002080;font-weight:bold;

}

.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
display: none;
}
.randlinks{ font-family:verdana, arial;      
                font-size:8pt; 
                display:block;
			    /*align the main content nicely*/       
                padding-left:10px;      
                padding-bottom:10px;    
                padding-right:20px;     
A:link {text-decoration: none; color:#ffffff}
A:visited {text-decoration: none; color:#ffffff}
A:active {text-decoration: none; color:#ffffff}
A:hover {text-decoration: none; color:#002080;font-weight:bold;

}