html
	{
	height:100%;
	margin: 0px;
	padding: 0px;
	}
body
	{
	width:100%;
	height:100%;
	font-size:70%;
	font-family: Arial, Helvetica, sans-serif;
	background: #000;
	padding:0 0 20px 0;
	}
img
	{
	border:0px;
	}
* 
	{
	padding: 0;
	margin: 0;
	}
h1 {	
	font:normal 2.2em Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color:#34a6a7;
	}
h2 {
	font:normal 1.7em Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color:#34a6a7;
	}
h3 {
	font:normal 1.4em Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color:#34a6a7;
	}
h4 {
	font:bold 1.1em Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color:#991f67;
	}
p {
	font:normal 1.2em Arial, Helvetica, sans-serif;
	letter-spacing:0.04em;
	line-height:1.6em;
	color:#FFF;
	}
li {
	line-height:2em;
	font:normal 1em Arial, Helvetica, sans-serif;
	}
p a {
	color: #34a6a7;
	text-decoration: underline;
	}
p a:hover {
	color: #000;
	text-decoration:underline;
	}
#skip-navigation {
	position:absolute;
	left:-9999em;
	}
a#skip-navigation:focus, 
a#skip-navigation:active {
	left:0; top:0;
	}	
#container {
	clear:both;
	margin:0 auto 0 auto;
	position:relative;
	overflow:hidden;
	width:auto;
	height:auto;
	padding:0 0 0 0;
	z-index:1;
	}	
#container2 {
	clear:both;
	margin:0 auto 0 auto;
	position:relative;
	overflow:hidden;
	width:960px;
	height:auto;
	padding:0 0 0 0;
	z-index:2;
	}	

#dub-banner { position:absolute; top:0; left:0; overflow:hidden; width:100%; text-align:center; height:450px;  margin:0 auto 0 auto; z-index:0;}
#slideshow2 { position:relative; margin:auto; width:1200px; }	
	
/* HEADER
---------------------------------------------------------------------- */

#header {
	margin:auto;
	position:relative;
	overflow:hidden;
	width:960px;
	height:auto;
	padding:0 0 0 0;
	z-index:0;
	}
#logo {		
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:324px;
	margin:20px 0 0 0;
	background:url(../img/logo.png) left top no-repeat;
	z-index:0;
	}
#logo a {	
	display:block;
	cursor:pointer;
	width:300px;
	height:324px;
	}
#logo a:hover {	
	}	
#newsletter {	
	position:relative;
	overflow:hidden;
	float:right;
	width:auto;
	height:auto;
	padding:5px 10px 5px 10px;
	text-align:left;
	z-index:100;	
	background:#000;
	}
#contentWrapper {
	margin:0 auto 0 auto;
	position:relative;
	overflow:hidden;
	width:960px;
	height:auto;	
	padding:0 0 1em 0;
	z-index:0;	
	}
	
/* NAVIGATION
---------------------------------------------------------------------- */


/* CONTENT
---------------------------------------------------------------------- */
#content-index-wrap {
	float:left;
	margin:0 0 20px 0;
	
	position:relative;
	width:640px;
	height:auto;
	padding:;
	z-index:10;
	}
#content-index {
	float:left;
	margin:0 0 20px 0;
	
	position:relative;
	width:558px;
	height:auto;
	padding:20px 40px 20px 40px;
	z-index:10;
	border:1px solid #444;
	background:#000;	}
#content-main {
	clear:both;
	float:left;	
	position:relative;
	width:54%;
	height:auto;
	padding:5%;
	z-index:10;
	background:#000;
	}
#content-full {
	clear:both;	
	position:relative;
	width:auto;
	height:auto;
	padding:20px 0 0 0;
	z-index:10;
	margin:10px 0 0 0;
	background:#000;
	}
#content-full p {
	color:#FFF;
	}
#content-black {
	clear:both;	
	position:relative;
	width:auto;
	height:auto;
	padding:20px 0 0 0;
	z-index:10;
	margin:10px 0 0 0;
	background:black;
	}
#content-black p {
	color:#FFF;
	}
