* {
	margin: 0px;
	padding: 0px;
}
body {
	padding-top: 0px;
	background-color: #fef200;
	color: #000;
	font-family: verdana, arial, sans-serif;
	text-align: left;
	letter-spacing: 1px;
}
a {color: #FFF;font-size: 14px;}
a:hover {color: #01a9c0;}
.more{float: right; font-size: 11px; color: #add8f9; font-weight: bold; text-decoration: none;}
.clear{clear:both;}
p{	margin: 20px 0px 20px 0px;line-height: 16px;font-size: 14px;}
#container {
	margin: 0px auto;
	width:873px;
}
#menu {
	background-image:url(images/menu.gif);
	width:862px;
	height:250px;
	position:relative;
}
#menu li{
	position:absolute;
	top:192px;
	
	list-style-type: none;
}
#menusubpages {
	background-image:url(images/menu-subpages.gif);
	width:862px;
	height:250px;
	position:relative;
}
#menusubpages li{
position:absolute;
	top:192px;
	
	list-style-type: none;
}
#m01 {left:115px;}
#m02 {left:210px;}
#m03 {left:350px;}
#m04 {left:460px;}
#m05 {left:590px;}
#m06 {left:700px;}
#menu a{
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight:bolder;
	color:#fef200;
	text-decoration:none;
	text-transform: uppercase;
}
#menu a:hover {color: #d71424;}
#menusubpages a{
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	font-weight:bolder;
	color:#fef200;
	text-decoration:none;
	text-transform: uppercase;
}
#menusubpages a:hover {color: #d71424;}
#header {
	background-image:url(images/header.gif);
	background-repeat:repeat-y;
	width:873px;
}
#headersubpages {
	background-image:url(images/header.gif);
	background-repeat:repeat-y;
	width:873px;
}
#logo {
	width:240px;
	height:46px;
	margin: 0px 0px 20px 80px;
	float:left;
	display:inline;
}
#dj {
	background:url(images/dj-3.jpg) no-repeat top right;
	/*width:873px;*/
margin: 0 30px 0 0;
padding-left: 137px;
	height:407px;
	float:right;
	display:inline;
}
#welcome {
	width:770px;
	margin: 20px 0 0 77px;
color: #fff;
}
#welcome h2{
	color: #fef200;
	font-family: Arial;
	font-size: 18px;
	padding: 0 0 10px 5px;
}
#welcome p{
	width:350px;
}
#welcome img{
	border: solid 3px #FFFFFF;
}
#welcomesubpages {
	width: 720px;
	margin: 0 0 0 77px;
/*padding-top: 75px;*/
color: #fff;
}
#welcomesubpages h2{
	color: #fef200;
	font-family: Arial;
	font-size: 18px;
	padding: 0 0 10px 5px;
}
#welcomesubpages p{
	width: 720px;
margin: 0 0 0 5px;
padding-bottom: 10px;
}
#middle {
	background-image:url(images/middle.gif);
	width:873px;
	height:13px;
}
#middlesubpages {
	background-image:url(images/middle-subpages.gif);
	width:873px;
	height:13px;
}
#middle2 {
	background-image:url(images/middle2.gif);
	width:873px;
	/*height:22px;*/
}
#content {
	background-image:url(images/content.gif);
	width:873px;
color: #fff;
}
#content h2 {
color: #fef200;
}
#left {
	float:left;
	width:435px;
	margin: 0px 0px 0px 68px;
	display:inline;
}
#right {
	float:right;
	width:258px;
	height:auto;
	margin: 0px 62px 20px 0px;
	display:inline;
}
#right a img{
	margin: 8px 8px 8px 0px;
	border: none 0px #FFFFFF;
}
#leftsocial {
	float:left;
	width:258px;
	margin: 0px 0px 0px 68px;
	display:inline;
}
#rightsocial {
	float:right;
	width:435px;
	height:auto;
	margin: 0px 62px 20px 0px;
	display:inline;
}
#rightsocial a img{
	margin: 8px 8px 8px 0px;
	border: none 0px #FFFFFF;
}
#footer {
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
	width:873px;
}
#footer p{
	height:58px;
	width:873px;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	font-size:11px;
}
#footer a{
	font-size:11px;
        text-decoration: none;
        color:#000;
}

			.boxgrid{ 
				width: 100px; 
				height: 210px; 
				float:left; 
				margin: 35px;
				background: none; 
				border: none; 
				overflow: visible;
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
#s01 {left:115px;}
#s02 {left:300px;}
#s03 {left:350px;}
#s04 {left:460px;}
#player {
    width: 435px;
    height: 300px;
    overflow: hidden;
    background: gray;
    position: relative;
    border: solid 2px gray;
}

.youtube .carousel {
    width: 20%;
    height: 100%;
    overflow: auto;
    position: absolute;
    right: 0px;
    z-index: 3;
}

.youtube .thumbnail {
    margin: 2px;
    width: 80%;
    border: 1px solid black;  
}

.youtube iframe.player {
    width: 80%;
    height: 300px;  
    overflow: auto;
    border: 0;
}
​