* 
{
    margin : 0px;
    padding : 0px;
}


html 
{
    height : 100.1%; /* vert scroll in firefox */
    margin-bottom : 1px; /* vert scroll in safari */
}

/* positioning of main content in the body */

body 
{
    background-color : #FFFFFF;
    font : 62.5%/1.2 Arial, Helvetica, sans-serif; /* reset 1em to 10px */
    text-align : center; /* IE 5.5 center */
	color: #CCCCCC;
}

p
{
    margin: 0 0 10px 0;
}

#wrapper 
{
    background-color : #EDEAEA;
	width : 961px;	
    margin : 0px auto;
    text-align : left;	
	/*font-size:13px;required for the resizer 
	border:1px solid black;*/
	overflow:hidden;
	color:#9D998B;
	margin-top: 10px;
	margin-bottom: 10px;
    font-size : 1.2em;  
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

#col1
{
	float:left;
	width: 220px;
}

#col2
{
	float:left;
	width: 720px;
}

#header
{
	height:100px;
	margin-top:20px;
	background-color:#EDEAEA;
}

.headerLogo
{
	padding-left:10px;
}

#leftHeaderLogo
{
	padding: 35px 0 10px 10px;
}

#headerNav
{
	background-color:#EDEAEA;
	padding: 15px 0px 10px 20px;
	width: 160px;
}

#headerNav ul
{
	display: block;
	text-align: left;
}

#headerNav li
{
	list-style: none;
	display: block;
	height: 25px;
	color: #333333;
	/*border-bottom: 1px dotted;*/
	background-image: url(dotted-line.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-top: 5px;
}

#headerNav li strong
{
}

#headerNav li a
{
	color: #333333;
	text-decoration: none;
}

#headerNav li a:hover
{
	color: #999999;
	text-decoration: underline;
}

#footer
{
	float:left;
	clear:both;
	width:960px;
	background-color:#000000;
	color:#9E9E9E;
}

#footerLinks
{
	float:left;
	margin-left:20px;
	margin-top:25px;
}

#footerLinks a
{
	color:#FFFFFF;
	text-decoration: none;
}

#footerLinks a:hover
{
	text-decoration: underline;
}

#footerLogo
{
	float:right;
	margin-right: 20px;
}

/* Showcase Gallery - Chandra*/
/*	image rotating area		*/
#bx-rotate, #lb-rotate {float: left; width: 64%; background: #fff; color: #111; display: block; margin: 0 2px 6px 4px;}
#bx-rotate .boxleftcorner {background: transparent url(th-right-rotate-corner.gif) bottom right no-repeat; color: #111; width: 100%; height: 181px; border-top: 1px solid #406925;border-left: 1px solid #406925;}
#bx-rotate .boxleftcorner .rotatetext {margin: 0 1px 0 0; }
#bx-rotate .boxleftcorner .rotatetext .logo { float: right; width: 11em; height: 66px; background: transparent; color: #222; text-align: right; }
#bx-rotate .boxleftcorner .rotatetext .text {font-size: .9em; background: #406925; color: #fff;} 
#bx-rotate .boxleftcorner .rotatetext .text h3 { color: #fff; background: #406925; font-size: 110%; line-height: 135%; margin: -1px 5px 0; padding: 0 5px; font-weight: bold; }
html > body #bx-rotate .boxleftcorner .rotatetext .text h3 {margin: 2px 5px 0;}
#bx-rotate .boxleftcorner .rotatetext .text p { color: #fff; background: transparent; padding: 0 5px;}
#bx-rotate .boxleftcorner .rotatetext .text ul {list-style: none; margin: -.5em 0 0; padding: 0 0 0 10px;}
#bx-rotate .boxleftcorner .rotatetext .text li { text-align: left; margin:  0 2px 1px; padding: 1px 1px 1px 10px;; font-size: 0.9em; background: transparent url("on_state.gif") top left no-repeat; color: #fff;}
#bx-rotate .boxleftcorner .rotatetext .text a , #bx-rotate .boxleftcorner .rotatetext .text a:link, #bx-rotate .boxleftcorner .rotatetext .text a:visited {background: transparent; color: #fff; text-decoration: none;}
#bx-rotate .boxleftcorner .rotatetext .text a:hover {background: #fff; color: #0064d3; text-decoration: underline;}
#bx-rotate .imageElement h3 {font-size: 10px;}

/*	Libraries feature box links*/
#lb-rotate .boxleftcorner {background: transparent url(lb-bx-right-rotate-corner.jpg) bottom right no-repeat; color: #111; width: 100%; height: 14em; border-top: 1px solid #406925;border-left: 1px solid #406925;}
#lb-rotate .boxleftcorner .rotatetext .text {float: right; width: 120px; font-size: .9em;padding: 5px 5px 10px 0;} 
#lb-rotate .boxleftcorner .rotatetext .text h3 {font-size: 1.4em; background: tranparent; color: #396;}
#lb-rotate .boxleftcorner .rotatetext .text ul {border: 1px dotted white;}

/*	info boxes	*/
.bx-box {float: left; width: 32%; 	margin: 0 5px 8px 0; background: transparent url(th-right-corner.gif) top right no-repeat; color: #111; display: block; }
html > body .bx-box {width: 32%}
.bx-box .leftcorner {background: transparent url(th-left-corner.gif) bottom left no-repeat; color: #111; width: 100%; height: 14em; }

.bx-box .leftcorner h3#th-box-office, .bx-box .leftcorner h3#th-workshops, .bx-box .leftcorner h3#th-workshops, .bx-box .leftcorner h3#th-hire, .bx-box .leftcorner h3#th-mailing, .bx-box .leftcorner h3#th-contact, .bx-box .leftcorner h3#th-cafe, .bx-box .leftcorner h3#th-gallery {
 text-indent: -9999px; margin-bottom: -5px;
}   
.bx-box .leftcorner h3#th-box-office {background: transparent url(th-h3-boxoffice.gif) top left no-repeat; color: #111;}
.bx-box .leftcorner h3#th-workshops {background: transparent url(th-h3-workshops.gif) top left no-repeat; color: #111;}
.bx-box .leftcorner h3#th-hire {background: transparent url(th-h3-hire.gif) top left no-repeat; color: #111; }
.bx-box .leftcorner h3#th-mailing {background: transparent url(th-h3-mailing.gif) top left no-repeat; color: #111; }
.bx-box .leftcorner h3#th-contact {background: transparent url(th-h3-contact.gif) top left no-repeat; color: #111; }
.bx-box .leftcorner h3#th-cafe {background: transparent url(th-h3-cafe.gif) top left no-repeat; color: #111; }
.bx-box .leftcorner h3#th-gallery {background: transparent url(th-h3-gallery.gif) top left no-repeat; color: #111; }
#content .bx-box .leftcorner h3 {margin:0 0 -5px; padding: 9px 0 7px 7px; height:19px; font-size: 17px; line-height: 14px; }
#contenttext .bx-box .leftcorner p {padding: 0 7px 4px; line-height: 1.2em;}
.bx-box .leftcorner h4 img {padding: 0 1px 3px; width: 99%; border: 1px dotted #c98;}

/* Showcase Gallery - Chandra*/

*	Image Gallery Main Feature Text Box	*/
/*
#mainfeaturegallerytext {border: 5px solid #ff0000;  -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 691px; background: #fff url(mdcnt.png) bottom left repeat-x; color: #222 }
#mainfeaturegallerytext .headline { float: left; font-size: 1.4em; padding: .2em .2em  0; text-align: left; margin-bottom: -1px;}
#mainfeaturegallerytext .tagline { font-size: .75em; padding: .5em 0 -15px; font-style: italic; font-variant: normal;} 
#mainfeaturegallerytext .textbox { float: right; width: 20em;font-size: .95em; padding: 5px 0 0;}
*/

/* JQuery Datepicker */
#eventCalendar { height: 190px; }
#eventCalendar .ui-datepicker-inline { font-size:1em; }


/* Homepage */

.MainContent
{
	width:728px; 
	padding-top:20px;
	color:#666666;
}

.MainContent a
{
	color:#FFFFFF;
}

.MainContent a:hover
{
	color:#CCCCCC;
	text-decoration: underline;
}

.MainContent h1
{
	color: #9d998c;
	font-weight: bold;
	margin: 0 0 10px 10px;
}

.rotatinggallery
{
	border:10px solid #FFFFFF;
	font-size: 1.2em;
}

.intro1 a, .intro2 a {
	color: #666666;
}

.greybox
{
	float:right;
	background-color:#9D998C;
	border:10px solid #FFFFFF;
	width:698px;
	margin:5px 0px 5px 0px;
	padding:5px;
	color:#FFFFFF;
	min-height: 200px;
	height:auto !important;
  	height:200px;
}

.greybox h1 {
	color:#FFFFFF;
}

.greybox ul {
	margin: 5px;
}

.greybox li {
	margin: 2px 0 0 30px;
}

.greybox_text
{
	padding-left: 30px;
} 

.greybox_header
{
	padding: 15px 0 10px 15px;
	font-size: 1.3em;
	font-weight: bold;
}

.nav_greybox
{
	margin:15px 0 15px 10px;
}

.nav_greybox_text
{
	margin-bottom: 10px;
	padding:10px;
	color:#FFFFFF;
	background-color:#9D998C;
	width: 180px;
	font-size: 1.3em;
	font-weight: bold;
}

.nav_greybox_text a
{
	color:#FFFFFF;
	text-decoration: none;
}

.nav_greybox_text a:hover
{
	text-decoration: underline;
}

.intro1
{
	float:left;
	width:325px; 
	margin:3px; 
	min-height:140px;
	padding: 10px;
}

.intro2
{
	float:left;
	width:325px; 
	margin:3px; 
	min-height:140px;
	padding: 10px;
}

.nav_plainbox
{
	margin:20px 15px 20px 10px;
	color:#666666;
}

.nav_plainbox a
{
	color:#666666;
}

.nav_plainbox a:hover
{
	color: #CCCCCC;
}

#map_div 
{
	width:425px; 
	height:350px;
	float:left; 
	border:#e8e8e8 solid 2px;
	margin: 10px;
	overflow:hidden;
	display:inline;
}

.venue_text1
{
	padding: 10px;
}

.venue_text2
{
	float:left;
	width:425px;
	padding:10px;
}

.venue_text3
{
	float:left;
	padding:10px;
}

/* Form Styles */

.form {
	margin: 20px 0 0 20px;
}
form label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
}
form ol {
	margin: 0;
	padding: 0;
}
form li {
	list-style: none;
	padding: 5px;
	margin: 0;
}
form em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}
form label {
	width: 120px;
}
form input, form textarea, form select {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
form .submit {
	margin-left: 155px;
}



/* Form Styles */

/* Picture Gallery */

.galleryPic
{
	float:left;
	width:136px;
	height:136px;
	border:0px solid #D4D4D4;
	margin-left:3px;
	margin-bottom:3px;
	text-align:center;
	vertical-align:middle;
	padding-top:5%;
	background-color:#EDEAEA;
}

.galleryPicLandscape
{
	border:2px solid #D4D4D4;
	background-color:#EDEAEA;
	margin-left:7px;
	margin-bottom:7px;
	display:inline;
	overflow:hidden;
	float:left;
	width:136px;
	height:112px;
	padding-top: 24px;
	vertical-align: middle;
}

.galleryPicPortrait
{
	float:left;
	width:112px;
	height:136px;	
	margin-left:7px;
	margin-bottom:7px;
	display:inline;
	overflow:hidden;
	border:2px solid #D4D4D4;
	background-color:#EDEAEA;
	padding-left:24px;
}
.galleryImgLandscape
{
	float:left;
	width:250px;
	height:200px;	
	padding-right:10px;
	display:inline;
	overflow:hidden;
	border:2px solid #D4D4D4;
	background-color:#EDEAEA;
	color:#9d998c;
	margin-left:20px;
	margin-bottom:15px;
	text-align:center;
	
}

.galleryPic
{
	float:left;
	width:136px;
	height:136px;
	border:0px solid #D4D4D4;
	margin-left:3px;
	margin-bottom:3px;
	text-align:center;
	vertical-align:middle;
	padding-top:5%;
	background-color:#EDEAEA;
}

.galleryPicLandscape
{
	border:2px solid #D4D4D4;
	background-color:#EDEAEA;
	margin-left:7px;
	margin-bottom:7px;
	display:inline;
	overflow:hidden;
	float:left;
	width:136px;
	height:112px;
	padding-top: 24px;
	vertical-align: middle;
}

.galleryPicPortrait
{
	float:left;
	width:112px;
	height:136px;	
	margin-left:7px;
	margin-bottom:7px;
	display:inline;
	overflow:hidden;
	border:2px solid #D4D4D4;
	background-color:#EDEAEA;
	padding-left:24px;
}


/* Picture Gallery */