/* CSS Document */

body {
		background-image:  url("images/background.jpg");
		background-attachment: fixed;
		margin:0px 0px 0px 0px;
		padding:0px;
		text-align:center;
		}
		
#frame {
		width:600px;
		height: 420px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		}
		
#topbar {
		width:600px;
		Height:20px;
		padding:0px;
		float:left;
		clear: all;
		background:none;
		border:none;
		background-color: #000000;
		background-image:  url("images/menuback.gif");
		}
		
#contentcenter {
		top:0px;
		width:600px;
		Height:400px;
		padding:0px;
		float:left;
		background:none;
		border:none;
		background-image:  url("images/textback.jpg");
		}
		
#navcontainer ul { 
		margin: 0;
		margin-top: 2px;
		padding: 0px 4px 0px 4px;
		list-style-type: none;
		text-align: center;
		font-family: arial;
		font-size: 12px;
		letter-spacing: 0.05em;
		}
		
#navcontainer ul li { 
		display: inline; 
		}
		
#navcontainer ul li a { 
		text-decoration: none; 
		padding: 0px 4px 0px 4px;
		color: #ffffff;;
		}
		
#navcontainer ul li a:hover {
		color: #fff;
		background-color: #ff9900;
		}

#pagebottom {
		margin-right:auto;
		margin-left:auto;
		width:600px;
		Height:80px;
		padding:0px;
		text-align:center;
		background:none;
		border:none;
		background-image:  url("images/bottomarea.gif");
		}
	
#clip1 {
		height: 80px;
		width: 205px;
		margin-top:0px;
		margin-left:0px;
		float:left;
		background:none;
		border:none;
		}
		
.rollover a {
		display:block;
		width: 100px;
		height: 80px;
		float:left;
		clear: all;
		margin-top: 0px;
		margin-left: 0px;
		padding: 0px 0px 0px 0px;
		background: url("images/songclip.gif") 0 0 no-repeat;
		}
		
.rollover a:hover { 
		background-position: 0 0px;
		background: url("images/songclip_on.gif") 0 0 no-repeat;
		}
	
.rollover2 a {
		display:block;
		width: 100px;
		height: 80px;
		float:right;
		margin-top: 0px;
		margin-right: 0px;
		padding: 0px 0px 0px 0px;
		background: url("images/movieclip.gif") 0 0 no-repeat;
		}
		
.rollover2 a:hover { 
		background-position: 0 0px;
		background: url("images/movieclip_on.gif") 0 0 no-repeat;
		}
#clip2 {
		height: 80px;
		width: 205px;
		margin-top:0px;
		margin-left:5px;
		float:left;
		border:none;
		background: none;
		}
.rollover3 a {
		display:block;
		width: 100px;
		height: 80px;
		float:left;
		margin-top: 0px;
		margin-left: 0px;
		padding: 0px 0px 0px 0px;
		background: url("images/getinvolved.gif") 0 0 no-repeat;
		}
		
.rollover3 a:hover { 
		background-position: 0 0px;
		background: url("images/getinvolved_on.gif") 0 0 no-repeat;
		}
						
.rollover4 a {
		display:block;
		width: 100px;
		height: 80px;
		float:right;
		margin-top: 0px;
		margin-left: 5px;
		padding: 0px 0px 0px 0px;
		background: url("images/contactus.gif") 0 0 no-repeat;
		}
		
.rollover4 a:hover { 
		background-position: 0 0px;
		background: url("images/contactus_on.gif") 0 0 no-repeat;
		}
		
#grammu {
		margin-top:15px;
		margin-right: 10px;
		width: 170px;
		Height: 15px;
		padding: 0px;
		float:right;
		background:none;
		border:none;
		overflow: auto;
		font-family: arial, helvetica, sans serif;
		font-size: 12px;
		font-weight: normal;
		color: #FFFFFF;
		text-align: right;
		text-indent: 0%;
		letter-spacing: 0px;
		line-height: 13px;
		}
		
span.grammu {
		font-family: arial, helvetica, sans serif;
		font-size: 11px;
		font-weight: normal;
		color: #FFFFFF;
		text-align: right;
		text-indent: 0%;
		letter-spacing: 0px;
		line-height: 13px;
		}
		
a:link {
		color: #666666;
		text-decoration: none;
		}
		
a:visited {
		color: #999999;
		text-decoration: none;
		}
a:hover {
		color: #999999;
		text-decoration: none;
		}
a:active {
		color: #999999;
		text-decoration: none;
		}