@charset "utf-8";

/*-------- Color Key (insert below this line ----------
					  
		Color Values:
		#xxxxx: color
					  
------- end Color Key ------------ */


/* ------------- all layout generic styles ------------ */

body   {
	margin:0;
	padding:0;
	font:Verdana, Geneva, sans-serif;
}
html {
	/* background: #666699 url(../images/back.gif); */
	background: #d3d3d3;
/*	background: #c0c0c0; */ 
	margin:0;
	padding:0;	
}

.twoColSmSide #container,.twoColLgSide #container,.oneCol #container {
	text-align: left;
	margin: 0px auto;
	width: 800px;
	/*background-color:#FFF; */
}
.twoColSmSide #header,.twoColLgSide #header,.oneCol #header {
	height:210px;
/*	height:180px; */
	position:relative;

/*	background: url(../images/bkgrd800x180.jpg) no-repeat, url(../images/greyspace-574x32-2.gif) bottom no-repeat; */

	background: url(../images/bkgrd800x180.jpg) no-repeat;
	
}
/*.twoColSmSide #headerlinks,.twoColLgSide #headerlinks,.oneCol #headerlinks {
	width:780px;
	background:#666699;
	/* border: .5px solid #000; */
	/*position:relative;
	margin: 0;
	padding: 0;
} */ 
.twoColSmSide #sidebar,.twoColLgSide #sidebar {
	padding-bottom:1em;
	margin-bottom:1em;
	/* background-color:#EBEBEB; */
}
.twoColSmSide #footer,.twoColLgSide #footer,.oneCol #footer {
	padding: 30px 1em .5em;
	margin-bottom:1em; 
	/* background: #cccccc; */
	/* border-top: 1px solid #111111; */ 
}

/*-------------- Header Links Specific Styles ----------- */

/*#headerlinks ul {*/
#header ul {
	margins:0;
	padding:0;
	list-style:none;
	position:absolute;
	bottom:0;
	left:0;
}
/*#headerlinks li {*/
#header li {
	float: left;
}

/*#headerlinks li a:link,#headerlinks li a:visited {*/
#header li a:link,#header li a:visited {
	padding: 0 .5em;
	display:block;
	background:#edecf6; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	/*font-weight:bold;*/
	color:#173755;
	text-decoration:none;
	line-height:1.4em;
	margin-right:0;
	margin-bottom:0;
}
/*#headerlinks li a:hover {*/
#header li a:hover {
	font-size:1.2;
	/* color:#295a8e; */
	color:#6d235e;
	font-weight:bold;
	font-variant: small-caps;	/*line-height:1.5em;*/
}


/* ------------- Large sidebar layout styles ------------ */

/*.twoColLgSide #sidebar {
	float:left;
	width:230px;
	padding:0;
	color:#000;
}*/
/*.twoColLgSide #mainContent {*/
	margin:0 0 0 250px; /*left margin allows for space between sidebar and maincontent*/
	/*padding:0;
}
.twoColLgSide #footer, {
	padding: 30px 1em .5em;
	margin-bottom:1em;
	background: #FFF;
}*/
/* ------------- classes for float clearing ------------ */
.clearFloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0;
}
/* ------------- small sidebar layout styles ------------ */

/*.twoColSmSide #headerlinks { 
.twoColSmSide #header {
	float:left;
	margin:0 0 0 0;
	padding:0;	
} */

.twoColSmSide #sidebar {
	float:left;
	width:200px;
	padding:0;
	/* color:#000; */ 
	/*background: #EBEBEB;*/
	/*background:#edecf6;*/
	/*background:#dad7ea;*/
	/*background:#000;*/
}
.twoColSmSide #mainContent {
	float:right;
	width:590px;
	/*margin:0 0 0 200px; /*left margin allows for space between sidebar and maincontent*/
	padding:0;
	/*background: #DDDDDD;*/
	/* background:#dad7ea; */
	/* background:#d3eaf4; */
}
.twoColSmSide #footer {
/*	padding: 30px 1em .5em; */ /* changing padding moved the footer to the bottom */
	padding: 0px 0 10px 0;
	margin-bottom:1em;
	text-align: center;
	/*background: #666;*/
}

