/* --- General Layout--- */		

#content .item {width:525px;margin:10px 5px 50px 15px;}

/*--Homepage items--*/
#homepage .homeitem {display:block;width:525px;height:120px;padding-bottom:2px;margin:10px 5px 30px 15px;border-bottom:1px solid #B4B4AA;}
#homepage p {font: 10px/14px Verdana, Arial, Helvetica, sans-serif;margin:0px 0px 15px 0px;}
#homepage a:link { color: #CC3300; font-weight:bold; text-decoration:underline; border: 0px none;}
#homepage a:active { color:#CC0000; text-decoration: none; border: 0px none;}
#homepage a:visited { color: #CC3300; text-decoration:underline; border: 0px none;}
#homepage a:hover { color: #CC0000; text-decoration: none; border: 0px none;}
#homepage h4 { font-family: Georgia, "Times New Roman", Times, serif; margin:15px 0px 15px 15px; padding:0; display:block; font-size: 20px; }
/*--Promo Boxes--*/
#promo .promoitem {display:block;width:525px;height:120px;padding-bottom:2px;margin:10px 5px 15px 15px;border-bottom:1px dotted #333333;}
/*--#promo p {font: 10px/14px Verdana, Arial, Helvetica, sans-serif;margin:0px 0px 15px 0px;}--*/
#promo p {font: 10px/16px Verdana, Arial, Helvetica, sans-serif;}
#promo a:link { color: #CC3300; text-decoration:underline; border: 0px none;}
#promo a:active { color:#CC0000; text-decoration: none; border: 0px none;}
#promo a:visited { color: #CC3300; text-decoration:underline; border: 0px none;}
#promo a:hover { color: #CC0000; text-decoration: none; border: 0px none;}
/*--Homepage boxes--*/
#boxes {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color:#666666;font-style: normal;font-weight: normal;text-align: left;line-height: 15px;}
#boxes a:link{color: #CC3300; text-decoration:underline; border: 0px none;}
#boxes a:active { color:#CC0000; text-decoration: none; border: 0px none;}
#boxes a:visited{ color: #CC3300; text-decoration:underline; border: 0px none;}
#boxes a:hover{ color: #CC0000; text-decoration: none; border: 0px none; }
#boxes h1 {font-size:12px; margin:0px 0px 0px 0px; padding:0; display:block;}
#boxes p   {margin:0px 0px 0px 0px;}
.pad5 {margin:5px 5px 5px 5px;}
.pad10 {margin:5px 10px 5px 10px;}
/*--Upcoming Events Boxes--*/
#upcoming_events {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color:#666666;font-style: normal;font-weight: normal;text-align: left;line-height: 15px;}
#upcoming_events a:link{color: #CC3300; font-weight:bold; text-decoration:underline; border: 0px none;}
#upcoming_events a:active { color:#CC0000; text-decoration: none; border: 0px none;}
#upcoming_events a:visited{ color: #CC3300; text-decoration:underline; border: 0px none;}
#upcoming_events a:hover{ color: #CC0000; text-decoration: none; border: 0px none; }
/*--Community Showcase--*/
#community h1 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;}
#community td {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9px;}
/*--END--*/


/*This deals with the Performances at a glance event calendar section*/
#content .showcopy {font: 10px/14px Verdana, Arial, Helvetica, sans-serif;}
.showimgfloatR {width:200px;font: 10px/14px Verdana, Arial, Helvetica, sans-serif;float: right;margin: 0 0 10px 10px;}
#media_buttons {margin-top:10px;}
#content .showitem {width:525px;height:auto;margin:25px 5px 75px 15px;}
/*Sponsors logo float*/
#content .seriesfloat {font: 10px/14px Verdana, Arial, Helvetica, sans-serif;float: left;margin: 0px 10px 10px 0px;}
/*Buy ticket spacing*/
.topSpace {margin:0px 0px 10px 0px;}
.sponsors {padding:15px 0px 0px 0px;}
/*--END--*/


/*DISPLAY SHOW TIME SCHEDULE*/
/*Head*/
#show_time_view thead td { font-weight: bold; color:#000000; font-size:10px;}
#show_time_view thead td a:link {color: #000000;}
#show_time_view thead td a:visited {color: #000000;}
#show_time_view thead td a:hover {color: #000000;}
#show_time_view thead td a:active {color: #000000;}

/*General*/
#show_time_view td { padding: 0px 12px 0px 4px; color:#333333; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size: 10px; line-height: 20px; border-top: #ddd; border-width: 1px 0px 0px 0px; border-style: solid none none none; }
/*#event_cal_view td { padding: 0px 12px 0px 4px; color:#333333; font-family:"Arial", Helvetica, sans-serif; font-size: 12px; line-height: 20px; border-bottom: #ddd; border-width: 0px 0px 1px 0px; border-style: none none solid none; }*/
#show_time_view td.noline{border: 0;text-align:left;}
#show_time_view td.noliner{border: 0;text-align:right;}
#show_time_view .odd_row { background-color:#CCCCCC; }
#show_time_view .even_row { background-color:#F3F3F3; }
/*END DISPLAY SHOW TIME SCHEDULE*/

