@import url("corners.css");

*				{ outline: none;}

body 			{ background: #101721 url(../images/blue_stripe_bg.png) repeat-x; font:12px/18px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size:62.5%; line-height:1.5em; cursor: default; color: #003366; outline: none;
				}
				
input, select, 
th, td 			{ font-size:1.1em; }
td 				{ font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; margin: 0; border-spacing: 0; }
th 				{ font-family: Arial; }
P				{ line-height: 1.4em; text-indent: 15px; font-size:1.2em; }
ul				{ display: inline; }
ul li			{ list-style: none; }
h1, h2, h3, 
h4, h5, h6 		{ font-weight:normal; }
h1				{ color:#0E346E; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size:1.4em;
				font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal;
				line-height:normal; text-transform: uppercase; text-align: center; }

h2 				{ color:#0E346E; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size:1.1em;
				font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal;
				line-height:2.6em; border-top: 1px solid #003366; border-bottom: 1px solid #003366; text-transform: uppercase;
				background-color: #eee; padding-left: 5px; }

h3				{ font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size-adjust:none; 
				font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal;
				text-transform: uppercase; text-align: center; }

h4				{ font-size: 1.2em; font-style: italic; font-weight: bold; text-align: center; }

h5				{ color:#0E346E; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size:1.3em;
				font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal;
				line-height:normal; border-bottom: 1px solid #003366; text-transform: uppercase; margin-left: 20px; }

img				{ border: none; outline: none; }

.left			{ float: left; }
.right			{ float: right; }
.hline			{ border: 1px dotted #b63939; }

/* -------------- WRAPPERS */
#wrapper 		{ margin:auto; width:904px; background: #fff;}
#wrapper2 		{ margin:auto; width:904px; background: transparent;}
#wrapper-small 	{ margin-left: 10px; margin:auto; width:100%; background:#FFFFFF;}


/* -------------- HEADER */
#header 		{ background:transparent url(../images/header_bg.gif) no-repeat scroll center top; height:113px; }
#logo 			{ padding-top: 8px; padding-left: 30px; float:left; width:25%; }
#topRight		{ padding-top: 10px; text-align: right; float:right; width:70%; }
.topRight 		{ color:#990000; font-size:1.3em; letter-spacing: .5px; padding:6px 13px 1px 0; }
.smallText 		{ font-size:1.15em; color: #000; padding-right: 3px; }
.smallText2 	{ font-size: 1.2em; color: #000; }
.attention		{ display: block; cursor: default; outline: none; height: 32px; width: 32px; margin: 20px 20px 0px 30px; }



/* -------------- TOP NAV */
.nav-bar		{ border-right:1px solid #666666; }
.active-page	{ color:#990000; font-size:1.0em; font-weight: bold; text-decoration:overline; text-transform:uppercase;
				padding: 0 6px; cursor: default; }
				
ul#main-nav		{ font-size: 1.0em; display: inline; text-align: right; margin-right: 10px; padding-right: 30px; outline: none;
				cursor: pointer; font-family: "zmi-font";}
a.topNav:link, 
a.topNav:visited { color:#000; font-size:1.0em; font-weight: normal; text-decoration:none; text-transform:uppercase;
				padding: 0 6px; outline: none; }
a.topNavEnd:link, 
a.topNavEnd:visited { border:0 none; color:#000; font-size:1.0em; padding:0 6px; text-decoration:none; text-transform:uppercase;
				outline: none; }
a.topNav:hover	{ color:#990000; font-size:1.0em; font-weight: normal; text-decoration: underline; outline: none;
				cursor: pointer; }
				
				
				
/* ------------ MIDDLE NAV */
#middle-nav		{ display: block; background: #0b4376; margin-bottom: 0px; margin-left: 10px; padding-top: 13px; width:881px;
				height:32px; outline: none; }
				
#middle-nav a.nav-left:link, 
#middle-nav a.nav-left:visited { text-align: left; color:#FFFFFF; display:inline; font-size:1.6em; font-weight:300; padding-top: 19px;
				padding-left:25px; padding-right:5px; text-transform:uppercase; letter-spacing: 1.5px; text-decoration: none;
				margin-top: 10px; outline: none; }
				
#middle-nav a.nav-left-cur, 
#middle-nav a.nav-left:hover { text-align: left; color: #00b9fc; display:inline; font-size:1.6em; font-weight:300;padding-top:19px;
				padding-left:25px; padding-right:5px; text-transform:uppercase; letter-spacing: 1.5px; text-decoration: none;
				outline: none; cursor: pointer;	}
				
				
/* ------------ NEW COLUMNS AREA */
#main-pic 		    { margin-left: 10px; padding-top:0px; margin-bottom: 1px; width: 881px; height: auto; border-top: 1px solid #222; }

#content-area 	    { display: block; position: relative; width: 881px; width: 900px; }

#content-area.background-pic	{ display: block; width: 900px; background: transparent url(../images/zmi_old_cave1.png) no-repeat scroll center center; }
				
#col1-wrapper	    { display: block; width: 300px; height: 550px; float: left; margin-top: 5px; padding-left: 5px; padding-right: 5px;
				    border-right: 1px dotted #990000; }
				
#col2-wrapper	    { display: block; width: 320px; height: 550px; float: left; margin-top: 5px; padding-left: 5px; padding-right: 5px;
				    border-right: 1px dotted #990000; }

#col3-wrapper	    { display: block; margin-top: 5px; padding-left: 5px; width: 245px; height: 550px; float: left; }

.why-not		    { text-align: center; font-weight: bold; font-size: 1.2em; margin-left: 10px; padding-top: 10px; }

.mark_holder	    { display: block; width: 300px; height: 120px; float: left; }

.mark_pic		    { display: block; margin: 10px; border: 2px solid #003366; margin-left: 35%; margin-top: 15px; text-align: center; }

.why-label		    { display: block; width: auto; /* 150px with pic */ float: left; }

.why-words		    { display: block; float: left; padding: 10px; letter-spacing: .5px; }

.Download-items	    { display: block; margin-top: 15px; margin-bottom: 35px; padding-top: 5px; padding-left: 5px; font-family: Helvetica;
				font-size:1.2em; text-align: center; }

.mark_container,
.mark_container_plain { display: block; float: left; width: 90px; height: 90px; text-transform: capitalize; text-align: center;
				font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size: 1.2em; border: 1px solid transparent;
    			margin-left: 13px; margin-top: 15px; /*	background-color: rgba(226,226,226,0.5); */}

.mark_container_plain img 	{ padding: 7px; margin-left: 5px; }
.mark_container img			{ border: 2px solid transparent; padding: 5px; margin: 0 auto; }
.mark_container:hover		{ font-weight: bold; color: #990000; }

.active-mark	    { background-color: #fff; border: 3px solid #fff; cursor: pointer; }
.about-each 	    { display: block; width: 300px; float: left; padding-left: 10px; padding-right: 10px; letter-spacing: .5px;
				    line-height: normal; }
.item_link img	    { padding:5px; text-transform: capitalize; }
.active img		    { padding:5px; text-transform: capitalize; }


/* ------------ NEW COLUMNS AREA */
#content-request 	{ position: relative; padding:12px; text-align: center; }

.subhead1, 
.subhead1:link, 
.subhead1:visited 	{ color: #990000; color: #fff; font-size: 1.4em; font-weight: normal; text-decoration: none; text-align: center;
					background: #fff; background: #0b4376; padding: 10px; }
					
.subhead1 a:hover 	{ color: #666666; text-decoration: none; text-align: center; }
.subhead2 			{ color: #990000; font-size: 1.4em; font-weight: bold; text-decoration: none; text-align: left; padding: 10px; }

/*---------------------- EXTRAS */
span.zmi		    { font-weight: bold; color: #0b4376; text-transform : capitalize;}

.new 				{ background:transparent url(../images/new.png) no-repeat scroll center top; width: 38px; height:13px;
					z-index: 5; top: 0;}

/* ------------------------ FOOTER AREA */
#footer-area 		{ color:#006699; line-height: 1.4em; font-size:1.0em; width: 100%; height:70px;
						text-decoration: none; letter-spacing: 1px;}

.copyright 			{ font-family: Arial; font-size:1.0em; font-style:normal; font-variant:normal; font-weight:normal;
					line-height:normal; margin-top:8px; margin-bottom: 8px; text-align: center; padding-bottom: 5px;
					border-bottom: 1px solid #003366; text-align: center; }

.spacer-75			{ padding-bottom: 75px; }

.mission			{ font-size: 1.0em; padding: 0 10px 0 10px; line-height: 1.2em; }

.toeJam				{ margin-top: 30px; padding-bottom: 5px; text-align: center; border-bottom: 1px solid #003366; }


/* ------------------------ SITEMAP AREA */
#sitemap			{ margin-top: 40px; margin-bottom: 10px; font-size: 8px;}
#sitemap a.first    { color: #006699; border-bottom: none 1px; text-decoration: none; padding-left: 30px; 
                    text-transform: uppercase; border-left: 1px solid transparent;}
#sitemap a          { color: #006699; border-bottom: none 1px; text-decoration: none; padding-left: 7px; 
                    text-transform: uppercase; border-left: 1px solid #006699;}
#sitemap a:hover    { cursor: pointer; color: #fff; text-decoration: underline;}

/* ------------------------ CAREER PAGE */
.career_benefits 	{ list-style: none; font-size: 14px;}
.career_benefits li	{ text-align: center; padding: 5px;}
span.career_direct  { font-size: 8px; text-align: center; }

.clear 			    { overflow: hidden; width: 100%; clear: both; }
.click2             { border-bottom: 1px dotted #003366; text-decoration: none; text-align: left; color:#003366; padding: 0; cursor: pointer; }
.click2:hover       { text-align: left; text-decoration: none; border-bottom: 1px solid #003366; }

#version 		    { color: #263650; text-transform: uppercase; top: 0; left: 0;}
#version:hover	    { color: red;}


/* iPad landscape 

@media (max-width: 1024px){
	html, body						{ width: 700px; }
	#wrapper, #wrapper2 		 	{ width: 100%; margin: 10px;}
	#main-pic 						{ width: 680px; }
	#main-pic img		 			{ width: 680px; height: auto; margin: 0; padding-left: 0; border-top: none;} 	
	#middle-nav 					{ width: 680px; }
	#content-area					{ width: 680px; }
	#col1-wrapper					{ padding-left: 20px; }
	#col2-wrapper					{ padding-left: 20px; border-right: 1px dotted transparent; }
	#col3-wrapper					{ display: none; }
	
	/* FAQ PAGE 
	#content_block					{ width: 680px; }
	
	/* LOCATIONS PAGE 
	#location-content				{ width: 380px; margin-left: 15px; float: left; } 
	#location img					{ width: 300px; height: 230px;}
	.location-map img				{ max-width: 300px; height: 350px; background: red;}											
}

@media (max-width: 768px){
}

/* iPad portrait 
@media (max-device-width: 1024px) and (orientation: landscape ){
	html, body						{ width: 700px; }
	#wrapper, #wrapper2 		 	{ width: 100%; margin: 10px;}
	#main-pic 						{ width: 680px; }
	#main-pic img		 			{ width: 680px; height: auto; margin: 0; padding-left: 0; border-top: none;} 	
	#middle-nav 					{ width: 680px; }
	#content-area					{ width: 680px; }
	#col1-wrapper					{ padding-left: 20px; }
	#col2-wrapper					{ padding-left: 20px; border-right: 1px dotted transparent; }
	#col3-wrapper					{ display: none; }
}

/* smartphones 
@media (max-width: 600px;){
	html, body						{ width: 700px; }
	#wrapper, #wrapper2 		 	{ width: 100%; margin: 10px;}
	#main-pic 						{ width: 680px; }
	#main-pic img		 			{ width: 680px; height: auto; margin: 0; padding-left: 0; border-top: none;} 	
	#middle-nav 					{ width: 680px; }
	#content-area					{ width: 680px; }
	#col1-wrapper					{ padding-left: 20px; }
	#col2-wrapper					{ padding-left: 20px; border-right: 1px dotted transparent; }
	#col3-wrapper					{ display: none; }
	
	/* FAQ PAGE  
	#content_block					{ width: 680px; }
	
	/* LOCATIONS PAGE  
	#location-content				{ width: 380px; margin-left: 15px; float: left; } 
	#location img					{ width: 300px; height: 230px;}
	.location-map img				{ max-width: 300px; height: 350px; background: red;}											
}
*/