/* ------------ small sidebar specific styles ----------- */

/*#sidebar #acc h3,#sidebar #transp h3,#sidebar #maps h3, #sidebar #conf h3 {
	padding-left:15px;
	border-bottom:1px solid #fff;
	background-color:#7166ad;
	color:#f0eff7;
	margin-top:0;
	margin-bottom:0;
	}
*/
	
#sidebar #nav ul {
	padding-left:15px;
	/* border-bottom:1px solid #fff; */
	border-bottom:0px solid #c0c0c0;
	/* background-color:#e7f3f8; */
	/* background-color:#FFFFFF; */
/*	color:#660033; */
	margin-top:0;
	margin-bottom:0;
}

/*-------- sidebar links... define behavior ----------- */
/*... replace  this with image bkgrnd for hover, current? ...*/
/*#sidebar li a:link,#sidebar li a:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color:#173755;
	text-decoration:none;
	line-height:1.4em;
	margin-right:0;
	margin-bottom:0;
}
#sidebar li a:hover {
	font-size:1.2;
	color:#295a8e; 
} */

/* ---sidebar unordered list--strip the margins and padding ---- */

/* #sidebar #acc ul,#sidebar #transp ul,#sidebar #maps ul,#sidebar #conf ul {
	 margin:0;
	 padding:0;
	 list-style:none;	
}
*/

#sidebar #nav ul li {
	margin:0;
	padding:0;
	list-style:none;
}

/* #sidebar #acc ul li,#sidebar #transp ul li,#sidebar #maps ul li,#sidebar #conf ul li {
	margin:0;
	padding:0;
	background:url(../images/navbak.gif) no-repeat left center;
	/*this url is copied here from #sidebar #acc ul a... etc. to avoid the IE flikcer effect with hovers 
}
*/

#sidebar #nav ul li {
	margin:0;
	padding:0;
	/* background:url(../images/navbak.gif) no-repeat left center; */
	/*this url is copied here from #sidebar #acc ul a... etc. to avoid the IE flikcer effect with hovers */
}


/* ---- define the look of the sidebar links ----- */

/*#sidebar #acc ul a,#sidebar #transp ul a,#sidebar #maps ul a,#sidebar #conf ul a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color:#173755;
	text-decoration:none;
	line-height:30px;
	margin:0;
	border-bottom:1px solid #fff;
	display:block;
	padding-left:30px;
	background:url(../images/navbak.gif) no-repeat left center;
}
*/


#sidebar #nav ul a:link,#sidebar ul a:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	/*color:#295a8ef;*/
	/* color:#173755; */
	color:#660033; 
	text-decoration:none;
	line-height:50px;
	margin:0;
/* controlling the color and size of the separation line in the nav section. */
        /* border-bottom: 5px solid #63a5c5; */
        border-bottom: 0px solid #331a00; 
        display:block;
        /*width:150px;*/  /*double check tutorial to see if background has to be defined separately */
        padding-left:15px;
        /* background:url(../images/navbak.gif) no-repeat left center; */
}




/* #sidebar #acc ul a:hover,#sidebar #transp ul a:hover,#sidebar #maps ul a:hover,#sidebar #conf ul a:hover {
	background-position:-200px 0px;
	color:#FFF;
}
*/

#sidebar #nav ul a:hover {
	background-position:-200px 0px;
	/* color:#FFF; */
	/* color:#3476b4;  */
	color:#666699;
	font-weight:bold;
}


/*
#sidebar #nav ul a:active {
        color:#666699;

}

*/

/* #sidebar #acc ul a.current,#sidebar #transp ul a.current,#sidebar #maps ul a.current,#sidebar #conf ul a.current {
		background-position:right top;
		color:#295a8ef;
		cursor:default;
		border-bottom:none;
}
*/

/* #sidebar #nav ul a:active { 
		background-position:right top; */
		/* color:#295a8ef; */
		/* color:#660033; */
		/* color:#3476b4; */
/*		cursor:default;
		border-bottom:none; 
} */

