html, html body {
		background: transparent url('../images/background.gif');
		color: #999;
		font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
		font-size: .85em;
	}

	html em {
		font-style: italic;
	}

	html body strong {
		font-weight: bold;
		color: #aaa;
	}

	html body a {
		outline-style: none;
		color: #fff;
		text-decoration: none;
	}
	
	html body a:hover {
		text-decoration: underline;
	}
	
	html hr {
		margin: 10px 0;
		border: none;
		border-top: 1px dotted #777; 
	}
	
	h2 {
		color: #ffc200;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
	}

		h2 span {
			margin-left: 10px;
			color: #fff;
		}
		
		h2 a {
			font-size: .95em;
			margin-left: 10px;
			font-weight: normal;
			color: #c00 !important;
		}
	
	p {
		margin-bottom: 8px;
	}

	#vid_previews {
		background-color: #000;
		min-height: 200px;
	}

	.head {
		width: 960px;
		margin: 30px auto 0px auto;
		color: #eee;
		font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
	}
	
		.head .search {
			min-width: 710px;
			float: right;
		}

			.head .search button.check, .head .search .box, .head .search div {
				margin-right: 5px;
				float: left;
			}
	
			.head .search div.text {
				float: left;
				margin-top: 2px;	
			}
	
			.head .search div.plus {
				float: left;
				padding: 1px 6px 0 6px;
				color: #00f9ff;
			}

			span.plus {
				padding: 5px 6px 0 6px;
				color: #00f9ff;
			}

			.head .search button.check, .head .search button.hsearch {
				float: left;
				margin-top: 4px;
				margin-left: -24px;
				border: 0px;
				background-color: #000;
				height: 15px;
				width: 15px;
			}
	
			.head .search button.check {
				background: url('../images/button_checkbox.gif') no-repeat;
			}
	
			.head .search button.hsearch {
				background: url('../images/button_search.gif') no-repeat;
			}
		
	form label {
		display: block; 
		width: 90px;
		text-align: right;
		float: left;
		padding-right: 5px;
	}

		form label.right {
			display: inline; 
			width: auto;
			text-align: left;
			float: none;
			padding-right: 5px;
		}

		form button {
			background-color: #eee;
			border-top: #fff;
			border-left: #fff;
			border-bottom: #aaa;
			border-right: #aaa;
			padding: 2px 5px;
			margin-top: 3px;
		}
		
			form button.blue {
				background-color: #00f9ff;
			}

			form button.red {
				background-color: #c00;
			}
			
		.box {
			border: 1px solid #003e3f;
			width: 200px;
			background-color: #000;
			padding: 3px;
			margin-bottom: 2px;
			color: #ccc;
		}
	
		.navigation {
			margin-top: 13px;
			padding: 15px 0 10px 0;
			border-top: 1px dotted #777;
		}

		.head .menu ul li {
			float: left;
			background: url('../images/menu_plus.gif') no-repeat right 6px;				
			margin-left: -7px;
			margin-right: 7px;
		}
		
		.head .menu ul li:last-child, 
		.head .menu ul li.nobg, 
		.links ul li.nobg {
			background: none;
		}
			
			.head .menu ul li a {
				display: block;
				padding: 0 7px 0 7px ;
				margin-right: 7px;
				color: #cc0000;
				font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
				text-decoration: none;
			}

			.head .menu ul li a:hover {
				color: #b00;
				text-decoration: underline;
			}

		.socialmedia {
			text-align: right;
			margin-top: -3px;
		}
		
	.back, .forth, .pp {
		height: 9px;
		width: 9px;
		display: block;
		float: left;
		margin: 10px 3px 3px 3px;
	}
	
	.back {
		background: url("../images/slide_buttons.gif") no-repeat 0 0;
	}

	.forth {
		background: url("../images/slide_buttons.gif") 9px top;
	}

	.pp {
		background: url("../images/slide_buttons.gif") 18px top;
	}


		.more {
			text-align: center;
		}
		

	#qlImg {
		display: block;
		float: right;
		margin-right: 70px;
		height: 16px;
		width: 16px;
		background-image:url(/markitup/sets/html/images/picture.png); 
	}

	.content {
		width: 960px;
		margin: 0 auto;
	}

		.content .col-1_2 {
			width: 49%;
			margin-right: 1%;
			float: left;
		}
		.content .col-2_2 {
			width: 49%;
			float: left;
		}

		.content .main .featureImg, .content .main #featureImg {
			height: 261px;

		}
			.content .main .featureImg .info {
				position: absolute;
				margin-top: 200px;
				min-height: 30px;
				width: 747px;
				padding: 5px 10px 5px 10px;
				background: url("../images/bg.png");
			}

			.content .main .featureImg .info .nav {
				float: right;
				font-size: 2em;
				font-family: "lucida sans",lucida;
				color: #eee;
			}
			
			.content .main .featureImg .info .title {
				font-size: 2em;
				font-family: "lucida sans",lucida;
				color: #eee;
			}

			.content .main .featureImg .info .time {
				color: #eee;
			}

		.content .header {
			margin-top: 11px;
			padding: 4px 0 0 2px;
			border-top: 1px dotted #777;
		}
	
		.content .page_menu {
			float: left;
			width: 177px;
			margin-right: 11px;
			padding: 11px 0 0 2px;
			border-top: 1px dotted #777;
		}

		.content .main {
			float: left;
			width: 768px;
			padding: 11px 0 0 2px;
			border-top: 1px dotted #777;
		}

			.content .main h3, .wym_iframe h3 {
				font-weight: bold;
				color: #ddd;
			}

			.event_details .details .title, h1.title {
				font-size: 2em;
				font-family: "lucida sans",lucida;
				margin-top: 15px;
				color: #eee;
			}

			h1.title {
				margin-bottom: 15px;
				font-weight: bold;
			}

				h1.title span {
					color: #aaa;
					font-size: .80em;
					font-weight: normal;
				}

				.content .cmsless h2, .content .cms h2, .wym_iframe h2 { 
					text-transform: none;
					color: #eee;
					font-size: 1.5em;
					font-weight: normal;
					margin-top: 25px;
					padding-top: 5px;
					border-top: 1px dotted #777;
				}

				.content .cms.hover, .content .cmsless.hover {
					background: #000;
					margin: -6px 0 0 -6px;
					border: 1px solid #003e3f;
					padding: 5px 0px 0px 5px;
					cursor: pointer;
				}

			.content .main ol li {
				margin-left: 25px;
				list-style: decimal;
			}
			
			.content .main ul li, .wym_iframe ul li {
				margin-left: 25px;
				list-style: disc;
			}
				
				.content .main .markItUp ul li {
					margin-left: 2px;
					list-style: none;
					background-color: none;
				}

			.content .main .section-img {
				padding-bottom: 5px;
				margin-bottom: 3px;
				border-bottom: 1px dotted #777;
			}

		.content .quicklinks, .content .menu {
			margin-top: 11px;
			padding: 4px 0 0 2px;
			border-top: 1px dotted #777;
		}

		.content .quicknks h2, .content .menu h2 {
			margin-bottom: 10px;
		}
	
		.content .quicklinks ul li, .content .menu ul li {
			margin-bottom: 4px;
		}
		
		body.events .menu li#mnuEvents a,
		body.adventure .menu li#mnuAdventure a,
		body.about .menu li#mnuAbout a,
		body.support .menu li#mnuSupport a,
		body.tickets .menu li#mnuTickets a,
		body.admin .menu li#mnuAdmin a,
		body.rent .menu li#mnuRenting a
		{
			color: #fff;
		}

		body.news .content .menu.news,
		body.adventure .content .menu.adventure,
		body.rent .content .menu.rent,
		body.about .content .menu.about,
		body.support .content .menu.support,
		body.tickets .content .menu.tickets,
		body.events .content .menu.events,
		body.admin .content .menu.admin {
			display: block;
		}
		
			.menu.adventure, .menu.rent, .menu.about, .menu.support, .menu.tickets, .menu.admin, .menu.events, .menu.news {
				display: none;
			}

			body.news.index .content .menu.news li.list a, 
			body.news.details .content .menu.news li.story a, 

			body.adventure.index .content .menu.adventure li.overview a, 
			body.adventure.audience .content .menu.adventure li.audience a, 
			body.adventure.students .content .menu.adventure li.students a, 
			body.adventure.community .content .menu.adventure li.community a, 

			body.rent.index .content .menu.rent li.overview a, 
			body.rent.meetings .content .menu.rent li.meetings a, 
			body.rent.programs .content .menu.rent li.programs a, 
			body.rent.receptions .content .menu.rent li.receptions a, 
			body.rent.special .content .menu.rent li.special a, 

			body.about.index .content .menu.about li.overview a, 
			body.about.history .content .menu.about li.history a, 
			body.about.faq .content .menu.about li.faq a, 
			body.about.press .content .menu.about li.press a, 
			body.about.staff .content .menu.about li.staff a, 
			body.about.sponsors .content .menu.about li.sponsors a, 

			body.support.index .content .menu.support li.overview a, 
			body.support.donate .content .menu.support li.donate a, 
			body.support.friends .content .menu.support li.friends a, 
			body.support.involved .content .menu.support li.involved a, 

			body.tickets.index .content .menu.tickets li.office a, 
			body.tickets.parking .content .menu.tickets li.parking a, 

			body.events.coming .content .menu.events li.coming a, 
			body.events.details .content .menu.events li.details a, 
			body.cm .content .menu.admin li.cm a, 
			body.adminlist .content .menu.admin li.adminlist a {
				color: #FFF;
			}

			body .content .menu ul li a {
				color: #cc0000; /*#EC7B7B;*/
				text-transform: uppercase;
			} 


	.admin .quicklinks {
		display: none;
	}
	
	table thead th {
		padding: 2px 25px 2px 2px;
		font-weight: bold; 
		color: #eee;
	}

	table tbody td {
		border-top: 1px dotted #666;
		padding: 2px 25px 2px 2px;
		color: #ccc;
	}


	.formContainer {
		display: none;
		padding: 20px 10px;
		border: 6px solid #666;
		background-color: #111;

		width: 400px;
		margin: 0 auto;
		z-index: 10;
		position: absolute;
	}	
	
		.formContainer h1 {
			color: #eee;
			font-size: 1.05em;
			font-weight: bold;
		}
		
		.formContainer p {
			color: #eee;
			margin-bottom: 15px;
		}
		
		.formContainer .msg, .message {
			background-color: #222;
			border: 1px solid #00f9ff;
			padding: 4px;
			margin: 4px 0;
			cursor: pointer;
		}

		.formContainer #del {
			display: none;;
		}

/*		FOOTER STYLES   */		
		.footer {
			font-family: arial;
			font-size: 10px !important;

			width: 960px;
			margin: 40px auto 0 auto;
			color: #eee;
		}
		
		.contact, .eoe {
			float: left;
			margin-top: 14px;
			padding: 4px 0 0 0px;
			border-top: 1px dotted #777;
		}
		
		.contact {
			width: 557px;
			margin-right: 11px;
		}

			.contact .address {
				float: left;
				margin-right: 20px;
			}

			.contact .phone {
				float: left;
			}

				.contact label {
					padding-right: 5px;
					width: 145px;
					text-align: right;
					float: left;
				}
				.contact .number {
					float: left;
				}

		.eoe {
			width: 392px;
		}
		
			.eoe .logo {
				float: left;
				width: 80px;
			}
			
			.eoe .statement {
				float: left;
				width: 200px;
			}