/* Layout ******************/

body { width: 100%; height: 100%; padding: 0; margin: 0 auto; }
#body {	min-width: 1000px; width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%"); }


/*#logo, #logo div { behavior: url("/iepngfix/iepngfix.htc"); } */

#logo { 
	position: absolute; top: 0; left: 0;
	width: 253px; height: 197px;
	margin-top: -1px; margin-left: -1px;
	background: url('melords-logo.png') no-repeat 0 0;

}

#logo a { display: block; width: 100%; height: 100%; }


/* Header with title & photo of battle*/
#header { height: 142px; padding: 26px 0 0 320px; }




/* header Title & Photo */
#title, #h-ph { height: 100%; width: 50%; //width: 49.99%;}
#title { float: left; }
#h-ph {	float: right; text-align: left; }
#h-ph-p{
	width: 500px; height: 100%;
	background-image: url('');
	background-position: top left;
	background-repeat: no-repeat;
}


/* FIRST level of DIV */
#container {
	width: 100%; height: 100%;
	padding: 24px 0 0 25px;
}

/* End of FIRST level of DIV */

/* SECOND level of DIV */
#menu {
	width: 177px; height: 100%;
	float: left;
	margin-left: -100%;
}

#content-wrapper { width: 100%; float: left; }

#content {
	padding-top: 2px;
	margin-left: 177px;
}
/* END of SECOND level of DIV */



/* THIRD level of DIV */
#sections, #photo {
	height: 100%;
}

#photo { height: 356px; vertical-align: bottom;}


#sections { padding-top: 10px; height: 400px; padding-bottom: 30px;}

#loginBox { height: 420px; } #history { height: 420px; }

/* loginBox & history */
#lh-wrapper { width: 100%; }


#loginBox, #news-bar {
	float: left;
	width: 375px;
}



#news-bar, #map {
	margin-top: 30px; 
	//margin-top: 20px;
}
#news-bar {padding: 20px 0 20px 0px;}
#nb { margin: 10px 0 0 10px; }

#hm-wrapper { margin-left: 0px; }
#history, #map {
	padding: 0px 10px 0px 40px;
	//padding-right: 40px;
	float: left;
	overflow: none;
}

#map {padding-left: 26px;}

#history p {
	text-align: justify;
	text-indent: 2em;
	margin: 0px;
}

#map { width: 100%; //width: auto; padding-right: 0; //padding: 10px 0px 0px 30px; }
#map #baloon-wr {
	//width: 100%; height: 353px;
	background-position: top left;
	background-repeat: no-repeat;
}


#map #baloon-wr #numenor {

	float: left;
	padding: 10px 5px 5px 5px;
	position: relative; 
	top: 130px; left 0px; 
	width: 200px; height: 155px;
}


#map #baloon-wr #mordor {
	position: relative; 
	padding: 10px 5px 5px 5px;
	width: 120px; height: 115px;
}

#map #baloon-wr #moria {
	position: relative; 
	padding: 10px 5px 5px 5px;
	width: 100px; height: 100x;
}

#map #baloon-wr #mirkwood {
	position: relative; 
	padding: 10px 5px 5px 5px;
	width: 100px; height: 100x;
}

#forum, #news {
	width: 80%;
	margin-left: 1.5em; padding: 1em;
}

#forum #c { margin-bottom: .25em; }
#forum #h {font-size: 12px; color: grey; }
#forum #b { font-size: 12px; color: black; padding-left: 1.5em; } 

#footer {
	border: 0px solid blue;
	padding-top: 30px;
}

#scroll {
	text-align: center;
	vertical-align: middle;
	clear: both;
	width: 100px; height: 75px; padding-top: 5px;
	background: center top url("/images/scroll.gif") no-repeat;
}



#scroll img {
	border: 1px solid green;
	padding: 0em;
	margin-top: 0px;
}

#left, #center { border: 0px solid red; }

#left { 
	float: left; 
	width: 200px; 
	margin-left: -100%; 
	text-align: center; 
}


#center-wrapper { float: left; width: 100%; }

#center { 
	margin: 0 0px 0 200px; 
	text-align: center; 
}

a { text-decoration: color: green; }
a:link, a:active {color: darkgreen;}
a:visited {color: green;}
a:hover {color: lightgreen;}

/* Fonts *******************/
body { font-family: Arial, Sans Serif; font-size: 90%; }
#body { font-family: Arial, Sans Serif; font-size: 100%; }

#title { font-size: 120%; text-align: center; }

#history { font-size: 10pt;	line-height: 120%; }

#news-bar { font-size: 120%; font-weight: bold; }

#forum, #news {	font-size: 10pt; font-weight: normal;}

.sections { font-size: 120%; font-weight: bold; padding-left: 18px;}
.sections a { text-decoration: none; }
#stat {margin-left: 30px; font-size: 12px;}

.FLetter { font-size: 120%; font-weight: bold; color: red; }


/* Colors ******************/

body { 
	background-image: url(pattern-v.gif);
	background-repeat: repeat-y; background-position: left 40px;
	background-color: #d8c987;
}

#body {
	background-image: url(pattern-h.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#pattern-v, #pattern-v1, #pattern-v2, #pattern-v3 {
	position: absolute;	left: 0px; top: 609px;
	width: 100%; height: 27px;
	background-image: url(pattern-h.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#pattern-v1 { top: 980px; }

#pattern-v2, #pattern-v3 { top: 609px; width: 190px; display: none;}

#pattern-v3 { top: 1030px; }




#title {
	background-image: url(pattern-v.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

#container {
	background-image: url(pattern-h.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#sections, #photo {
	background-image: url(pattern-v.gif);
	background-repeat: repeat-y;
	background-position: right top;
}


#history, #map {
  background-image: url(pattern-v.gif);
  background-repeat: repeat-y;
  background-position: left top;

}

#loginBox {
	background-image: url(EnterMelords_375.jpg);
	background-repeat: no-repeat;
	background-position: center 75%;
}


label { 
	color: white;
	font-size: 100%;
	width: 4em;
	margin-right: 0.5em;
}

#footer1 {
	background-image: url(pattern-h.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


#login, #password { border: 1px solid white; width: 100%;}

#subm, #registration { background-color: #339933; border: 1px solid white; color: white; width: 150px; height: 43px; margin-right: 10px;}
#subm {width: 70px; height: 56px; margin-top: 16px; //height: 58px;}
#registration { width: 152px; }


#forum, #news {
	border: 1px solid #c0a43a;
}

/* Misc ********************/

div {
	border: solid 0px transparent;
	overflow: hidden;
}

table { border: 0px solid red; }

td { border: 0px solid white; }