html {
	margin:0;
	padding:0;
	height:101%;
}


/* The Big Building Blocks */
/* center the content, but leave the red menu 100% wide */
/* outertop and outerbottom are the white borders */

body {
	margin:0;
	padding:0;
	background-color: #5C6F7D;
	background-repeat: repeat-x;
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size:11px;
	line-height:17px;
	text-align:center;
	background-image:url(i/subpage_bg.gif);
	background-color: #5C6F7D;
}

#wrapper {
	margin: 0 auto 0 auto;
	width:920px;
	border:1px solid #E7E8D2;
	margin-top:60px;
}
#page {
	background:white;
	margin:7px;
	text-align:left;
}

#header{
	padding:16px 16px 0 16px;
	background-image: url(i/header_white_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
#mainmenu {
	background-color: #EE3424;
	height:22px;
	width:906px;
	position:absolute;
	top:172px;
}
/* applies the shadow under the red main menu ... no content in here */
#content_pad {
	background-image:url(i/content_white_top_bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin-top:22px;
	height:21px;
}

#content {
	background-image:url(i/content_main_bg.gif);
	padding:0px 16px;
}

#homecontent2 {
	padding:0px 16px;
}

#homeleft {
	width:678px;
	
}

#homeright{
	margin-left:680px;
	width:200px;
}

#footer {
	width: 920px;
	margin: 5px auto;
}


#home_image {
	margin-bottom:10px;
}


/* Basic Typography */



/* remove margins---but leave bottom */
h1,h2,h3,h4,h5,h6,p,ul,li,table {
	margin:0;
	padding:0;
	margin-bottom:12px;
	font-size:11px;
}


ul li {
	margin:0;
}



a {
	text-decoration:none;
	color:#f00;/*#EE3424;*/
}
a img {
	border:0;
}
a:visited{
	color:#941b09;
}


span.homeheadline{
	font-size:16px;
	color:#687e8d;
	line-height:18px;
	margin-top:0;
	padding-top:0;
}


h1.red{
	font-size:19px;
	color:#ee3424;
}

h1.red a, h1.red a:hover{
	font-size:19px;
	color:#ee3424;
}

h2.talktous{
	font-size:16px;
	margin-bottom:0px;
}

/* generic classes for items that may or may not need standard margins -- should match above rule */
.withtopmargin {
	margin-top:.7em;
}
.nobottommargin {
	margin-bottom:0;
}



/* Header Blocks */
div.logo, #logohome {
	width:553px;
	height:88px;
	float:left;
	background-color: #d2dbe0;
	background-image: url(i/header_blue_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
div.search {
	width:306px;
	height:88px;
	margin-left:569px;
	background-color: #E7E8D2;
	background-image: url(i/header_green_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}

div.logo a {
	display:block;
	width:200px;
	margin-left:50px;
	margin-top:20px;
}

/* style the form in the search box up top*/
input { 
	font-size:10px; 
	color: #697E8C;
	border: 1px solid #697E8C;
	padding:3px;
}
div.search form {
	float:right;
	padding-top:12px;
	padding-right:12px;
}
.go_button {
	border:0;
}



/* The Main Red Menu */
#mainmenu ul {
	margin:0;
	padding:0;
	text-align:left;
	margin-top:3px;
	text-indent:30px;

}
#mainmenu li {
	list-style-type: none;
	display: inline;
	color: white;
	letter-spacing:.01em;
	text-transform: uppercase;
	font-weight:bold;
	margin-top:2px;
    padding: 0 3px 0 3px;
	border-right:1px solid #F7EEED;
}


#mainmenu li.last {
	border:0;
}
#mainmenu li a {
	color: white;
	text-decoration:none;
	padding:1px 8px 1px 8px;
}
#mainmenu a:hover {
	background-color: #941B09;
}





/* three column content areas */
#left {
	float:left;
	width:180px;
	color: #626366;
}
#right {
	float:right;
	width:180px;
	color: #626366;
	margin-top:8px;
}
#middle {
	margin:0 192px;
	color: #5C6F7D;
	/*
	float:left;
	padding-left:12px;
	width:562px;
	margin-left:192px;*/
}


