@media screen {
	/* Eric Meyer's Reset CSS | http://meyerweb.com/eric/tools/css/reset/index.html | v1.0 | 20080212 */
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
	/* Float Clearing Wrappers */
	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix,.gain_layout{*zoom:1;}

/*	Base Styles for All Elements
	============================
*/

body{
	background:#111;
	padding:0 0 25px 0;
	color:#333;
	font:62.5%/1 Arial,sans-serif;
}

.hide,body.has_js .js_hide {
	display:block;
	text-indent:-9999px;
	width:0;
	height:0;
	line-height:0;
	overflow:hidden;
}

A:link {color: #2bb4d7;}
A:visited {color: #2bb4d7;}
A:active {color: #2bb4d7;}

/*  Page Layout 
	===========
*/
 
#doc{
	background-color:#fff;
	font-size:1.4em;
	width:100%;
	color:#6e6e6e;
}

#header,
#content,
#footer_modules .content,
#footer_links .content{
	width:960px;
	margin:0 auto;
}

#footer_modules{
	background: #212121;
	color:#eee;
}

#footer_links{
	background: #111;
	color:#eee;
}

/* 	Header 
	======
*/

#header{
	border-top: 2px  solid #9fd7e5;
	padding:0 0 0 0;
	margin-bottom:2px;
}

#header a.logo{
	background:url(../img/global/mm911_logo.png) no-repeat;
	display:block;
	margin-top:23px ;
	height: 65px;
	width:260px;
	text-indent:-9999px;
	float:left;
}

#header #main_nav {
	background:url(../img/global/header_border_bottom.gif) repeat-x 0 100%;
}

#header #main_nav ul{
	float:left;
	padding-left:137px;
	width:563px;
	height:118px;
	overflow:hidden;
}

#header #main_nav ul li{
	display:block;
	float:left;
	height:118px;
}

#header #main_nav ul li a{
	float:left;
	color:#2bb4d7;
	display:block;
	padding:118px 0 0 0;
	overflow:hidden;
	height:0;
	background:url(../img/IR/menu.png) no-repeat;
}

#header #main_nav ul li.history a{width:90px;}
#header #main_nav ul li.visit a{width:72px;background-position:-90px 0;}
#header #main_nav ul li.memorial a{width:104px;background-position:-162px 0;}
#header #main_nav ul li.museum a{width:98px;background-position:-266px 0;}
#header #main_nav ul li.donate a{width:91px;background-position:-364px 0;}
#header #main_nav ul li.about a{width:108px;background-position:-455px 0;}

#header #main_nav ul li.history a:hover{width:90px; background-position:0px -118px;}
#header #main_nav ul li.visit a:hover{width:72px;background-position:-90px -118px;}
#header #main_nav ul li.memorial a:hover{width:104px;background-position:-162px -118px;}
#header #main_nav ul li.museum a:hover{width:98px;background-position:-266px -118px;}
#header #main_nav ul li.donate a:hover{width:91px;background-position:-364px -118px;}
#header #main_nav ul li.about a:hover{width:108px;background-position:-455px -118px;}

#header #main_nav ul.history li.history a{width:90px;background-position:0px -236px;}
#header #main_nav ul.visit li.visit a{width:72px;background-position:-90px -236px;}
#header #main_nav ul.memorial li.memorial a{width:104px;background-position:-162px -236px;}
#header #main_nav ul.museum li.museum a{width:98px;background-position:-266px -236px;}
#header #main_nav ul.donate li.donate a{width:91px;background-position:-364px -236px;}
#header #main_nav ul.about li.about a{width:108px;background-position:-455px -236px;}



/**
 * Interact 
 */
#interact{
	background: #565656;
	width: 951px;
	color: #FFF;
	padding-left: 10px;
	
	height: 30px;
	position: relative;
	z-index: 1000;
}

#interact.subpage{
	top: -2px;
	left: -2px;
	width: 946px;
}

#interact *{
	padding: 0;
	margin: 0;
}

#interact img{
	float: left;
	vertical-align: middle;
}

#interact ul{
	float: left;
}

#interact ul li{
	display: inline;	
	margin-left: 20px;
}

#interact ul li a{
	color: #66ccff;
	font-size: 12px;
}

#interact ul li a:hover{
	color: #FFF;
}

#interact .links{
	float: left;
	padding-top: 8px;
}

#interact .search{
	float: right;
}

#interact .search{
	background: #FFF;
	margin-top: -5px; 
	margin-right: -10px;
	padding: 5px;
}

#interact .search input[type=text]{
	padding: 7px 5px 7px 10px;
	width: 200px;
	border: 1px solid #9F9F9F;	
	float: left;
	color: #030707;
	margin-top: 0px;
	margin-right: 3px;
}




