@charset "UTF-8";
/* CSS Document */
/*********************universal styles************************/
body {
background: url(../images/concrete_tile.jpg) repeat;
padding: 0; margin: 0;
}

#container {margin: 0 auto;	width: 1013px;}

#nav {float: left; width: 245px; height: 785px; position:relative; margin-left: -2px;}
#nav ul { list-style: none; padding: 0; margin: 160px 0 0 0;}
#nav ul li { width: 163px; height: 55px; line-height: 55px; text-align: right;}

#shadow {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background:url(../images/shadow.png) repeat;}

#footer {
	width: 1000px;
	background: url(../images/mpb_logo.png) no-repeat;
	padding: 40px 0 10px 128px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	position: absolute;
	top: 650px;
	z-index: 10;
}
#footbg { width: 100%; height: 29px; background: #b8b5ac; position: absolute; top: 681px; }
#cac { font: 8px Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; position:absolute; top: 720px; left: 777px;}
#cac a {color:#000000; text-decoration:underline;}
#cac a:hover {color: #CCCCCC; text-decoration:underline;}


a { color: #64410F; text-decoration: none;}
a:hover { color:#64410F; text-decoration: underline;}

.caps { text-transform: uppercase; font-size: 12px;}

#textblock {background: url(../images/background_textblock.png) no-repeat ; width: 550px; height: 470px; float:left; position:relative; margin: 160px 0 0 -230px;}
* html #textblock {background: url(../images/background_textblock2.png) no-repeat; width: 320px; height: 495px; float:left; position:relative; margin: 160px 0 0 0; }/**hack for IE6 browser**/
#text { width: 205px; height: 380px; overflow:auto; display:block; position:absolute; z-index:100; margin: 60px 0 0 300px; padding:0 10px 0 0; font: normal 12px/18px Arial, Helvetica, sans-serif; }
* html #text { width: 205px; height: 380px; overflow:auto; display:block; position:absolute; z-index:100; margin: 60px 0 0 63px; padding:0 10px 0 0; font: normal 12px/18px Arial, Helvetica, sans-serif; }/**hack for IE6 browser**/

/******************homepage styles**********************/
#homepage { float:left; width: 768px; height: 785px;}
#homenav {	background: url(../images/homepageright.png) no-repeat;	float: left; width: 245px; height: 785px;}
#homenav ul { list-style: none; padding: 0; margin: 160px 0 0 0;}
#homenav ul li { width: 163px; height: 55px; line-height: 55px; text-align: right;}

/*******************map page styles******************/
#interactive {  width:1013px; height: 785px; background:url(../images/background_mapPage.png) no-repeat;}
#inter_map { width: 450px; height: 809px; float:left;position:relative;}

/*******************about page styles******************/
#about_page {  width:1013px; height: 850px; background: url(../images/background_aboutPage.png) no-repeat;}
#center { width: 450px; height: 809px; float:left;position:relative;}
#video { width: 360px; height:315px; padding: 3px 0 0 3px; background:url(../images/video_shadow.png) no-repeat; margin: 163px 40px 0 40px;}

/*******************resources page styles******************/
#resources_page {  width:1012px; height: 786px; background: url(../images/background_resourcesPage.png) no-repeat; margin-left: -65px;}
#res_center { width: 550px; height: 500px; float:left; position:relative; background:url(../images/resources_text_bg.png) no-repeat; margin: 160px 0 0 270px;}
* html #res_center { margin: 160px 0 0 130px;}/**hack for IE6 browser**/
#res_text { width: 205px; height: 420px; overflow:auto; display:block; margin: 25px 0 0 300px; padding:0 10px 0 0; font: normal 12px/18px Arial, Helvetica, sans-serif;}
#res_nav {float: right; width: 245px; height: 785px; position:relative; margin-right: -66px;}
#res_nav ul { list-style: none; padding: 0; margin: 160px 0 0 0;}
#res_nav ul li { width: 163px; height: 55px; line-height: 55px; text-align: right;}

/*******************battlefront photo gallery page styles******************/
#battlefront_page {  width:1013px; height: 850px; background: url(../images/background_battlefrontPage.png) no-repeat;}
#photo_center { width: 600px; height: 609px; float:left ;position:relative; margin: 230px 0 0 -255px; z-index: 10;} /**controls placement of the photogallery on the photo pages**/
#photo_nav {float: right; width: 245px; height: 785px; position:relative; margin-right: 0px;}
* html #photo_nav {margin-left: -100px;} /** Internet Explorer 6 hack to make the navigation line up in the right place in IE6**/
#photo_nav ul { list-style: none; padding: 0; margin: 160px 0 0 0;}
#photo_nav ul li { width: 163px; height: 55px; line-height: 55px; text-align: right;}
/*******************battlefront photo gallery page styles******************/
#homefront_page {  width:1013px; height: 850px; background: url(../images/background_homefrontPage.png) no-repeat;}

/************************popup pages styling****************/
#popup { background: url(../images/bg_popup_book.png) no-repeat; height: 675px; padding: 80px 0 0 0; margin: 40px 0 0 0; }
#pop_center { width: 340px; height:545px; margin: 0 0 0 120px; overflow:auto; padding:0 10px 0 0;}
/* html #popup { background: url(../images/bg_popup_book.png) no-repeat; z-index: 1; } *hack for IE6 browser**/
/* html #pop_center { width: 350px; height:545px; margin: 0 0 0 490px; overflow:auto; position:absolute;}/**hack for IE6 browser**/

#close { width: 20px; height: 85px; float:left; margin: -60px 0 0 40px;}
.title { font: 20px/28px Arial, Helvetica, sans-serif; color:#793430; text-align:center; width:340px;}
#pop_center p { font: 12px/16px Arial, Helvetica, sans-serif; margin: 10px 0; padding: 0; }
#pop_video { width: 330px; height:215px; padding: 1px 0 0 1px; background: url(../images/bg_small_video_dropshadow.png) no-repeat;  }
#pop_center p .img { float:left; margin: 10px 10px 10px 0; border: 0;}/*for any images used within the popup pages, aligns them the left so text can flow around and gives space between image and text*/ 

#pop_footer {
	background: url(../images/mpb_logo.png) no-repeat;
	width: 800px;
	margin: 0 auto;
	padding: 40px 0 10px 105px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	position: absolute;
	top: 750px;
	z-index: 10;
}
#pop_footbg { width: 100%; height: 29px; background: #b8b5ac; position: absolute; top: 781px; }




/************IMAGE GALLERY STYLING************/

/* ================================================================ 

This copyright notice must be untouched at all times.



The original version of this stylesheet and the associated (x)html

is available at http://www.stunicholls.com/gallery/hover_gallery.html

Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.

This script and the associated (x)html may be modified in any 

way to fit your requirements. 



Please see 'Terms of use' on stunicholls.com

=================================================================== */



#menu {position:relative; width:720px; font-family:arial, verdana, sans-serif; font-size:12px;}

#menu img {display:block;}

#menu img#loading {position:absolute; left:330px; top:100px;}

#menu ul {padding:0; margin:0; list-style:none;}

#menu ul#sub_0 {height:25px;}

#menu ul#sub_0 li {display:inline; float:left; cursor:pointer; color:#fff; width:100px; text-decoration:none; height:20px; line-height:20px; cursor:pointer; }

#menu #sub1 {width:257px; height:500px; overflow:auto; cursor:pointer; float:left; margin-right: 15px;}

#menu #sub1 ul li {float:left; width:100px; height:80px; }

#menu #sub1 ul {height:auto; }

#menu #sub1 #sub_11 {width:240px;}

#menu #sub1 #sub_21 {width:240px;}

#menu #sub1 #sub_31 {width:240px;}

#menu #sub1 #sub_41 {width:240px;}

#menu #sub2 {height:435px; width: 400px; padding: 10px; float:left; margin-top: -114px; background:url(../images/bg_photo_dark.png) repeat;}
* html #menu #sub2 {height:435px; width: 400px; padding: 10px; margin-top: -114px; background:url(../images/bg_photo_dark.png) repeat; position:absolute;  }
#menu #sub2 .img { margin-top: 10px;}
#menu #sub2 p { display:block; width: 380px; text-align:center; color:#FFFFFF; padding: 10px; margin: 0;}

#menu a:active, #menu a:focus {outline:0;}


.none {display:none;}

.yes {display:block;}


#menu ul#sub_0 li.clicked {background: url(../images/bg_underline.png) no-repeat; }

/*#menu li.clicked {background: url(../images/bg_underline.png) no-repeat; }*/