#landing{
	margin:20px auto;
	border:2px solid #444;
	padding:30px;
	width:400px;

}

#landing h1, #landing h2{
	font-size:20px;
	color:#ee3424;
}

#landing p{
	font-size:14px;
}

.column_pad {
	padding: 0px 2px;
}



.cleaner {
	clear:both;
	height:16px;
	background: white;
	border:none;
	margin:0; padding:0;

}



/* the left column submenu */
#submenu {
	background-color: #e7e8d2;
	border-bottom: 16px solid white;
	margin:0 0 0px 0;
	padding:0;
	line-height:1.2em;
}
#submenu a {
	text-decoration:none;
	color: #808278;
	display:block;
	padding-top:3px;
	padding-left:16px;
	text-indent:-8px;
}
#submenu a:hover {
	background-color: #f1f1dc;
}
#submenu ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#submenu li.top, #submenu li.top_last {
	font-weight:bold;
	padding: 6px 0 6px 0;
	border-bottom: 1px solid #D7D8CB;
	letter-spacing: .08em;
	text-transform: uppercase;
}
#submenu li.top_last {
	border-bottom:0;
}
#submenu li ul {
	text-transform: none;
	font-weight: normal;
	letter-spacing:0;
}



/* Style for the middle content columnmn */
#middle h1, #middle h2, #middle h3, #middle h4, #middle h5, #middle h6, #middle p, #middle ul{
	margin-left:7px; margin-right:5px;
}
#middle h1 {
	font-size:20px;
	letter-spacing:-.018em;
	color: #E02319;
}

#middle h2 {
	font-size:15px;
	letter-spacing:-.012em;
	color: #40474c;
	margin-bottom:0px;

}
#middle h3 {
	font-size:14px;
	letter-spacing:-.012em;
	color: #40474c;
	margin-bottom:0px;
}
#middle h4 {
	text-transform: uppercase;
	font-size:13px;
	color: #40474c;
	letter-spacing: .08em;
}
#middle h5, #middle h6 {
	font-size:11px;
	color: #40474c;
}

#middle p, #middle li {
	font-size:12px;
}
#middle ul {
	margin-left:18px;
	margin-bottom:10px;
}

#middle ul li{
	margin-left:5px;
	padding-left:2px;
	padding-bottom:4px;
}

#middle li ul{
	margin-bottom:0;
	padding-bottom:0;
}
#middle li ul li{
	margin-bottom:0px;
	padding-bottom:0px;
}


/* styles for right column */
#right h4 {
	font-weight:bold;
	letter-spacing: .08em;
	text-transform: uppercase;
}
#right p {
	font-size:11px;
}


/* dividing line for right col of homepage */
div.story {
	border-bottom:1px solid #E7E8D2;
	margin-bottom:1em;
}



/* special magic links */
a.viewmore, a.viewmore_green, a.calendar_green {
	text-decoration:none;
	display:block;
	padding-left: 22px;
	background-image: url(i/view-more-icon.gif);
	background-repeat: no-repeat;
	background-position: middle;
	font-weight: bold;
	color: #E02319;
	font-size:11px;
}
a.viewmore:hover, a.viewmore_green:hover, a.calendar_green:hover {
	color: #931B09;
	text-decoration: underline;
}

a.viewmore_green {
	background-image: url(i/view-more-on-green.gif);
}
a.calendar_green {
	background-image: url(i/rss.png);
}

a.home_more {
	text-decoration:none;
	display:block;
	padding-left: 22px;
	margin-left:17px;
	background-image: url(i/small_chevron.gif);
	background-repeat: no-repeat;
	background-position: 0px 45%;
	font-weight: bold;
	color: #E02319;
	font-size:11px;
}
a.home_more:hover {
	color: #931B09;
	text-decoration: underline;
}


a.home_right {
	text-decoration:none;
	display:block;
	background-image: url(i/view-more-on-green.gif);
	background-repeat: no-repeat;
	background-position: 44px 30%;
	font-weight: bold;
	color: #E02319;
	font-size:11px;
}
a.home_right:hover {
	color: #931B09;
	text-decoration: underline;
}