/* 	Content 
	=======
   
	When the page has side navigation, the markup is split up into two divs - sidebar 
	(which contains the navigation) and main (which contains the content).
	
	the markup is styled accordingly:
	#content  .main
	#content  .sidebar
	 
	
	When the page does not have side navigation, the above divs are not neccessary and
	the content can be styled directly in the content div
	
	#content 
*/

/* 
	Rules for a single column layout 
	================================ */

#content{
	padding-top:20px;
}

#content .modules{
	padding-bottom:20px;
}

#content .modules .module{
	margin-top:20px;
	padding-left:40px;
	float:left;
	width:280px;
	border-right:1px solid #e9e9e9 ;
}

#content .modules .top_row{
	padding-bottom:20px;
	border-bottom:1px solid #d2d2d2;
}

#content .modules .left{
	padding-left:0px;
	width:280px;
}

#content .modules .right{
	border:none;
}

#content .modules .module h3{
	margin-bottom:13px;
}

#content .modules .module img,
#content .modules .module p{
	float:left;
}

#content .modules .module p{
width:260px;	
}

#content .modules .module p.date{
	float:left;	
	width:90px;
	line-height:1;
	margin-bottom:10px;
	_margin-bottom:0;
	padding-right:20px;
}
	
#content .modules .module img{
	padding-right:10px;
	padding-bottom:15px;
}

#content .modules .module h4{
	font-weight:bold;
}

#content .modules .module h4 a:hover{
	text-decoration:underline;
}



#content .modules .general .learn,
#content .modules .general .explore,
#content .modules .general .donate,
#content .modules .general .info
{
	float:left;
	width:140px;
}

#content .module li{
	padding-bottom:10px;
}


/* 
	main section in a two column layout 
	====================================*/
#content .main{
	width:675px;
	float:left;
	border-left: 2px solid #ececec;
	margin-left: -9px;
	position:relative;
	z-index:1;
	padding-left: 45px;
	
}

/* learn share remember etc etc modules */
#content .main  .module img{
	padding:8px 0;
	} 

#content .main .module p{
	font-size:.8571em;
	line-height:1.2;
	margin-bottom:10px;
}

/* specific bottom module rules */
#content .main .bottom_modules{
	width:640px;
	background:url(../img/global/header_border_bottom.gif) repeat-x 0 0;
	padding:20px 0;
}

#content .main .bottom_modules .module{
	width:140px;
	border-right:1px solid #e9e9e9;
	float:left;	
	padding:0 10px 
}

#content .main .bottom_modules .last{
	padding-right:0;
	border-right:none;
}

/* specific right module rules */
#content .main .right_modules .module{
	margin-bottom:20px;
	
}



#content .main .related_links{
	border-top:1px solid #d3d3d3;
	padding-top:20px;
	padding-bottom:20px;
}

#content .main .related_links ul {
	padding-top:13px;
	float:left;
	width:187px;
}

#content .main .related_links li {
	display:block;
	float:left;
	width:100%;
}

#content .main .related_links li a{
	display:block;
	
	padding-bottom:8px;
}


/*
	sidebar section in a two column layout 
	======================================*/

#content .sidebar{
	width:212px;
	float:left;
	position:relative;
	z-index:2
}

#content .sidebar .navigation h2{
	background: url(../img/global/header_arrow.png) 178px  0 no-repeat;
	padding-bottom:3px;
	margin-bottom:10px;

}

#content .sidebar .navigation h2.image_replace a{
	display:block;
	background:url(../img/IR/history.png) no-repeat;
	text-indent:-9999px;
	height:18px;
}


#content .sidebar .navigation h2.image_replace a:hover{
	background-position:0 -18px;
}


#content .sidebar .navigation ul{
	width:212px;
	padding-bottom:13px;
}

#content .sidebar .navigation ul li{
	margin-left:12px;
	margin-bottom:3px;
	margin-top:11px;
	background: url(../img/global/navigation_underline.png) 0 100% no-repeat;
}

#content .sidebar .navigation ul li a{
	color:#666;
	font-size:.9285em;
	background: url(../img/global/navigation_arrows.png) 90% 0 no-repeat;
	display:block;
	height:15px;
	font-weight:bold;
	padding:4px 0 2px 0;
}

#content .sidebar .navigation ul li a:hover{
	color:#0694b8;
}

/* sub menu rules */

#content .sidebar .navigation ul li ul.sub_item{
	width:202px;
	padding-bottom:13px;
}

#content .sidebar .navigation ul li ul.sub_item li a:hover
{
	color:#0694b8;
}


