/* Metro CSS Document */

body,td,th {
margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color:#cfd5da;
}

h1 {
color:#030a14;
letter-spacing:5px;
}

h2 {
margin:10px 0 0 0;
font-size:medium;
letter-spacing:3px;
}

h3 {
margin:10px 0 0px 0;
color:#999;
font-weight:normal;
letter-spacing: 3px;
}

h4 {
margin:0;
color:#999;
font-weight:normal;
letter-spacing: 3px;
}

h5 {
margin:0;
color:#183c70;
font-weight:bold;
font-size:14px;
margin:10px 0 -10px 0;
}

a {
color:#183c70;
text-decoration:none;
}

a:hover {
color:#e0862b;
}

img {
border:0;
}

#header {
text-align:center;
background-color:#253360;
background-image:url(/Asssets/Images/met_header_bg.jpg)
}

#header img {
margin:5px 0 7px 0;
}

#header a {
font-size:large;
color:#fff;
margin: 5px 40px 5px 30px;
text-decoration:none;
}

#header a:hover {
color:#e0862b;
}

ul#menuElem, #footer ul{
margin:0 0 0 -10px;
list-style:none;
}

#menuElem li{
display:inline;
}

#content {
width:960px;
margin:20px auto;
}

#homeleft {
float:left;
width:49%;
text-align:left;
margin-left:1%;
}

#homeright {
float:left;
width:46%;
text-align:left;
margin-left:3%;
margin-right:1%;
*width:42%;
}

#bottomcontent {
clear:both;
}

.storyfeed {
float:left;
width: 290px;
background-color:#fcfcfc;
padding:0 10px;
margin-right:10px;
-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    border:1px solid #253360;
}

.storyfeed h2 {
background-color:#253360;
color:#fff;
text-align:center;
margin-bottom:10px;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.storyfeed ul {
list-style-type: none;
margin:0 0 0 -40px;
*margin:0;
}

.storyfeed .date {
margin:0 0 15px 0;
}

.storyfeed #creditfooter {
display:none;
}

#tweet {
width: 300px;
margin:5px;
float:left;
}

#cityphotos {
clear:both;
}

#cityslide {
float:left;
margin:2px 15px 0 10px;

}

#cityslide .Content img {
border: 10px #fff solid;
width:95%;
}

.Pager {
display:none;
}

#cityleft {
float:left;
width:30%;
text-align:left;
margin-left:1%;
margin-right:2%;
}

#citycenter {
float:left;
width:30%;
text-align:left;
margin-left:1%;
margin-right:1%;
}

#cityright {
float:left;
width:30%;
text-align:left;
margin-left:1%;
margin-right:1%;
}

/*Map Styles */
.map {
float:left;
margin-right:15px;
}

.locations {
float:left;
width: 220px;
}

.mapballoon {
background-color:#fff;
}

.mapballoonheader {
font-size:large;
}

/*blog styles*/
.BlogPTitle {
font-size:large;
font-weight:bold;
color:#030a14;
}

.BlogPBody ul {
list-style-type:disc;
}

.BlogPBody a {
font-weight:bold;
color:#790000;
}

a.read{
color:#183c70;
}

a.read:hover {
color:#e0862b;
}

/*Comments*/

.BlogCommentsTitle {
font-weight:bold;
margin:10px 0 0px 0;
color:#999;
letter-spacing: 3px;
}

.BlogLeaveComment {
font-weight:bold;
}

.comments {
}

.CommentDetail {
border-left-width:3px;
border-left-color:#000;
border-left-style:solid;
padding-left:3px;
margin-left:5px;
}

.CommentUserName {
font-weight:bold;
color:#003244;
}

.CommentText {

}

.CommentDate {
font-size:x-small;
font-style:italic;
}

/*Forms */
.TextBoxField {
width:200px;
}

.TextAreaField {
width:300px;
}

.EditingFormLabelCell {
vertical-align:top;
}

