@charset "utf-8";


/* Page layout
------------------------------------------------------------*/

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100.1%;width:100%;}
/* end hide */
body {
background-color: #251100;
text-align:center;
min-height:736px;/* for good browsers*/
min-width:955px;/* for good browsers*/
}

iframe {position: relative;}

#outer {
width: 1000px;/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
text-align: left; /* this overrides the text-align: center on the body element. */
margin:0 auto;/* the auto margins (in conjunction with a width) center the page */
position:relative;
height:800px;
}

#header {
	background: #DDDDDD;
	background-image: url(images/main-nav-eng.jpg);
	background-repeat: no-repeat;
	height: 55px;
}

#subcontainer {
	background-image: url(images/stories-bg.jpg);
	height: 795px;
	background-repeat:no-repeat;
}

	

/* Navigation Bar
-----------------------------------------------------------*/



ul#map-list { width: 470px; height: 165px; position: relative; left: 18px; top: -262px;}

li {list-style:none;}
/*
li#bla:hover { width: 470px; height: 165px; background: no-repeat 0 0 url(images/bla.jpg); z-index:2; list-style:none;}
li#cay:hover { width: 470px; height: 165px; background: no-repeat 0 0 url(images/cay.jpg); z-index:2; list-style:none;}
li#dav:hover { width: 470px; height: 165px; background: no-repeat 0 0 url(images/dav.jpg); z-index:2; list-style:none;}
li#dew:hover { width: 470px; height: 165px; background: no-repeat 0 0 url(images/dew.jpg); z-index:2; list-style:none;}
li#ede:hover { width: 470px; height: 165px; background: no-repeat 0 0 url(images/ede.jpg); z-index:2; list-style:none;}
li#hig:hover { width: 470px; height: 165px; background: no-repeat 0 0 url(images/hig.jpg); z-index:2; list-style:none;}
li#lon:hover { width: 470px; height: 165px; background: no-repeat 0 0 url(images/lon.jpg); z-index:2; list-style:none;}
li#mel:hover { width: 470px; height: 165px; background: no-repeat 0 0 url(images/mel.jpg); z-index:2; list-style:none;}
li#mil:hover { width: 470px; height: 165px; background: no-repeat 0 0 url(images/mil.jpg); z-index:2; list-style:none;}
li#oko:hover { width: 470px; height: 165px; background: no-repeat 0 0 url(images/oko.jpg); z-index:2; list-style:none;}
li#red:hover { width: 470px; height: 165px; background: no-repeat 0 0 url(images/red.jpg); z-index:2; list-style:none;}
li#sik:hover { width: 470px; height: 165px; background: no-repeat 0 0 url(images/sik.jpg); z-index:2; list-style:none;}
li#tur:hover { width: 470px; height: 165px; background: no-repeat 0 0 url(images/tur.jpg); z-index:2; list-style:none;}
*/

#mmenu { position:relative;}

#mmenu a { position:absolute; height: 55px; top: 0px; text-decoration:none;}
	
a#home {left: 0px; width:143px;}
a#planning { left: 148px; width: 130px;}
a#insight {	left: 278px; width:126px;}
a#back {left: 404px; width:139px;}




/* Text Atributes
---------------------------------------------------------- */


h1, h2, h3, h4, p, a { font-family: "Lucida Handwriting","Comic Sans MS",Arial; color:#251100;}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#title h3 {font-size:1em}

.verify {padding:10px 20px;}

.no-css { display:none; text-indent: -9999px;}

#description h4 { font-weight:bolder;}


/* Sub Container Stucture
---------------------------------------------------------- */

/* --- Story Nav --- */

#storynav { position:absolute; overflow:auto; width: 500px; height:102px; left: 495px; top: 54px; line-height:2em;}

#storynav ul#stu-stories {position: absolute; left:115px; top:25px; z-index:2; }
#storynav ul#stu-stories li {display:inline; padding:5px;}

#storynav img#stu-stories-img {position: absolute; left:15px; top:20px; width:94px; height:39px; }

#storynav ul#eld-stories {position: absolute; left:115px; top:65px; z-index:2;}
#storynav ul#eld-stories li {display:inline; padding:5px;}

#storynav img#eld-stories-img {position: absolute; left:16px; top:60px; width:94px; height:39px; }


/* --- Text/Script Area --- */

div#textarea {
	position: absolute;
	top:87px;
	left: 45px;
	width:420px;
	height:575px;
}
div#title {
	width:410px;
	height: 90px;
	text-align:left;
	padding-left: 10px;
}
div#description {width:420px; height: 490px; overflow: auto; text-align:left;}

/* --- Video --- */

div#video {position:absolute; top:180px; left: 525px; width:400px; height:250px; z-index:3; text-align:center; background-color:#330000;}
div#videosize {position:absolute; top:710px; left:525px; width:400px; height:30px; text-align:center; z-index:10;}
div#videosize p {font-size: 0.8em; font-style: italic; text-transform: none; color: #E4CDA4;}


/* --- End ALL --- */