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

html {width: 100%; height: 100%;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


#ucmobbanner {position: absolute; left: 0px; top:0px; width: 161px; height: 161px;
}

.rockrave {
 margin-top:20px;
}

#countbox1 {
	font-family: 'BebasNeueRegular', impact, sans-serif;
	font-size:6em;
	color:#000;
	text-align:center;
	
   text-shadow: 0px 4px 21px rgba(0, 0, 0, 0.75);
    -moz-text-shadow: 0px 4px 21px rgba(0, 0, 0, 0.75);
    -webkit-text-shadow: 0px 4px 21px rgba(0, 0, 0, 0.75);
}

.bg {position: relative; margin: 0 auto 0 auto; height: 1950px; width: 840px; background-color:#fff;
}

body{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-image: url(images/bg.gif);
	background-color: #fff;
	background-attachment: none;
	background-position:top center;
	background-repeat:;
	margin-top: 0px;
	margin-left: 0px;
}

a:link {
	color: cccccc;
}
a:visited {
	color: #CCCCCC;
}
a:hover {
	color: #3399FF;
}
p {padding: 0, 5, 0, 5;}
h1 {
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.header {position: relative; margin: 0 auto; top: 20px; width: 710px; height: 596px; background-color:
	
}
.links {margin: 20px auto 13px; width: 710px; height: 35px;
}

#video {
	margin:20px auto;
	margin-bottom:20px;
	text-align: center;

}

.video {
    width: 710px;
    min-width: 391px;
    min-height: 130px;
    margin: auto;
    background: #ccc;
    border: 5px solid white;
    position:relative;
   box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.75);
}

.content {position: relative; top: 8px; margin: 0px auto; width: 710px; height: auto;}
	.about {
	position: absolute;
	top: 0px;
	left:0px;
	width: 480px;
	height: 290px;
	background-color:#FFFFFF;
	vertical-align: top;
	display: block;
}
	.contact {position: absolute; top: 0px; left:493px; width: 217px; height: 180px; background-color:#FFFFFF;}
	
	.news {position: absolute; top: 270px; left:0px; width: 480px; height: 300px; background-color:#FFFFFF;}
	.nextevent {position: absolute; top: 180px; left:493px; width: 217px; height: 390px; background-color: #FFFFFF;}
		.nextevent_img {border:dashed 4px; color: #0099FF; position:relative;
   box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.75);}
		
	.flickr {position: absolute; top: 570px; left:0px; width: 710px; height: 150px; background-color:#FFFFFF;}


.footer {position: relative; margin: 0 auto 0 auto; top: 730px;
} 

/*
Images are wrapped in divs classed "flickr_badge_image" with ids "flickr_badge_imageX" where "X" is an integer specifying ordinal position. Below are some styles to get you started!
*/
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid #cccccc !important;}
#flickr_icon_td {padding:0 0 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}