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

body {
	text-align: center;
	background-color: #000018;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #fff;
	margin: 0 0 20px 0;
}

#container {
	clear: both;
	width: 940px;
	text-align: left;
	margin: 0 auto;
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
	border-bottom: 5px solid #fff;
	background: #141434 url(../../images/page_bground.jpg) no-repeat top center;
}

img {
	border: none;
}

	img.logos {
		float: right;
		padding: 0 0 5px 5px;
	}

.clear {
	clear: both;
}

/***  Header ***/
/***************/

#header {
	height: 140px;
	overflow: auto;
	background: url(../../images/tag.jpg) no-repeat 439px 75px;
}

	#header img {
		float: left;
		margin: 34px 0 0 43px;
	}
	
/** Text Resize Buttons **/	
#text-resize {
	float: right;
	margin-right: 20px;
}

#text-resize a {
	color: #fff;
}

.size-1 {
	font-weight:bold;
}
.size-2 {
	font-size: 1.5em;
	font-weight:bold;
}
.size-3 {
	font-size: 2em;
	font-weight:bold;
}

/** Text Resize Buttons End **/	
	
#nav {
	width: 940px;
	background: #00051D url(../../images/menu_bground.jpg) no-repeat top left;
	border-bottom: 1px solid #fff;
	float: left;
}

/***  Content ***/
/****************/

#content {
	width: 864px;
	float: left;
	padding: 50px 38px 0 38px;
	margin-bottom: 55px;
}


#left-col {
	width: 400px;
	min-height: 400px;
	float: left;
	vertical-align: top;
}

.gallery #left-col {
	display: none;
}

	#left-col img {
		border: 4px solid #fff;
	}
	
#left-col p {
	width: 245px;
	line-height: 1.55em;
	font-size: 0.73em;
}

#right-col {
	width: 464px;
	/*min-height: 400px;*/
	float: right;
	background: #020318 url(../../images/text_bground.jpg) no-repeat 0 92px;
}


	.gallery #right-col {
		width: 864px;
		background-color: #020318;
		background-image: none;
		padding-bottom: 10px;
	}


#heading-container {
	min-height: 92px;
	background: #008594 url(../../images/heading_bground.jpg) repeat-x top;
	overflow: hidden;
}

#copy-container {
	padding: 15px 20px 0 20px;
}

	#right-col h1 {
		font: 1.25em normal Verdana, Arial, Helvetica, sans-serif;
		padding: 18px 20px 20px 20px;
		margin: 0;
		line-height: 1.3em;
	}
	
	#right-col h2 {
		font: 1.1em normal Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		border-top: 1px solid #00ABBC;
		border-bottom: 1px solid #00ABBC;
		margin: 20px 0 15px 0;
		padding: 4px 0 7px 0;
	}
	
	#right-col h3 {
		font: 1em Verdana, Arial, Helvetica, sans-serif;
		margin: 20px 0 15px 0;
		padding: 0;
		/*color: #00ABBC;*/
		text-transform: uppercase;
	}
	
		#right-col h3 a {
			color: #fff;
			text-decoration: none;
		}
		
		#right-col h3 a:hover {
			text-decoration: underline;
		}
	
	#right-col p.intro, .blue, #right-col h3 a:hover, #right-col a, #left-col a, #left-col p.intro  {
		color: #7DF2FF;
	}
	
	#right-col p {
		font-size: 0.73em;
		line-height: 1.55em;
		padding: 0;
		margin: 0 0 10px 0;
	}
	
	#right-col p.spaced {
		margin: 0 0 20px 0;
	}
	
		#right-col p.momentum {
			background: url(../../images/momentum_reverse.gif) no-repeat left top;
			padding-left: 120px;
		}
		
		#right-col p.creative-arts {
			background: url(../../images/creative_arts_east_reverse.gif) no-repeat left top;
			padding-left: 120px;
		}
		
		#right-col p.theatre {
			background: url(../../images/theatre_resource_reverse.gif) no-repeat left top;
			padding-left: 120px;
		}
	
	#right-col ul, #left-col ul {
		list-style-type: none;
		font-size: 0.8em;
		margin: 0 0 15px 0;
		padding: 0;
	}

	#left-col ul {
		width: 245px;
	}
	
	#right-col li, #left-col li {
		margin: 0;
		padding: 0 0 0 12px;
		background: url(../../images/bullet_list.gif) no-repeat 0 0.65em;
	}
	
	#left-col li {
		line-height: 1.5em;
	}
	
	#right-col ol.abc {
		list-style-type: lower-alpha;
		font-size: 0.8em;
		margin: 0 0 15px 25px;
		padding: 0;
		
	}
	
	#right-col ol.abc li {
		margin: 0;
		padding: 0;
		background-image: none;
	}
	
#arrow-container {
	text-align: right;
	height: 35px;
	/*background-color: #FF00FF;*/
}

#home-images-small {
	width: 864px;
	float: left;
	margin: 0 38px 55px 38px;
}

	#home-images-small img {
		float: left;
		border: 4px solid #fff;
		margin-right: 58px;
	}
	
		#home-images-small img.last {
			margin-right: 0;
		}

/***  Footer ***/
/***************/

#footer {
	width: 950px;
	margin: 20px auto 0 auto;
	font-size: 0.7em;
	overflow: hidden;
	text-align: left;
}

	#footer ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#footer li {
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#footer li.bottom, #footer li a {
		color: #325378;
		font-size: 0.95em;
		text-decoration: none;
	}
	
		#footer li a.design {
			/*color: #3F6794;*/
			text-decoration: underline;
		}

	#footer div.left {
		width: 432px;
		float: left;
	}
	
	#footer div.right {
		width: 431px;
		float: right;
		padding: 0 33px;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;
	}
	
	
/*** Forms ***/

form {
	margin: 0;
	padding: 0;
}

fieldset, fieldset.contact {
	border: none;
	margin: 0;
	padding: 0;
}

fieldset.login {
	border: none;
	margin: 0;
	padding: 10px;
	background-color: #008594;
}

	fieldset.contact legend, fieldset.login legend {
		display: none;
	}
	
	fieldset.contact p {
		width: 424px;
		float: left;
	}
		
		fieldset.login p {
			width: 404px;
			float: left;
		}
	
	fieldset.contact input, fieldset.contact textarea, fieldset.login input {
		width: 200px;
		float: right;
		border: none;
	}
	
		fieldset.login input {
			border: 1px solid #008594;
		}
	
	fieldset.contact textarea {
		height: 80px;
	}
	
label {
	width: 200px;
	float: left;
}

fieldset.login label {
	width: 170px;
	float: left;
}

input.submit {
	margin-top: 15px;
}

div.button-container {
	clear: both;
	text-align: right;
	overflow: hidden;
	margin: 20px 0;
	padding: 10px 0 0 0;
}

#right-col #genre-nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
	background-image: none;
}

#right-col #genre-nav ul {
	list-style-type: none;
}