/* Main menu item:  Open */
#content .sidebar .navigation ul li.open a{
	background-position: 90% -30px;
}


#content .sidebar .navigation ul li ul.sub_item{
	padding-bottom:0;
}

#content .sidebar .navigation ul li ul.sub_item li{
	width:190px;
	background: none;
	padding:1px 0 ;
	margin-left:11px;
	margin-top:4px;
	margin-bottom:0;
}

#content .sidebar .navigation ul li ul.sub_item li a
{
	color:#666;
	background:url(../img/global/module_arrow.png) no-repeat 10px 5px;
	font-size:.9285em;
	display:block;
	height:15px;
	font-weight:bold;
	width:160px;
	padding:2px 0 2px 27px;
	font-style:normal;
}


#content .sidebar .navigation ul li.active{
	background-image:none;
	margin-left:0px;
}

#content .sidebar .navigation ul li.active a{
	background: url(../img/global/navigation_active_arrow.png) #9fd7e5 100% 0 no-repeat;
	color:#fff;
	font-style:italic;
	padding-left:12px;
}

#content .sidebar .navigation ul li.active ul.sub_item{
	margin-left:12px;
}

/*  Main menu item: Open  ++ Sub menu item: Active */
#content .sidebar .navigation ul li ul.sub_item li.active{
	background: url(../img/global/navigation_active_arrow.png) #9fd7e5 100% 0 no-repeat;
	
}

#content .sidebar .navigation ul li ul.sub_item li.active a{
	background:url(../img/global/module_arrow_white.png)  10px 5px no-repeat;
	color:#fff;
	font-style:italic;
	
}

#content .sidebar .navigation ul li.heading{
	text-transform:uppercase;
	background:none;
	background-color:#333;
	padding-left:12px;
	margin-left:0;
	margin-right:8px;
	padding-bottom:0;
}


#content .sidebar .navigation ul li.heading a {
	border-bottom:none;
	color:#fff;
	font-size:1em;
	padding-bottom:7px;
	padding-top:10px;
	background-position:165px 7px;
}

#content .sidebar .navigation ul li.active a:hover,
#content .sidebar .navigation ul li.heading a:hover{
	color:#fff;
	text-indent:0;
}

/* 	Footer 
	=======
*/
/* 	Footer Modules */
/*  Generic Footer rules */
#footer_modules{
	border-top:1px solid #111;
	border-bottom:1px solid #888;
	padding-top:33px;
}

#footer_modules .footer_module{
	width:320px;
	min-height: 134px;
	_height:134px;
	float:left;
	position:relative;
}

#footer_modules .footer_module p{
	color:#ccc;
	padding-right:50px;
	padding-bottom: 15px;
	position:relative;
	z-index:2;
}

#footer_modules .footer_module p a.text{
	color:#ccc;
}

#footer_modules .footer_module img{
	position:absolute;
	bottom:0px;
	right:20px;
	z-index:1;
}

#footer_modules .footer_module h2 a.image_replace{
	margin-bottom:5px;
}

#footer_modules .footer_module h2 a.image_replace:hover{
	background-position:0 -30px;
}


/* memorial module */
#footer_modules .memorial a.image_replace{
	background:url(../img/IR/memorial_museum.png) no-repeat;
	width:237px;
}


#page_donate_splash #footer_modules .memorial img{
	right:-30px;
}



/* sign up module */
#footer_modules .signup{
	z-index:1;
}

#footer_modules .signup a.image_replace{
	background:url(../img/IR/signup.png) no-repeat;
	width:74px;
}

#footer_modules .signup input{
	vertical-align:middle;
}

#footer_modules .signup input.text{
	width:258px;
	padding: 3px;
}

/* donate module */

#footer_modules .donate a.image_replace{
	background:url(../img/IR/donate.png) no-repeat;
	width:276px;
}


/* about us */

#footer_modules .about_us a.image_replace{
	background:url(../img/IR/about_us.png) no-repeat;
	width:262px;
}

#footer_modules .about_us p {
	width: 155px;
}



/* 	Footer Links */ 
#footer_links .content{
	border-top:1px solid #212121;
	font-size:.7857em;
}

#footer_links .content ul{
	float:left;
	padding:20px 0 17px 240px;
}

#footer_links .content ul li{
	display:inline;
	padding-right:30px;
}

#footer_links .content ul li a{
	color:#9fd7e5;
}

#footer_links .content ul li a:hover{
	color:#0694b8;
}


#footer_links .content p.copy{
	clear:both;
	text-align:center;
	color:#666;	
}

/* Micellanaeous */

.hide{display:none;}

}