/*--Footer includes--*/
.footer {font-size:9px;font-weight:bold;color:#FFFFFF;margin:0;}
.footernorm {font-size:11px;color:#999999;}
.footer a:link { color: #FFFFFF; text-decoration: none; border: 0px none; }
.footer a:active { color: #FFFFFF; text-decoration: none; border: 0px none; }
.footer a:visited { color: #FFFFFF; text-decoration: none; border: 0px none; }
.footer a:hover { color: #FFFFFF; text-decoration: none; border: 0px none; }
#smlinfo {background-color:#ffffff;font-size:10px;color:#999999;margin:0;padding:12px 10px;}
/*--END--*/
	
	
	

/* --- General CSS --- */
body {font: 11px/18px Verdana, Arial, Helvetica, sans-serif; color: #666666; margin:0; background-image: url(/images/bck/main_bck.gif);background-repeat: repeat;background-position: left top;}
p {margin:0px 0px 15px 0px;}
img {border: 0px none;}

/* Links */
a:link{ color:#0033FF; text-decoration: underline;}
a:active { color: #0033FF; text-decoration: none;}
a:visited{ color: #0033FF; text-decoration: underline;}
a:hover{ color:#FF0000; text-decoration: none;}

/* Headings */
h1, h2, h3, h4 { font-family: "Verdana", Arial, Helvetica, sans-serif; margin:0; padding:0; display:block;}
h1 { font-size: 14px; }
h2{ font-size: 13px; }
h3{ font-size: 19px; }
.lacquote{color: #9D3D97;display: block;font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-style: italic;font-weight: bold;margin: 0;padding: 0;}

/* photo gallery */
.annotation {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
line-height:12px;
padding-bottom:0px;
margin-bottom:0px;
}

.annotation strong {
font-weight:bold;
font-size:12px;
color:#000000;
}

table .photo_gallery_wrapper {
margin-bottom:0px;
margin-top:-25px;
padding-top:0px;
}


/* Corporate Colours  */
.lacred {color:#ED182E;}
.lacorange {color:#FAAB54;}
.lacpurple {color:#9D3D97;}

/* General Colours  */
.darkred { color:#8e0000;}
.medred {color:#A31010;}
.lightred {color:#C43131;}
.darkorange {color:#FF6600;}
.medorange {color:#A95A03;}
.lightorange {color:#D384SD;}
.darkpurple {color:#3D0037;}
.medpurple {color:#6AOA64;}
.lightpurple {color:#9D3D97;}
.darkgreen {color:#36361F;}
.medgreen {color:#63634C;}
.lightgreen {color:#96967F;}
.darkblue{color:#3B4A58;}
.medblue{color:#8C9BA9;}
.lightblue {color:#BFCEDC;}
.black {color:#000000;}

/* IMAGE FLOATS */
.imgFloatL {float:left;margin:1px 8px 8px 0px;}
.imgFloatR {float:right;margin:1px 0px 8px 8px;}

/* Section Headers */
.headitem {display:block;width:525px;padding-bottom:2px;margin:10px 5px 15px 15px;border-bottom:1px solid #B4B4AA;}
.cal_heading {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; color:#000000;}
/*Courses Camps, scheudle copy*/
.sch_table {font: 10px/18px Geneva, Verdana, Arial, Helvetica, sans-serif; color: #333333; }


/*Image link removal*/
.no_border a:link { border: 0px none; }

/*DISPLAY COURSES AND CAMPS TIMES ON PUBLIC SIDE*/
#cc_time td { padding: 2px 12px 2px 4px; color:#333333; font-family:"Arial", Helvetica, sans-serif; font-size: 11px; line-height: 20px; border-top: #ddd; border-width: 1px 0px 0px 0px; border-style: solid none none none; }
.cc_time_date {background-color:#F9F9E7;}


/* Side Link Styling */
.side_links {
	margin-bottom:20px;
	padding:10px 10px 0px 10px;
	font-family:Arial;
	line-height:15px;
}

.side_links ul {
	list-style:none;
	margin:0px 0px 2px 0px;
	padding:0px 0px 2px 0px;

}

.side_links li {
	list-style:none;
	margin:0px;
	padding:0px;
}

.side_links h1 {
	font-size:14px;
	font-weight:bold;
	color:red;
}


.side_links h2 {
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #cccccc;
	margin-top:4px;
	padding-top:4px;
}

.side_links a {
	text-decoration:none;
	color:#666666;
}

.side_links a:hover {
	text-decoration:none;
	color:red;
}

.side_links h2 a {
	color:black;
	text-decoration:none;
}

.side_links h2 a:hover{
	color:red;
	text-decoration:none;
}

/*** 
CSS MENU AT THE TOP
***/
	
	.menu_wrapper {
	width:750px;
	background-image: url(/images/css_menu/menu_bck.gif);
	background-repeat: repeat-x;
	height:30px;
}

ul.nav,
.nav ul li strong{
	color:black;
	
}
	ul.nav,
	.nav ul{
	/*Remove all spacings from the list items*/
		margin: 0;
		padding: 0px;
		cursor: default;
		list-style-type: none;
		display: inline;
		font-family:Arial;
		font-size:13px;
	}

	ul.nav{
		display: table;
	}
	ul.nav>li{
		display: table-cell;
		position: relative;
		padding: 4px 6px;
	}


/*	ul.nav>li:hover{
		padding-right: 1px;
	} [*]*/

	ul.nav li>ul{
	/*Make the sub list items invisible*/
		display: none;
		position: absolute;
		max-width: 40ex;
		margin-left: -6px;
		margin-top: 2px;
	}

	ul.nav li:hover>ul{
	/*When hovered, make them appear*/
		display : block;
	}

	.nav ul li a{
	/*Make the hyperlinks as a block element, sort of a hover effect*/
		display: block;
		padding: 2px 10px;
	}

	/*** Menu colors (customizable) ***/

	/*ul.nav,
	.nav ul, */
	.nav ul li a{
		background-color: #fff;
		color: black;
		padding:5px;
		border-bottom:1px solid #cccccc;
	}


	ul.nav li:hover,
	.nav ul li a:hover{
		background-color: #FF7F00;
		color: #fff;
	}

	ul.nav li:active,
	.nav ul li a:active{
		background-color: #036;
		color: #fff;
	}

	ul.nav,
	.nav ul{
		/*border: 1px solid #369;*/
	}

	.nav a{
		text-decoration: none;
	}


#short-list-events {
}

.short-list-event {
	line-height:1.4em;
	font-family:Arial;
}

.short-list-event h1 {
	font-family:Arial;
	color:black;
	font-size:12px;
}


.in-rotation td {
/*	border-left:1px solid #cccccc; */
	padding:10px;
}


#chromemenu {

}

.chromestyle{
width: 749px;
font-weight: bold;
}

/*Add margin between menu and rest of content in Firefox*/
/*
.chromestyle:after{ 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
*/

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background-color:#01075A;
/*background: url(/menu/chromebg.gif) center center repeat-x;  THEME CHANGE HERE*/ 
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: white;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid black;
}

.chromestyle ul li a:link 			{ color: white; text-decoration:none;}
.chromestyle ul li a:active 		{ color: white; text-decoration:none;}
.chromestyle ul li a:visited 		{ color: white; text-decoration:none;}

.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:link 		{ color: black; text-decoration:none;}
.dropmenudiv a:active 		{ color: black; text-decoration:none;}
.dropmenudiv a:visited 		{ color: black; text-decoration:none;}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #999999;
color:white;
}

.sideMenu {
	border-right:1px solid #cccccc;
}

.sideMenu a:link 		{ color: black; text-decoration:none;}
.sideMenu a:active 		{ color: black; text-decoration:none;}
.sideMenu a:visited 		{ color: black; text-decoration:none;}

#promo table tr .heading11 p {
	color: #000;
}
#promo table tr .heading11 table tr .heading11 {
	color: #000;
}
#promo table tr .heading11 p .homeitem {
	color: #000;
}
#promo table tr .heading11 table tr .heading11 {
	color: #FFF;
}
BLUE BOLD {
	color: #000040;
}
#promo table tr .heading11 table tr .heading11 .heading111 {
	color: #000;
}
#promo table tr .heading11 p {
	color: #FFF;
}
#promo table tr .heading11 p .homeitem1 {
	color: #FFF;
}
#promo table tr .heading11 p .homeitem {
	color: #FFF;
}
#promo table tr .heading11 table tr .heading11 .heading111 {
	color: #FFF;
}
#promo table tr .heading11 p a {
	color: #FFF;
}
table tr .heading11 p .homeitem {
	color: #FFF;
}
#promo table tr .heading11 table tr .heading11 .heading11 {
	color: #FFF;
}
duality {
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #DBE168;
}
#promo table tr .heading11 table tr .heading11 .heading11 {
	color: #FFF;
}
#promo table tr .heading11 table tr .heading11 .darkpurple {
	color: #FFF;
}
#promo table duality {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #D2CE33;
}
.duality {
	color: #D2D953;
}