/* CSS Document */

	
/* BODY */		
#contentwrapper{ width: 780px; margin: 0 auto; } 
	.cfctrailer {  padding: 0 7px; }
	.title { background-color: #FFF; margin-top:2.8em; padding:1px 3px 2px 0px;}
	#subnavcontainer{ width: 780px; padding-top: 0px; padding-left: 10px; }
	#divscroll { left:10px; top:10px; width:780px; background-color:#FFF; overflow:auto; }
		p { padding-left: 1em; padding-right: 1em; }
		.h1title { padding-right:10px; background-color:#4682B4; }
		.h2title { padding:1px 5px 1px 5px; background-color:#4682B4; color:#FFF; font-weight:bold;}
	
		h4 { font-size:18px; color:#4682B4; margin-top:-2px; margin-left:10px;  text-shadow: 1px 1px 2px #111; }
		h5 { font-size:40px; color:#4682B4; padding-left:10px; margin-bottom:-10px; text-shadow: 2px 2px 3px #111;}
		.subtitle { display: inline;  padding-top:6px; font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #4682B4; text-decoration: none; text-shadow: 1px 1px 1px #111;}
			a.subtitle:link { display: inline;  padding-top:6px; font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #4682B4; text-decoration: none; text-shadow: 1px 1px 1px #111; } 			
			a.subtitle:visited { font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #4682B4; text-decoration: none; text-shadow: 1px 1px 1px #111;}			 
			a.subtitle:hover { font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #48d1cc; text-decoration: none; text-shadow: 1px 1px 1px #111; } 		
			a.subtitle:active { font-size: 18px; font-weight: bold; letter-spacing: -1px; color: #4682B4; text-decoration: none; }
		ul.subdiv { margin-top:-0px; margin-left:-20px; }
		li.subdiv { list-style-type: none; }
	.column { text-align: left;  position: relative; float: left; width: 32%; padding: 5px 5px 5px 5px; }
	.columncustom { text-align: left;  position: relative; float: left; padding: 5px 5px 5px 5px;  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  }
	.columnr { text-align: right;  position: relative; float: left; width: 32%; padding: 5px 5px 5px 5px; }
	.columnwide { text-align: left;  position: relative; float: left; width: 60%; padding: 5px 5px 5px 10px; }
	.columnwhole { background-color:#FFF; }
	.columnwider { text-align: right;  position: relative; float: right; width: 36%; padding: 5px 5px 5px 10px; }
	.eventwrapper { width:780px; height:600px; }
	.contentdiv { margin: 0 auto; background: url(content/images/index/content_gradient.jpg) repeat-x; }
		.contentvid { padding-top:3px; padding-left:10px; background: #FFF; float:left; }
		.contenttxt { float:left; width:500px; margin-left:10px; }
		
	.dotspacer { height:3px; background: url(content/images/index/dotted_spacer.jpg) no-repeat center; margin-bottom:1em;  }
	.quote{ font-size:18px; font-style:italic; }







/* IMPROVED CSS STARS HERE ------------------------------------------------------------------------------- */

html, body{ margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333; background: url(content/images/index/main_bg_tile.jpg);  }
		a:link { text-decoration: none;  color: #4682B4; 	} 			
		a:visited { text-decoration: none;  color: #4682B4; }			 
		a:hover { text-decoration: none;  color: #036; } 		
		a:active { text-decoration: none;  color: #4682B4; }
#filmstripwrapper{ margin: 0 auto; background: url(content/images/index/main_bg2.jpg) repeat-y center top; z-index:100;} 
#gradientwrapper{ margin: 0 auto; background: url(content/images/index/main_bg.jpg) repeat-x center top fixed;} 

#mainwrapper{ width: 780px; margin: 0 auto; background: #FFF; }
.cfctrailer {  padding: 0 7px; }
.clearfix { clear:both } 
.clearfix10px { clear:both; height:20px; } 


/* HEADER */
#headerwrapper{ width: 780px; height: 200px; margin: 0 auto; background: url(content/images/index/header_bg2.jpg) no-repeat; } 
	.navcontainer{ width: 780px; padding-top: 170px; padding-left: 10px; margin:0px 0 20px 0; }
		.navitem { display: inline; list-style-type: none; height:20px; margin-left:2px;  padding-right:6px; }
		a.nav:link { display: inline;  padding-top:6px; font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #036; text-decoration: none; } 			
		a.nav:visited { font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #036; text-decoration: none; }			 
		a.nav:hover { font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #4682B4; text-decoration: none; } 		
		a.nav:active { font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #000; text-decoration: none; }
		
		a.link2:link { color:#FFF; font-weight: bold; text-shadow: 1px 1px 2px #111; padding:5px 10px; }
		a.link2:visited { color:#FFF; font-weight: bold; }
		a.link2:hover { color:#FFF; font-weight: bold; }
		a.link2:active { color:#FFF; font-weight: bold; }
		
	#pscroller2{width: 470px; height: 27px; margin-top: 3px; padding-left: 0px; float:left; }
		#pscroller2 a{text-decoration: none; }
	.ticker { font-size: 20px; color: #fff; font-weight: bold; background-color: #4682B4; padding: 0px 8px 0px 3px; text-shadow: 1px 1px 2px #111;}			

	#search {display:inline; margin: px 4px; width:290px; text-align: right; float:right;}
	
/* BODY */		
#contentwrapper{ width: 780px; margin: 0 auto; } 
	.cfctrailer {  padding: 0 7px; }
	.columnsingle { width:230px; margin:0 10px 0 10px; float:left; }
	.columndouble { width:375px; margin:0 10px 0 10px; float:left; }
	.columnwhole { width:770px; margin:0 10px 0 10px; float:left; }
		.columnevents { width:520px; float:right; }
		.columnsinglevents { width:243px; margin:0; float:left; padding-left:10px; }
	h1 { font-size:40px; color:#4682B4; padding-left:10px; margin-bottom:-10px; text-shadow: 2px 2px 3px #111; }	
	.h1title { padding-right:10px; background-color:#4682B4; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; border-top-left-radius: 10px; }
	h2 { font-size:16px; color:#fff; padding-left:10px; padding-top: 3px; padding-bottom: 3px; text-shadow: 1px 1px 2px #111; }
	h3 { font-size:24px; font-weight:bold; color:#4682B4; padding-bottom:10px;  text-shadow: 1px 1px 2px #111; margin:0px; }
	p { padding-left: 1em; padding-right: 1em; }
	img { border:none }
	ul{ padding:0px; }
	li.menu{ margin-bottom:5px; list-style-type:square; }
	
	
	/* EVENTS */
		.eventcolumnitem{ width:500px; margin:30px auto; padding-bottom:10px; border-bottom:2px dotted #666; }
		 .eventcolumnitemimg{ width:100px; height:140px; float:left; background:url(content/images/whatson/no_img.jpg) no-repeat; }
		 .eventcolumnitemheader{ max-width:380px; float:left; margin:0 0 0 10px; }
		 .boldtext { background-color:#4682B4; color:#FFF; margin:0 1em; padding:1em 1em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
		 .eventnav_title{  } 
		 	a.eventnav_item:link{ color:#333; text-decoration: none; } 
			a.eventnav_item:visited{ color:#333; text-decoration: none; } 
			a.eventnav_item:hover{ color:#4682B4; text-decoration: none; } 
			a.eventnav_item:active{ color:#333; text-decoration: none; } 
			span.raquo{ color:#4682B4; }
		
		.projectwrapper{ width:243px; margin:0 0 0 5px; float:left; }
			.projectheader{ width:243px; height:51px; background:url(content/images/index/rounded_item/bg_header.jpg) no-repeat; }
			.projectimg{ border-left:1px solid #39C;  border-right:1px solid #39C; }
			.projectdescription{ width:221px; border-left:1px solid #39C;  border-right:1px solid #39C; padding:0 10px 0 10px; }
			.projectfooter{ width:243px; height:29px; background:url(content/images/index/rounded_item/bg_footer.jpg) no-repeat; padding:5px 10px; }
			
			a.link2:link { color:#FFF; font-weight: bold; text-shadow: 1px 1px 2px #111; }
			a.link2:visited { color:#FFF; font-weight: bold; }
			a.link2:hover { color:#FFF; font-weight: bold; }
			a.link2:active { color:#FFF; font-weight: bold; }
			
	
	
	/* TWITTER */
		#twitter_update_list {  width:145px; margin:0 0 0px 0px; padding:10px; border:1px solid #666; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; float:left; }
		#twitter_update_list li { list-style-type: none; margin-bottom:10px; border-bottom: 1px dotted #666; }
		#twitter_update_list span { font-size:.8em; }
		.twitterfollow{ font-size:10px; margin: 0 0 0 120px; }
		.twitbird{ width:60px; height:29px; margin:0px; padding:0px; float:left; background:url(content/images/index/twitter.jpg) no-repeat; }
	
	
	
/* FOOTER */
#footerwrapperbig{ position: relative; margin: 0 0; height: 200px; background:url(content/images/index/footer_big_bg.jpg) repeat-x center top;  }
	#footercontent { width:600px; margin:0 auto; height:180px; padding:10px 0 10px 0; overflow:hidden; }
	.footercolumn { width:180px; border-right:1px dashed #333; height:180px; float:left; padding:0 10px 0 10px; }
	.footercolumnend { width:180px; height:180px; float:left; padding:0 0 0 10px; }
		h6{ font-size:1em; color:#fff; margin:0px 0 5px 0px; text-shadow: 1px 1px 2px #111; }
		.footer ul{ padding:0 0 0 0px; margin:0 0 0 0px; }
		.footertitle li{ font-size:.8em; list-style-type: none; margin:0 0 5px 0;  }
		.footer li{ font-size:.8em; list-style-type: none; margin:0 0 5px 0;  }
		
		a.footer:link { text-decoration: none;  color: #333; 	} 			
		a.footer:visited { text-decoration: none;  color: #333;}			 
		a.footer:hover { text-decoration: none;  color: #FFF; } 		
		a.footer:active { text-decoration: none;  color: #333; }
		
		a.footertitlelink:link { text-decoration: none;  color: #FFF; }
		a.footertitlelink:visited { text-decoration: none;  color: #FFF;}			 
		a.footertitlelink:hover { text-decoration: none;  color: #FFF; } 		
		a.footertitlelink:active { text-decoration: none;  color: #FFF; }