/* -- Main layout styles -- */
body {

	margin: 1em 1em 1em 1em;

	padding: 0px;
	
	font-family: verdana, sans-serif;

	font-size: 1em;

	/* perimeter site background color */

	background-color: #000066;	

}

h1 {
	
	color: #000066; 
	
	font-weight: bold;
	
	font-size: 1em;
	
	margin: 0px 0px 0px 8px;

}

.tableTitle {

	color: #000066; 
	
	font-weight: bold;
	
	font-size: 1em;
	
}

/* Image gallery boxes */

#galleryBox:before {

	content: url(../images/gallbgtop.gif);
	
}

#galleryBox {

	background-image: url(../images/gallbg.gif);

	background-repeat: repeat-y;

	background-position: center top;

	text-align: center;
	
	width: 180px;
	
	float: left;
	
	line-height: 1.6em;
	
	display: block;
}

#galleryBox:after {

	content: url(../images/gallbgbott.gif);
	
}


#photoGallery {

	text-align: center;
	
	height: 220px;
	
	width: 180px;
	
	float: left;
	
	line-height: 1.6em;
}

#siteBox {

	width: 800px;

	/* this is the site font color*/

	color: #000066;
	
	text-align: left;

}

/* this is for all popup windows */
#popWindow {
	
	background-color: #FFFFFF;
	
	padding: 5px 5px 0px 5px;
	
	background: #FFFFFF url(../images/corner_sub_tl.gif) no-repeat top left;
	
	font-size: 0.8em;
}

.popBottImg {
	
	margin-left: -5px;
}

/* -- Header layout/display styles -- */
#header {

	float: left;

	width: 100%;

	height: 165px;

}

#header.theatre {
	
	background: #000066 url(../images/banner.jpg) no-repeat bottom left;

}

#header.comm {
	
	background: #000066 url(../images/com_banner.jpg) no-repeat bottom left;

}

#header.modo {
	
	background: #000066 url(../images/mod_banner.jpg) no-repeat bottom left;

}

#header a {

	float: right;

	width: 8em;

	/* top butons */

	padding: 5px 5px 5px 5px;

	font-size: 0.5em;

	text-align: center;

	text-transform: uppercase;

	text-decoration:none;

	/* top link buttons - (top) text color */

	color: #FFFFFF;

	/* top link buttons - background color */

	background-color: #29509F;

	/* top link buttons - border colors */

	border-bottom: 2px solid #000066;

	border-right: 1px solid #000066;

	border-left: 1px solid #000066;

}

/* top link buttons - "OnMouseOver" color (and active) */
#header a.active {

	padding-top: 10px;

	background-color: #336699;

}

#header a:hover {

	padding-top: 10px;

	background-color: #000066;

}

#header a.lastActiveItem {

	padding-top: 10px;

	background-color: #336699;

	background-image: url(../images/corner_tr.gif);

	background-repeat: no-repeat;

	background-position: top right;

	border-right: 0px;

}

#header a.lastMenuItem {
/* +++ image color fixed +++ */
	background-image: url(../images/corner_tr.gif);

	background-repeat: no-repeat;

	background-position: top right;

	border-right: 0px;

}

a .desc {

	display: none;

	text-transform: lowercase;

	color: #0AD;	

}

a:hover .desc, .active .desc, .lastActiveItem .desc {

	display: block;

}

/* -- Header title and subTitle layout/display styles -- */
#title {

	float: left;

	padding: 0.4em 30px 0 9em;

	font-size: 1.2em;

	font-weight: bold;

	text-transform: uppercase;

	text-align: right;

	line-height: 0.75em;

	letter-spacing: -0.15em;

}

.headCom {

	color: #FF9900;

}

.headTheatre {

	color: #000000;
	
}

.headModo {

	color: #3398CC;
	
}

.subTitle {

	display: block;

	font-size: 0.4em;

	text-transform: lowercase;

	line-height: 1.2em;	

	letter-spacing: 0.01em;

}

/* -- Content layout/display styles -- */
#content {

	float: left;

	width: 100%;

	padding: 1em 0 1em 0;

	background-color: #000066;

}

/* left box */

#contentLeft {

	float: left;

	width: 20%;
	
	height: auto;

	margin-bottom: 1em;

	background: #FFF url(../images/corner_sub_tr.gif) no-repeat top right;	

}

#contentLeft a:hover {
	background-color: #29509F;
	
	color: #FFFFFF;
	
	text-decoration: none;
}

/* top navigation to show users where they are */

#topNav {

	padding: 5px 5px 5px 5px;
	
	color: #0AD;
	
	display: block;

	clear: both;
	
}	