#content-news {
	clear:both;	
	position:relative;
	width:960px;
	height:auto;
	padding:20px 0 0 0;
	z-index:10;
	margin:10px 0 0 0;
	background:black;
	}
#content-news p {
	color:#FFF;
	}
#content-events {
	clear:both;	
	position:relative;
	overflow:hidden;
	width:960px;
	height:auto;
	padding:30px 0 0 0;
	z-index:10;
	margin:10px 0 0 0;
	background:black;
	}
#content-black p {
	color:#FFF;
	}
#content-projects {
	position:relative;
	overflow:hidden;
	width:968px;
	height:auto;
	padding:30px 0 50px 0;
	z-index:10;
	margin:10px 0 0 0;
	background:#000;
	}
#content-projects p {
	color:#FFF;
	}
#content-left {	
	position:relative;
	overflow:hidden;
	float:left;
	width:300px;
	height:auto;
	padding:0 0 0 0;
	margin:0 20px 0 0;
	}
#content-right {	
	position:relative;
	overflow:hidden;
	float:left;
	width:300px;
	height:auto;
	padding:0;
	}
#vidWrap {
	clear:both;
	margin:20px 0 0 0;
	overflow:hidden;
	position:relative;
	width:598px;
	height:auto;
	padding:20px;
	z-index:10;
	border:1px solid #444;
	}
.indexVid1 {
	position:relative;
	border:1px solid #444;
	width:350px;
	height:213px;
	margin:0 0 20px 0;
	z-index:10;
	}
.indexVid2 {
	position:relative;
	border:1px solid #444;
	width:350px;
	height:213px;
	margin:0 0 20px 0;
	z-index:10;
	}
#facebook {
	position:relative;
	overflow:hidden;
	padding:10px;
	width:auto;
	height:auto;
	margin:0 0 0 0;
	border:1px solid #444;
	list-style:none;
	}
	
/* TABS
---------------------------------------------------------------------- */

#featured {
	clear:both;
	position:relative;
	height:auto;
	margin:0 0 0 0;
	z-index:2000;
	}
.tabs-nav {
	height:auto;
	margin:0;
	padding:0;
	bottom:-1px;
	list-style:none;
	position:relative;
	z-index:2000;
	}
.tabs-nav li {
	float:left;
	margin:0;
	padding:0;
	}
.tabs-nav li a {
	float:left;
	width:146px;
	text-align:center;
	padding:0.8em 0 0.8em 0;
	text-decoration:none;
	font:bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #444;
	border-bottom:0;
	outline:none;
	margin:0 2px 0 0;
	color:#FFF;
	background: #333;
	-webkit-transition:all 0.5s linear;
	z-index:10;
	behavior: url(../PIE.php);
	}
.tabs-nav li a:hover {
	color:#000;
	background:#FFF;
	}
.tabs-nav li.tabs-selected a {
	color:#34a6a7;
	position:relative;
	background:#000;
	padding:0.8em 0 0.8em 0;
	outline:none;
	z-index:10;
	behavior: url(../PIE.php);
	}
.tabs-body {
	clear:both;
	overflow:hidden;
	text-align:left;
	border:1px solid #444;
	width:auto;
	height:350px;
	margin:0 0 20px 0;
	padding:1em 1em 0 1em;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #000,  #333); /* for firefox 3.6+ */
	transition: height .5s;
	-moz-transition: height .5s;
	-webkit-transition: height .5s; 
	z-index:100;
	}
.tabs-body div.tabs-panel {
	padding:0;
	overflow:hidden;
	display:none;
	}
.tabs-body div.tabs-panel-selected {
	display:block;
	}
/* LATEST NEWS
---------------------------------------------------------------------- */

#latest-news {
	float:left;
	position:relative;
	overflow:hidden;
	width:auto;
	height:auto;
	margin:0 20px 10px 0;
	}
#latest-news li {
	list-style:none;
	}

#latest-news ul {
	float:left;
	margin:10px 0 0 0;
	}
#latest-news h1 {
	margin:10px 0 10px 0;
	}
