body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	background-color: #2F5DBF;
	text-align: center;
	margin-top: 50px;}

#logo {width: 700px; margin: 5px auto; text-align: center;}
#fcmmain {width: 700px; margin: 0px auto; text-align: left;}
#fcmnav {color:#236800; background-color:#C6F1C6; text-align: center;}

#nav { padding: 0px; margin: 0px 0px 0px 5px;  border-top: 1px #C6F1C6 solid; }
#nav a, #nav a:visited {font-weight: bold; font-family: verdana, arial, helvetica; font-size: 12px; color: #000; text-decoration: none;}
		#nav li.XS { width: 51px; }
		#nav li.S { width: 61px; }
		#nav li.M { width: 80px; }
		#nav li.L { width: 91px; }
		#nav li.XL { width: 106px;}
		#nav li { width: 62px; float: left; list-style: none; position: relative; text-align: center; background-color: #CFF6CF;}
		/* If you put float:left here it works in IE for mac, but breaks ff */
		#nav li a { display: block; border-right: 2px #C6F1C6 solid; border-top: 1px #C6F1C6 solid; border-bottom: 2px #C6F1C6 solid;}
		#nav li a:hover  { background-color: #12B212; color: #FFF; border-right: 2px #0BA70B solid; border-top: 1px #0BA70B solid;  border-bottom: 2px #12B212 solid;}
#fcmnav #description {	background-color:#12B212; color: #FFF; font-size: 12px; padding: 2px 1px; border-bottom: 1px #0BA70B solid;}


#fcmcontent {padding: 5px 15px; background-color: #FFF;}
.sidebar {float: right; margin: 10px 0px 0px 25px;}

/*	h1 {HEIGHT: 20 px; width: 100%;	BORDER-TOP: #69c 1px solid;	BORDER-BOTTOM: #6c6 1px solid;	BACKGROUND-COLOR: #eee; FONT-SIZE: 16pt; FONT-WEIGHT: bold;TEXT-ALIGN: left;} */

h1 {font-size: 22px; font-family: georgia, serif; font-weight: bold; text-align: bold; color: #000; margin: 5px 0px 10px 5px; padding: 0px 5px; border-bottom: #AA0B0B 0px solid;	BORDER-TOP: #0BA70B 1px solid;	BORDER-BOTTOM: #0BA70B 1px solid;	BACKGROUND-COLOR: #F4F4F4;}
h2 {font-size: 16px; font-family: georgia, serif; font-weight; bold; margin: 5px 0px; padding: 0px 0px;}
p {font-size: 13px; margin-left: 5px; }
.small {font-size:11px;}

#footer { background-color: #12B212; color: #FFF; font-size: 11px; font-weight: normal; padding: 2px 2px; text-align: center; border-bottom: 1px #0BA70B solid;}


#footer a:link, #footer a:visited {color: #FFF;}

a {color: #0BA70B; text-decoration: underline;}
a:hover {color: #43c700; text-decoration: none;}

a.grey:link, a.grey:visited {background-color: #0BA70B; text-decoration:none; color: #FFF; font-weight: bold; border: #43c700 1px solid;} 
a.grey:active,a.grey:hover {color: #FFF; background-color: #43c700;}

.alertbox  {background-color: #FC3; padding: 5px 7px; text-align:center; border: 1px solid #F5C125; border-width: 1px 1px 0px 0px;}
.alertbox h3 {font-size: 12px;}
.alertbox a{ color: #F33; background-color: #FC3; text-decoration:underline; font-weight:bold;}
.alertbox a:hover{ color: #FFF; background-color: #FC3; text-decoration:none; font-weight:bold;}

.mini { background-color: #F33; width: 100px; margin: 0px 0px 10px 0px; padding: 10px 3px; text-align: center; font-size: 13px;}
.mini {color: #FFF;}
.mini a { color: #FE3; background-color: #F33; text-decoration:underline; font-weight:bold;}
.mini a:hover { color: #FFF; background-color: #F33; text-decoration:none; font-weight:bold;}

/* PROGRAMS */
.concert { border: #000 1px solid; text-align:left;}
#composer {width: 120px; font-weight: bold;}
#title {font-style: normal;}
.location {font-weight: bold; text-align: center; font-size: 12px;}
.seasons-menu {width: 130px; margin-left: 10px; padding: 5px 5px; text-align:left;}
.seasons-menu a.current, .seasons-menu a.current:visited {font-weight: bold;}
#meet h1 {font-size: 22px; font-family: georgia, serif; font-weight: bold; text-align: center; color: #000; margin: 5px 0px 10px 5px; padding: 0px 5px; border-bottom: #AA0B0B 0px solid;	BORDER-TOP: #0BA70B 1px solid;	BORDER-BOTTOM: #0BA70B 1px solid;	BACKGROUND-COLOR: #F4F4F4;}
#multi-line-program {margin-left: 5px; }
.title-multi-line {float: left; padding-right: 17px; margin: 0;}
.composer-multi-line {float: left;}

/* MEET THE ARTISTS */
#meet {border-bottom: #DDD 1px solid; margin-bottom: 2px;}
#meet h3 {font-size: 13px;}
td.bio {font-size: 10pt;}

/* GROUP EVENTS */
.flyer { BORDER: #000 1px solid; PADDING: 5px; WIDTH: 90%; FONT-SIZE: 8pt; TEXT-ALIGN: center;}

/* ORDER TICKETS */
	INPUT, SELECT {font-family: verdana, arial, helvetica; border: #CCC 1px solid; background-color: #FFF;}

	INPUT {width: 30px; height: 18px; font-size: 10pt; padding-bottom: 2px;}

	INPUT.green {padding: 0px 2px 2px 0px; BACKGROUND-COLOR: #43c700; text-decoration:none; color: #FFF; font-weight: bold; border-bottom: #43c700 2px solid;}

	

	.alertbox {float: right; width: 280px; background-color: #FFCC33; margin-left: 10px; padding: 5px 5px; text-align:left;}

	.alertbox h3 {font-size: 12pt; margin: 0px 0px;}

	.alertbox p {margin: 2px 0px; padding: 1px 0px;}

	.alertbox a { color: #FF3333; background-color: #FFCC33; text-decoration:underline; font-weight:bold;}

	.alertbox a:hover { color: #FFFFFF; background-color: #FF3333; text-decoration:none; font-weight:bold;}

	

	table#orderform {width: 600px; margin: 10px 15px; font-family: verdana, arial, helvetica; font-size: 12px; border: 1px #DDD solid;}
	.menu {height: 20px; font-weight: bold; background-color: #EEE; color: #000;}

	tr.items0 {background-color: #FFF; height: 40px; padding: 2px 0px; border-bottom: 1px #DDD solid; font: normal 12px verdana;}
	tr.items1 {background-color: #EEE; height: 40px; padding: 2px 0px; border-bottom: 1px #DDD solid; font: normal 12px verdana;}

	td.col1 {width: 60px; padding-left: 10px; text-align: left;}
	td.col2 {width: 380px; text-align: left;}
	td.col3 {width: 60px; text-align: left;}

	.row2 {clear: both; text-align: left; color: #F33; font-size: 11px;}

	.spacer {clear: both; height: 15px;}

	table#nonorderform {width: 440px; margin: 0px 15px 10px 15px; font-family: verdana, arial, helvetica; font-size: 12px; border: 1px #DDD solid;}
	td.cola {width: 250px; padding-left: 10px; text-align: left;}
	td.colb {width: 50px; text-align: left;}
	
	.image-left {float: left; margin: 0px 50px 10px 0px;}
	.image-right {float: right; margin: 0px 0px 10px 50px;}