/* #sidebar #acc ul a.last,#sidebar #transp ul a.last,#sidebar #maps ul a.last,#sidebar #conf ul a.last {
	border-bottom:none;
}
*/
/* #sidebar #nav ul a:last {
	border-bottom:none;
	color:#3476b4;
} */


/*----------- Small sidebar, mainContent specific styles ------------------- */

#mainContent h3 {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	color:#666699;
	margin:1em;
	padding:1px;
	font-weight: bold;
}
#mainContent h4 {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#666699; 
	margin:0 0 1em;
	padding:1px;
}
#mainContent p.announce {
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#600;
	margin:0 0 1em;
	padding:1px;
}
#mainContent p.submenu {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	margin: 1em;
	padding: 1px;
}
#mainContent p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	margin:1em;
	padding:1px;
}

#mainContent p a:link {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color:#660033;
}

#mainContent p a:hover {
	font-family:Georgia, "Times New Roman", Times, serif;
        font-size: 16px;
        color:#666699;
	font-weight:bold;
}

#mainContent ul {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	margin:1em 4em;
	padding:4px;
}

/*
#mainContent li a:link, #mainContent li a:visited {
        font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#173755;
}
 */
/*
#mainContent p.footer {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	margin-bottom:0px;
	padding:0;
	left: 0px;
	bottom: 0px;
}
*/
#mainContent li a:link,#mainContent li a:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
/*	color:#173755; */
	color:#660033;
	text-decoration:underline;
	line-height:1.4em;
	padding: 0px 4px 4px;
	margin: 0px 4 1 4px;
}
#mainContent li a:hover {
	font-size:1.2;
	color:#666699; 
	font-weight:bold;
}

figure.center {
	/* width: 66%; */
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
	border: none;
	margin: 0.5em auto; /*use auto to get image centered? */
	padding: 0.5em;
	text-align: center;

}

figure.left {
	float: left;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
	border: none;
	margin: 0.5em;
	padding: 0.5em;
	text-align: right;
}

figure.right {
        float: right;
        font-style: italic;
        font-size: smaller;
        text-indent: 0;
        border: none;
        margin: 0.5em;
        padding: 0.5em;
        text-align: right;
}

/* img.scaled {
 width: 100%; 
} */


#mainContent table {
	width: 580px;
	border-collapse: collapse;}

tr.odd {
       /*  line-height: 8px; */
        border-bottom: 1px dotted #111111;}
tr.even {
        background-color: #cccccc;
        border-bottom: 2px solid #111111;
/*      border-top: 1px dashed #111111*/ }

tr.index { /*formatting for the index of plays page */
        line-height: 6px;
        border-bottom: 1px dotted #111111;
	font-size: 1em;
	text-align: left; }

th, td {
	padding: 7px 10px 10px 10px;}
th {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 90%;
	border-bottom: 2px solid #111111;
	border-top: 1px solid #111111;
	text-align: left;}
		
#mainContent td a:link,#mainContent td a:visited {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color:#173755;
	text-decoration:none;
	/* line-height:1.4em; */
	padding: 0px 4px 4px 0px;
	margin: 0px 4 1 4px;
}
#mainContent td a:hover {
	font-size:1em;
/*	color:#295a8e; */ 
	color:#666699;
	text-decoration:none;
	/* font-weight:bold; */ /*removed ths to avoid a link jiggling cuz it's too big for the cell */
}

#footer {
        margin-bottom:0px;
        padding:0;
        left: 0px;
        bottom: 0px;
}

#footer p {
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size:12px;
}
#footer p a:link {
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size: 12px;
        color:#660033;
}
#footer p a:hover {
        font-family:Georgia, "Times New Roman", Times, serif;
        font-size: 12px;
        color:#666699;
        font-weight:bold;
}


/*
footer {
        position: relative;
        height: 300px;
        width: 100%; */
/*        background-color: #333333; */
/*    }

    p.copyright {
        position: absolute;
        width: 100%;
        color: #fff;
        line-height: 40px;
        font-size: 0.7em;
        text-align: center;
        bottom:0;
    }	
*/