a.inner_right {
	text-decoration:none;
	display:block;
	background-image: url(i/view-more-icon.gif);
	background-repeat: no-repeat;
	background-position: 34px 30%;
	font-weight: bold;
	color: #E02319;
	font-size:11px;
}
a.inner_right:hover {
	color: #931B09;
	text-decoration: underline;
}



/* footer ul */
#footer ul {
	text-align:right;
}
#footer ul li {
	font-family:verdana;
	color: #fff;
	font-size:10px;
	list-style-type: none;
	display: inline;
	padding-right:8px;
}

#footer a{
	color:#b6b8a8;
}




/* tier 3 subsub pages*/
#submasthead {
	margin:0 16px 13px 16px;
	background-image:url(i/submasthead-grey-bg.jpg);
	height:42px;
	color:white;
	overflow:hidden;
	padding-left:2px;
	
}
#submasthead h2 {
	text-transform: uppercase;
	letter-spacing: .06em;
	font-size:11px;
	line-height:22px;
font-weight:bold;
	display:block;
	height:30px;
	padding-top:12px;
}
#submasthead img {
	margin:2px 32px 2px 2px;
	float:left;
}
#submasthead_spacer {
	background-color: #E7E8D2;
	height: 8px;
	margin: 8px 16px;
}

#submasthead a{
	color:#b6b8a8;

}

#submasthead a:hover{
	color:#b6b8a8;
	text-decoration:underline;

}


/* wayfinding */
#mainmenu a.topwayfind {
    background-color: #941B09;
}

#submenu a.leftwayfind {
    background-color: #f1f1dc;
}

#submenu a.levelthree {
    text-indent: 6px;
}

#submenu a.levelfour {
    text-indent: 12px;
}

/* for news page*/
.publish_date {
	color: #808278;
	font-size:11px;
	padding-left:9px;
}


/* for events page*/


table.newsroom {
	border:1px solid #edecda;
	margin-left:7px;
	

}
table.events {
	border:1px solid #edecda;
	margin-left:7px;


}
td.event,td.news,td.pr{
	text-align:left;
	width:350px;
	padding:6px;

}



td.date{
	text-align:right;
	width:60px;
	font-weight:bold;
	padding:6px;
}

td.longdate{
	text-align:left;
	width:65px;
	font-weight:bold;
	padding:6px;
}

td.city {
	text-align:left;
	width: 120px;
	padding:6px;
	padding-bottom:1.6em;
}



.formdisplay{
	display:none;

}

address{
	font-style:normal;
	margin-bottom:2px;
	margin-top:0px;
	margin-left:15px;
}

td.event a, td.news a,td.pr a{
	text-decoration:underline;
	color:#333333;

}

td.event a:hover,td.news a:hover,td.pr a:hover{
	text-decoration:underline;
	/*border-bottom:1px solid #333;*/
}

.notopmargin{
	margin-top:0px;
}

.nobottommargin{
	margin-bottom:0px;
}

#middle .floatup {
  position: absolute;
  background-color: #FFFFFF;
  z-index: 100;
  border: 1px solid #555555;
  padding:10px;
  background:#f1f2f1;
  width:535px;
}

#middle .screenshots {
  /*clear: both;*/
}
#middle .screenshots .screenshot {
  border: 1px solid #999999;
  /*float: left;*/
  margin: 10px 2px 10px 2px;
}
#middle .screenshots .screenshot IMG {
  margin: 2px;
}
#middle .screenshots .screenshot .caption {
  border-top: 1px solid #999999;
  padding: 3px;
  /*background-color: #EFEFEF;*/
  font: 8pt verdana, sans-serif;
  color: #666666;
}


#middle .screenshots .screenshot .floatup  {
  font: bold 10pt verdana, sans-serif;
  padding: 2px;
}

.dotline{
	border-top:1px dotted #E02319;
	padding-top:4px;

}


#middle .slugline{
	display:block;
	text-align:right;
	font-size:11px;
	padding-right:30px;
}

#middle blockquote{
	margin-left:30px;
	margin-bottom:5px;
	margin-right:0px;
}
h3 sup { font-size: 9px}