/* =----------------------------------------------------------------------------------

Main Style Sheet

Version:	1.1

--------------------------------------------------------------------------------------*/
/* =------------------------------------------------------------------------

CSS

----------*/ 

@import url("reset.css");
@import url("typo.css");

/* */

/* =------------------------------------------------------------------------

Clearing

----------*/ 

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix{display: inline-block;}

.clear {clear: both;}

/* */


/* =------------------------------------------------------------------------

Layout

----------*/

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background: #F8F8F8 url(../../images/mar/page_bk.png) top left repeat-x
} 
 
#pagewidth{ 
 width:960px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
} 

#wrapper {background: #fff;padding: 0 0 20px 0}
 
#header{height:179px; width:100%; background: url(../../images/mar/header_bk.png) top left no-repeat;} 
 
#secondaryNav{ width:280px; float:right; margin: 0 20px 0 0; }
#home #secondaryNav{ margin: 20px 20px 0 0; }
 
#mainContent{float: left;width:620px;margin: 0 0 0 20px }
 
#footer{ background: url(../../images/mar/footer_bk.png) top left no-repeat;  clear:both; float: left; width: 100%; height: 136px } 

/* Skip Navigation */

.textonly {/* Hides the 'Skip Navigation' link */
	position:absolute;
	left:-1500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

 /* =------------------------------------------------------------------------

Formatting

----------*/

#header #logo a {display: block; width: 121px; height: 140px; background: url(../../images/mar/logo.png) top left no-repeat; text-indent: -5000px; margin: 20px 0 0 20px; float: left}
#header #logo a:hover {background-position: bottom}

#header #mainNav {float: left; margin: 72px 0 0 20px}
#header #mainNav li {float: left; margin: 0 20px 0 0}
#header #mainNav li a {float: left; display: block; background: transparent; font-size: 1.4em; padding: 10px 15px ; font-weight: bold; border: 1px solid transparent  }
#header #mainNav li a:hover, #header #mainNav li.current a {background: #F7941D; color: #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #F7941D}
 
#wrapper h2.home {width:900px; margin: 0 0 0 20px; padding: 10px; float: left;color: #8F9293;font-size: 2.6em; background:#f8f8f8; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #f8f8f8; line-height: 1.4em}
#wrapper h2.home span.black {color: #000}
#wrapper h2.home span.orange {color: #F7941D}

#mainContent ul{ padding: 0 1.2em; margin: 0 5px}
#mainContent li{ list-style: circle}
#mainContent h2 {color:#8F9293;font-size:2.4em;margin:-13px 0 0;padding:0;}
#mainContent h3 {color: #000; }

#mainContent #main_listings {margin: 0; padding: 0; border-top: 1px solid #f2f2f2}
#mainContent #main_listings li{margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #f2f2f2; padding: 0.3em 0}

#mainContent .block_download{ width:620px; background:#ECEBF2; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #ECEBF2; margin: 20px 0}
#mainContent .block_download ul {margin: 0; padding: 10px 5px}
#mainContent .block_download li {list-style: none; border-bottom: 1px solid #000; padding: 0 0 0.5em 0; margin: 0}
#mainContent .block_download li:last-child {border-bottom: 0}
#mainContent .block_download a .title {color: #000}
#mainContent .block_download a .info_pdf {color: #6A797D; font-size: 0.9em; display: block; padding: 0 0 0 35px; background: url(../../images/mar/icon_pdf.png) 0 4px  no-repeat; height: 40px}
#mainContent .block_download a .info_word {color: #6A797D; font-size: 0.9em; display: block; padding: 0 0 0 35px; background: url(../../images/mar/icon_word.png) 0 4px  no-repeat; height: 40px}
#mainContent .block_download li:hover {background: #f8f8f8;}
#mainContent .block_download h3 {font-size: 1.8em; color: #000; padding: 0 0 0 5px }

#secondaryNav .block_nav{ width:278px; background:#CECEDF; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #CECEDF; margin: 0 0 20px 0 }
#secondaryNav .block_nav h3 {font-size: 1.8em; color: #000; padding: 0 0 0 5px}

#secondaryNav .block_links{ width:278px; background:#ecebf2; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #ecebf2; margin: 0 0 20px 0 }
#secondaryNav .block_links h3.related {font-size: 1.8em; color: #000; padding: 0 0 0 35px; background: url(../../images/mar/icon_internal.png) 0 4px no-repeat; margin: 5px 0 0 5px}
#secondaryNav .block_links h3.external {font-size: 1.8em; color: #000; padding: 0 0 0 35px; background: url(../../images/mar/icon_external.png) 0 4px no-repeat; margin: 5px 0 0 5px}

#secondaryNav li a{display: block; padding: 5px; color: #000}
#secondaryNav li a:hover, #secondaryNav li.current a {background: #f8f8f8;}

#secondaryNav .block_quote{ width:278px; background:#CECEDF; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #CECEDF; margin: 0 0 20px 0 }
#secondaryNav .block_quote blockquote {font-size: 1em; color: #666; padding: 0 5px}
#secondaryNav .block_quote cite {color: #000; margin: 0 0 0 5px; display: block}

#footer .logos {float: left; width: 500px; padding: 20px; margin: 44px 0 0 0}
#footer .logos li {margin: 0 20px 0 0; float: left}
#footer .logos li.city a {display: block; width: 170px; height: 62px; text-indent: -5000px; background: url(../../images/mar/logo_city.png) top left no-repeat; float: left}
#footer .logos li.icar a {display: block; width: 42px; height: 54px; text-indent: -5000px; background: url(../../images/mar/logo_icar.png) top left no-repeat; float: left}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #mainContent{width:100%; float:none;}
}