#leftside {
float:left;
width:75%;
text-align:left;
margin-left:1%;
}

#rightside {
float:left;
width:20%;
margin-right:1%;
margin-left:2%;
text-align:left;
}

/*Resources Styles*/
.ResourceTitle a {
color:#b5540d;
font-weight:normal;
text-decoration:none;
font-size:17px;
}

.ResourceTitle a:hover {
color:#FF9933;
}

.ResourceTitle h2 {
margin:10px 0 -10px 0;
}

#res-1 {
float:left;
width:22%;
text-align:left;
margin-left:1%;
}

#res-2 {
float:left;
width:22%;
text-align:left;
margin-right:1%;
margin-left:1%;
}

#res-3 {
float:left;
width:22%;
text-align:left;
margin-right:1%;
margin-left:1%;
}

#res-4 {
float:left;
width:22%;
margin-right:1%;
text-align:left;
}

#bottom {
clear:both;
height:20px;
}

#bottom img {
margin: 10px 5px 10px 5px;
}

/*Footer*/

#footer {
clear:both;
height:150px;
text-align:left;
background-color:#253360;
font-size:small;
background-image:url(/Asssets/Images/met_footer_top.jpg)
}

.footer-inner {
width:960px;
margin:auto;
}

#footer a {
text-decoration:none;
color:#fff;
}

#footer a:hover {
color:#FF9933;
}

#footer .CMSSiteMapList{
padding:0 10px;
}

#column1 {
float:left;
margin:0 0 0 70px;
}

#column2 {
float:left;
margin:0 20px 0 20px;
width:340px;
*width:360px;
}

#column2 ul{
width:338px;
display:inline;
*width:355px;
}

#column2 li{
float:left;
margin:0 10px 0 0;
}

#column3 {
float:left;
margin:0 30px 0 0;
}

#column4 {
float:left;
margin:0 20px 0 0;
}


/*staff*/
#staff {
background-color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
}

#staff a {
font-weight:bold;
}

.training-nav {
height:200px;
margin-top:-17px;
background:url(/Asssets/Images/bg.gif) 0 0 repeat-x #fff;
}

.staffh1 {
padding-top:10px;
color:#fff;
margin:10px auto;
width:780px;
letter-spacing:0em;
}

#trainingnav {
margin:0 auto;
*margin-top:-10px;
width:960px;
}

#trainingnav ul {
    float:left;
    list-style:none;
    padding:0;
    margin:0;
    width:100%;
}

#trainingnav a {
    display:block;
    color:#3b506b;
    text-decoration:none;
	font-size:1.09em;
    padding:6px 10px 0 10px;
    margin-right:18px;
}

#trainingnav li {
    float:left;
}

#trainingnav ul ul{
    display:none;
}

#trainingnav a:hover {
color:#fff;
border-bottom:3px solid #fff;
}

#trainingnav ul li:hover ul {
    display:block;
position:absolute;
    width:220px;
    margin:0;
    border:0;
}

#trainingnav ul ul ul li {
margin-left:20px;
}

#trainingnav ul ul ul ul li {
display:none;
}

#trainingnav li li a {
    padding:3px 10px;
    width:180px;
    color:#fff;
}

#trainingnav a:hover, a{
   border-color:#fff;
}

#trainingnav li:hover a {
    color:#fff;
background:#152942;
}

#top {
clear:both;
}

#top h1 {
clear:both;
}

.faq li{
padding-bottom:20px;}

.faq strong {
font-size:large;
color:#b5540d;
}

/*Chicago*/

#chiheader {
text-align:center;
background-color:#253360;
background-image:url(/Asssets/Images/met_header_bg.jpg)
}

#chiheader img {
margin:5px 0 7px 0;
}

#chiheader ul {
min-width:890px;
margin:0 auto;
}

#chiheader a {
font-size:medium;
color:#fff;
margin: 5px 0px 5px 0px;
padding:10px;
text-decoration:none;
}