.latestNewsItem h2 {
	margin:0 0 10px 0;
	font-size:1.3em;
	color:#FFF;
	}
.latestNewsItem p {
	clear:both;
	padding:10px 0 0 0;
	}
.latestNewsItem {
	position:relative;
	overflow:hidden;
	width:auto;	
	margin:0 1em 10px 0;	
	}
.latestNewsItem img {
	float:left;
	margin:0 10px 0 0;	
	}
.latestNewsItem .latestNewsContent img {
	position:absolute;
	overflow:hidden;
	width:50px;
	height:auto;
	display:none;
	}
.latestNewsItem a {
	display:block;
	cursor:pointer;
	width:auto;
	height:auto;
	color:#FFF;
	padding:0 0 10px 0;
	border-bottom:4px dotted #FFF;
	text-decoration:none;
	}
.latestNewsItem a:hover, .newsItem a:focus {
	color:#34a6a7;
	
	text-decoration:none;
	}
.latestNewsItem strong {
	font-size:0.9em;
	color:#34a6a7;
	text-decoration:underline;
	}
.latestNewsItem strong:hover {
	color:#FFF;
	}
/* INDEX LAYOUT
---------------------------------------------------------------------- */


#promo-banner {
	 position:relative;
	overflow:hidden;
	width:560px;
	height:250px;
	padding:0 0 0 0;
	margin:0 0 20px 0;
	border:1px solid #444;
	z-index:9999;
	}
#slideshow {
    position:relative;
	margin:auto;
	width:720px;
    height:250px;
	z-index:9999;
	}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8000;
	}
#slideshow IMG.active {
    z-index:10000;
	}
#slideshow IMG.last-active {
    z-index:9000;
	}
#twitterBox {
	margin:0 0 10px 0;
	position:relative;
	overflow:hidden;
	width:618px;
	height:auto;
	padding:5px 10px 5px 10px;
	z-index:10;
	border:1px solid #444;
	background:#000;
	z-index:10;
	}
#twitterWrap {
	float:left;
	position:relative;
	overflow:hidden;
	height:auto;
	width:350px;
	}
.tweet {
	float:left;
	position:relative;
	overflow:hidden;
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:350px;
	height:auto;
	z-index:10;
	}
.tweet a {
	display:block;
	cursor:pointer;
	width:auto;
	height:auto;
	padding:5px;
	text-decoration:none;
	color:#FFF;
	background:#000;
	opacity:0.8;
	}	
.tweet a:hover {
	text-decoration:none;
	color:#34a6a7;
	}
.follow  {
	float:right;
	overflow:hidden;
	height:auto;
	width:auto;
	padding:0;	
	text-decoration:none;	
	}
.follow a {
	float:right;
	display:block;
	overflow:hidden;
	height:auto;
	width:210px;
	padding:8px 5px 8px 5px;
	color:#FFF;
	background: url(../img/twitter.png) right no-repeat #34a6a7;
	z-index:100;
	text-decoration:none;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	}
	}
.follow a:hover {
	color:#000;
	background: url(../img/twitter.png) right no-repeat #EEE;
	z-index:100;
	}
ul#links {
	margin:0 0 10px 0;
	position:relative;
	overflow:hidden;
	width:auto;
	height:auto;
	padding:5px 10px 5px 10px;
	z-index:10;
	border:1px solid #444;
	background:#000;
	}
ul#links li {	
	margin:0 0 10px 0;
	}
	
/* FOOTER
---------------------------------------------------------------------- */

#footerWrap {
	overflow:hidden;
	position:relative;
	width:auto;
	height:auto;
	padding:0;
	margin:0 auto 30px auto;
	z-index:0;
	}
ul#footer {
	overflow:hidden;
	position:relative;
	width:960px;
	padding:20px 0 30px 0;
	margin:0 auto 20px auto;
	z-index:10;
	text-align:right;
	}
ul#footer li {
	color:#666;
	list-style:none;
	}
ul#footer li a {
	cursor:pointer;
	color:#FF6600;
	font:normal 1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
ul#footer li a:hover {
	color:#EEE;
	background:#000;
	}