body { color: #203044; font-family: "Segoe UI", Tahoma, Verdana, Arial, Helvetica; font-size: 12px; line-height: 16px; text-align: center; background-color: #e9e9e9; margin: 0; padding: 0; list-style-image: url("../graphics/arrow.png"); list-style-position: outside; }

div#background { background-image: url(../graphics/background.gif); background-position: center top; background-repeat: repeat-y; }

div#container { width: 903px; margin: 0 auto; padding: 0; }

div#logo { position: absolute; z-index: 5; }

div#menu { color: #fff; font-size: 12px; text-align: right; text-transform: uppercase; width: 903px; position: absolute; z-index: 1; float: left; padding: 5px 0; border-bottom: 1px #262626 solid; background-image: url(../graphics/black.png); }

div#menu div.menu { padding: 0 50px 0 0; }

div#menu div.menu * { color: #fff; }

div#pagetitle { color: #fff; text-align: right; width: 888px; position: absolute; top: 200px; text-transform: uppercase; }

div#pagetitle h1 { color: #fff; padding: 0 15px 0 0; }

td.menuoff293, td.menuon293 { padding: 8px 0 8px 10px; }

td.menuoff293 span, td.menuon293 span { font-weight: normal; }

td#menu { color: #fff; text-transform: uppercase; background-image: url(../graphics/mvc_07.gif); background-position: center top; background-repeat: repeat-x; background-color: #203044; }

td#side h3 { color: #fff; font-size: 16px; text-transform: uppercase; padding: 0; }

td#side td.blue { padding: 10px 0 10px 20px; background-color: #3d587c; }

td#side td.lightblue { padding: 10px 15px; border-top: 1px #727c89 solid; border-bottom: 1px #fff solid; background-color: #acc0da; }

td#side td.gray { background-color: #efefef; }

td#side td.gray td { color: #4c5157; font-size: 12px; line-height: 12px; padding-top: 5px; padding-left: 10px; }

td#side td.gray a { color: #4c5157; font-size: 12px; line-height: 16px; display: block; }

td.schedulesbase { padding: 0 0 7px; border-bottom: 1px #b1b8c2 dotted; }

td#side td.social { padding: 10px; background-color: #fff; border-bottom: 2px #efefef solid; border-right: 1px #efefef solid; }

td#side td.lightgray { color: #203044; font-size: 12px; padding: 10px 0 10px 15px; background-color: #f7f7f7; }

select#dropdown { color: #090909; width: 100%; margin: 0; padding: 1px; }

div#dropdowncontainer { width: 195px; background-color: #fff; background-image: url(../graphics/select.jpg); background-position: top left; background-repeat: no-repeat; border-right: 1px #a7a9a8 solid; border-bottom: 1px #a7a9a8 solid; }

p.dropdown { color: #090909; font-size: 12px; padding: 6px 0 0 6px; }

div#list { width: 194px; position: absolute; background-color: #fff; border-top: 1px #ddd solid; border-right: 1px #a7a9a8 solid; border-bottom: 1px #a7a9a8 solid; border-left: 1px #ddd solid; }

div#list table table { width: 100%; }

td#search { padding: 0 30px 30px 0; background-image: url(../graphics/search_bg.gif); background-position: top right; background-repeat: no-repeat; }

td#featured { padding: 10px; background-color: #eaeef4; }

td#featured img { width: 57px; }

td#featured h3 { color: #203044; font-size: 16px; line-height: 16px; text-transform: uppercase; width: 200px; padding: 0; }

td#blog { padding: 10px 0 10px 20px; }

td#efelledate h3 { color: #383838; font-size: 13px; line-height: 14px; text-transform: uppercase; padding: 16px 0 10px 15px; }

td#spotlights { padding: 0 0 10px; }

td#content { padding: 0 15px 10px;}

td#content p { font-size: 12px; line-height: 18px; font-family: "Segoe UI", Tahoma, Verdana, Arial, Helvetica; }

td#subcontent { padding: 15px 25px 10px;}

td#subcontent p { font-size: 12px; line-height: 18px; font-family: "Segoe UI", Tahoma, Verdana, Arial, Helvetica; }

td.blurb { padding: 15px 10px; border-bottom: 1px #b1b8c2 dotted; }

td.blurb a { color: #203044; }

td.datesquare { width: 106px; height: 106px; padding: 15px 0; border-bottom: 1px #b1b8c2 dotted; }

td.datesquare img { border: 1px #6c6c6c solid; }

td.locations { padding: 10px 0 0; }

div.locationimg { display: table-cell; vertical-align: middle; text-align: center; vertical-align: middle; width: 57px; height: 57px; border: 1px #6c6c6c solid; background-color: #fff; }

td.locationsbase { margin: 10px; padding: 0; border-bottom: 1px #b1b8c2 dotted; }

td#base { padding: 0 20px; background-color: #405570; }

td#base * { color: #fff; padding: 0; }

div#footer { width: 903px; margin: 0 auto; padding: 1px 0; }

td.footer { padding: 5px 0 10px; }

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

small { font-size: 90%; }

address { font-style: normal; }

p { color: #203044; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 12px; line-height: 16px; word-spacing: 0ex; letter-spacing: .1ex; margin: 0; padding: 0; }

h1 { color: #203044; font-family: "Segoe UI", Tahoma, Verdana, Arial, Helvetica; font-size: 18px; font-weight: normal; line-height: 26px; text-transform: uppercase; word-spacing: 0ex; letter-spacing: .01ex; margin: 0; padding: 10px 0; }

h2 { color: #203044; font-family: "Segoe UI", Tahoma, Verdana, Arial, Helvetica; font-size: 17px; font-weight: normal; line-height: 25px; margin: 0; padding: 10px 0; }

h3 { color: #4e4e4e; font-family: "Segoe UI", Tahoma, Verdana, Arial, Helvetica; font-size: 16px; font-weight: normal; line-height: 24px; margin: 0; padding: 10px 0; }

h4 { color: #203044; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 13px; font-weight: normal; word-spacing: 0ex; letter-spacing: .01ex; line-height: 23px; margin: 0; padding: 5px 0; }

h5 { color: #4e4e4e; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 12px; font-weight: normal; word-spacing: 0ex; letter-spacing: .01ex; line-height: 11px; margin: 0; padding: 5px 0; }

h6 { color: #4e4e4e; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; font-weight: normal; word-spacing: 0ex; letter-spacing: .01ex; line-height: 15px; margin: 0; padding: 5px 0; }

td {}

form { margin: 0; padding: 0; }

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

span { margin: 0; padding: 0; }

ul { margin: 0; padding: 0 0 0 25px; }

a:link { color: #da3200; text-decoration: none; }

a:visited { color: #da3200; text-decoration: none; }

a:hover { color: #000000; text-decoration: none; }

a:active { color: #000000; text-decoration: none; }

a img { border: none; }

/* styles for the input fields*/

input { color: #020101; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; margin: 4px 0; padding: 2px 4px; }

select { margin: 4px 0; }

input#searchbox { width: 100%; margin: 10px 0 0; padding: 6px 0 5px 8px; border: 1px #6c6c6c solid; background-color: #fff; }

input#email { width: 90%; margin: 10px 0 0; padding: 6px 0 5px 8px; border: 1px #6c6c6c solid; background-color: #fff; }

input#submit { width: 91px; height: 35px; margin: 6px 0 0; padding: 0; border-style: none; background-color: transparent; }

textarea { color: #6d6f71; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; width: 80%; height: 75px; margin: 4px 0; padding: 2px 4px; overflow: auto; }

input.submit { color: #000; width: 75px; float: right; margin: 10px 0 0 0; }

/* styles for the weather */

td#todaysweatherimg { text-align: center; height: 90px; vertical-align: middle; border: 1px #8c8c8c solid; background-color: #fff; }

td#todaysweather { vertical-align: bottom; padding: 0 0 0 10px; }

td#todaysweather p.condition { color: #000; font-weight: bold; padding: 0; }

td#todaysweather p.highs { color: #ea0000; padding: 0; }

td#todaysweather p.lows { color: #236d81; padding: 0; }

/* secure login box */

#sheet { 
	width:625px;
	height:350px;
	display:none;
	z-index: 500;
	-webkit-box-shadow: 0 0 30px #777; 
	-moz-box-shadow: 0 0 30px #777; 
	background: #f0f0f0;
}

#sheet, #sheet * {
	font-family: Arial, Helvetica, sans-serif;	
}

#sheet hr { width: 50%; text-align: left; border-style: none; border-top: 1px #ccc solid; background-color: transparent; height: 0; margin: 20px 0 15px; padding: 0; }	

/* pane layout */
#pane {
	padding:50px; 
	display:none;
	display: block; 
}

#pane * {
	color: #000;	
}

.description {
	text-align: left;
	font-size:11px;
	color:#000;	
	padding:10px 20px;
}

/* the form */
#myform {
	margin:5px 0;
}

#myform p {
	clear:left;	
}

label.label {
	display: block;		
	margin: 3px 0;
	color: #000;
	font-size: 12px;
	line-height: 16px;
}

label.checkBox {
	margin: 0;
	padding: 0;
	color: #000;
	font-size:12px;
	line-height: 5px;
}

#myform input {
	border:1px solid;
	border-color: #666 #818181 #818181 #666;	
	padding: 6px 5px;	
	font-size:15px;
	line-height: 15px;
	color:#555;
}

#myform textarea {
	border:1px solid;
	border-color: #666 #818181 #818181 #666;	
	display:block;
	width: 375px;
	height: 100px;
	overflow: auto;
	margin-bottom: 10px;
	padding: 6px 5px;	
	font-size:15px;
	line-height: 15px;
	color:#555;
}

#myform textarea#blurb {
	width: 500px;
}

#myform textarea#article {
	width: 504px;
	height: 200px;
}

#myform input#submit {
	font-size:14px;
	line-height: 20px;
	width: 75px;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	border-style: none;
	padding: 6px 5px;	
	background-color: #666;
}

#myform input.checkbox { 
	margin: 0 5px;
	border-style: none;
}

input:focus {
	background-color:#fff;	
	color:#000;	
}

input[required] {
	font-weight:normal;		
}

/* validation error message */
.error {
	position: absolute;
	background-color:#E8FF6D;
	padding:4px;	
	color:#000;
	-webkit-box-shadow: #000 0 0 12px; 
	-moz-box-shadow: #000 0 0 12px;
	z-index: 500; 		
}

/* ..with a pure CSS arrow */
.error em {
	border:10px solid;
	border-color:#E8FF6D transparent transparent;
	bottom:-17px;
	display:block;
	height:0;
	left:10px;
	position:absolute;
	width:0;
	z-index: 500;
}

/* field with validation error */
.invalid {
	background-color: #cbfff2 !important;
}

.error, #calroot {
	z-index:10000;	
}

div#sheet div#pane div.description div#myFormRight {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #444;
	border-left: 1px #777 solid;
	width: 200px;
	height: 350px;	
}