/* right (big) box */

#contentRight {

	float: right;

	width: 78%;

	background: #FFFFFF url(../images/corner_sub_tl.gif) no-repeat top left;
	
	font-size: 0.8em;
	
}

/* warning for the amdmin console */
#adminWarning {
	
	/* font-style:italic; */
	
	font-size: 0.8em;
	
}

#contentRight a:link {

	text-decoration: none;
	
}

#quote {
	
	color: #0AD;
	
	font-size: 0.8em;

}

#contentRight a:hover {

	color: #0AD;
	
	border-bottom: 1px solid #0AD;
		
}

#contentRight a:visited {

	text-decoration: none;
	
}

#content p {	

	margin: 5px 5px 10px 8px;

	line-height: 1.4em; 

}

.space {
	
	height: 3px;
	
	border-bottom: 1px solid #AAA;	

}

/* links */

#content a {
	text-decoration: none;
	color: #0AD;
}

/* links (OnMouseOver) */

#content a:hover {

	/* border-bottom: 1px solid #0AD; */
	text-decoration: none;

}

.header {

	display: block;

	clear: both;	

	font-weight: bold;

	font-size: 1em;

	text-transform: lowercase;

	color: #0AD;

	border-bottom: 1px solid #AAA;		

}

/* Header for the left menu */
.leftHeader {
	
	display: block;

	clear: both;	

	font-weight: bold;

	text-transform: lowercase;

	color: #0AD;

	border-bottom: 1px solid #AAA;
	
	font-size: 0.8em;

}

.subHeader {

	display: block;

	clear: both;	

	font-weight: bold;

	font-size: 1em;

	text-transform: lowercase;

	color: #0AD;

	border-bottom: 1px solid #AAA; 
	
	padding: 0px 0px 0px 10px;

}

/* -- Content left site links (large plus icon) -- */

#content a.menuItem {

	display: block;	

	padding: 0px 10px 10px 10px;

	border: 0px;

	font-size: 0.7em;

	/* line-height: 1.8em; */

}



#content a.menuItem:hover { 

	color: #DDD;

	border: 0px;

}

#content a.subMenuItem {

	display:block;	

	padding: 0px 0px 7px 25px;

	border: 0px;

	font-size: 0.7em;

	/* line-height: 1.8em; */

}



#content a.subMenuItem:hover { 

	color: #DDD;

	border: 0px;

}

#content a.subMenuItem2 {

	display:block;	

	padding: 0px 0px 3px 40px;

	border: 0px;

	font-size: 0.7em;

	line-height: 1.8em;

}

#content a.subMenuItem2:hover { 

	color: #DDD;

	border: 0px;

}

#content a.imgLink {

	border: 0;
	
	text-decoration: none;

	font-size: 0.7em;

	line-height: 1.8em;

}

#content a.imgLink:hover { 

	color: #DDD;

	border: 0px;

}

/* -- Footer layout/display styles -- */
#footer {

	float: left;

	width: 100%;

	height: 30px;

	font-size: 0.7em;

	text-transform: lowercase;

	line-height: 2.6em;

	color: #000;

	background: #000066 url(../images/footer.jpg) repeat-y top left;

}



#footerLeft {

	float: left;

	width: 745px;

	height: 30px;

	text-align:center;

	background: url(../images/corner_bl.gif) no-repeat bottom left;
	
	padding-left: 35px;

}



#footerRight {

	float: right;

	width: 20px;

	height: 30px;

	text-align:center;

	background: url(../images/corner_br.gif) no-repeat bottom right;

}



#footer a {

	color: #000066;

}



#footer a:hover {

	color: #666666;

}

/* -- Display formatting styles -- */
.grey {

	font-size: 0.9em;

	color: #AAA;

}

.white {

	color: #FFF;

}

acronym {

	cursor: help;

	border-bottom: 1px dotted #AAA;

}

/* -- <ul> tag styles -- */
ul{

	padding-top: 0px;

	padding-bottom: 0px;

	list-style-image: url(../images/li_bullet.gif);
	
	margin-top: 5px;
}



li {

	margin-left: 30px;

}

/* -- Image alignment classes -- */

.imgLeft, .imgRight {

	margin: 5px;
}

.imgLeft {

	float: left;

	margin-left: 0px;

}



.imgRight {

	float: right;

	margin-right: 0px;

}

/* -- Utility classes to create the bottom rounded corners -- */

.bottomCorner {
	
	text-align: right;

}

.vBottom {
	
	vertical-align: bottom;

}