
body {
	color: #EFEFEF;
	background: #333333;
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

body, html, h1, h2, h3, p, ul, li, div, span {
	margin: 0;
	padding: 0;
}
a {
	color: #fff;
	font-weight: normal;
	background: transparent;
	text-decoration:none;
}
a:visited {
}

a:hover {
	text-decoration:underline;
}

ul, li {
	display: block;
	list-style: none;
}

.clear {
	clear:both;
	height:0;
	padding:0;
	margin:0;
	width:0;
}


/* -------------------------------- RANDOM IMAGE BOX -----------------------*/
#rand_img {
    position:absolute;
	top:30px;
    right:0px; 
 }

#rand_img img.wrapper {
	border: 5px solid #FFF;
	border-right: 0px;
	margin-right:0px;
	text-align: center;
}

#rand_img a.ranimg {
	text_decoration:none;
}

/* -------------------------------- LOGIN BOX ----------------------------- */
div#login {
	position: relative;
	top: 20px;
	left: 220px;
	display: block;
	height: 20px;
	width: 20px;
	margin: 0;
	padding: 0;
	border:none;
	text-align:left;
}

#logindiv lable {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	padding-right: 8px;
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
	width:120px;
	color:#333333;
	text-align:left;
}

#logindiv input {
	font-size:1.0em;
	margin:5px 0 0 0;
	border:1px solid #D9D8D5;
	font-family: Arial, Geneva, Helvetica, Verdana,  Tahoma, sans-serif;
	width:20px;
	}

.login_h3
{
	font-size:1.2em;
	text-align:left;
}

.login_submit {
	width:60px;
	font-size:0.9em;
	width:auto;
	margin-left: -50px;
	padding: 2px 0 2px 0;
	border:1px solid #B5BB7D;
	background:#CFDB8F;
	color:#000000;
}

/* MAIN NAVIGATION */

#main_nav {
	color: #fff;
	background:#333333;
	height: 1.3em;
	padding: 1px 0;
	width:740px;
	text-align:left;
	border-bottom:1px solid #6C6C6C;
	border-top:1px solid #6C6C6C;
	margin-bottom:4px;
}

#main_nav ul {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
	display: inline;
}
#main_nav li {
	display: inline;
	font-size: 0.78em;
}

#main_nav a {
	font-size: 0.78em;
	padding: 0 5px 0 8px;
	color: #fff;
	text-decoration:none;
}

#main_nav a:link, #main_nav a:visited {
	color: #fff;
}

#main_nav a:hover, #main_nav a:active {
	color: #fff;
}

/* ------------------------- THUMBNAIL DISPLAY ----------------------*/
#thumbnails {
	width:430px;
	margin:30px auto 2px auto;
}

#thumbnails .gal_name  {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	color: #FF9900;
	margin-bottom:10px;
}


/* --------------------------- MAIN CONTAINER ------------------------*/

#container {
	width:740px; 
	margin:0 auto;
	padding:0 20px;
	background:url(../images/bg_body.png) repeat-y;
}

/* ----------------------------------  BANNER ------------------------------ */
#container  .banner {
	height:140px; 
	background:url(../images/header.png) no-repeat; 
	width:740px;
}


/* ----------------------------------  CONTENT - MAIN TEXT AND NAVIGATION RIGHT ------------------------------ */
#content_wrap {
	width:100%; 
	background:#3F3F3F url(../images/bg_content.png) repeat-y;
	border-top:1px solid #606060;
}

#galContent {
	background-image:none; 
	background-color:#3F3F3F; 
}

h1.name {
	text-align:center; 
	margin-top:15px;
	font-size:1.5em;
	margin-bottom:2px;
}

h4.quote {
	font-size:0.7em; 
	margin-top:4px;
}


#main_content {
	width:550px;
	float:left;
	padding-bottom:15px;
	background:url(../images/Watermark_CoatArms.png) 5px 200px no-repeat; 
	min-height:600px;
}

#main_content p {
	line-height:16px;
}

#main_content li {
	margin-top:20px;
	margin-left:10px;
}

/* -----------------------------  BODY TEXT  ------------------------------ */

#section_txt {
	width:90%;
	margin:30px auto 10px auto;
	font-size:0.80em;
	text-align:justify;
}

#section_txt .subheading  {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	color: #FF9900;
	font-weight:normal;
}

#section_txt .fn_list {
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

#section_txt .nav_order {
	width:95%;
	border-top:1px dotted #CCC;
	margin-left:auto;
	margin-right:auto;
}

#section_txt a.lists {
	font-size:1.0em;
	color: #FFF;
	text-decoration: none;
	display: inline;
}

#section_txt ul {
	list-style: none;
	margin-left: 20px;
	padding: 7px 0 10px 0;
}

#section_txt li {
	display: block;
	width: 100%;
	background: transparent;
	margin: 0 5px;
	padding: 3px 0 3px 0;
}

#section_txt ul li a {
	color:#FFF;
}

#section_txt select, #section_txt textarea, #section_txt input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:65%;
	margin: 2px 5px;
	border:1px solid #CCC;
}
#section_txt textarea {
	width:95%;
}

#section_txt textarea.titles {
	font-size:1.0em;
}

#section_txt input.submit {
	width:auto;
	margin: 0 5px;
	padding: 2px 0 2px 0;
	border:1px solid #B5BB7D;
	background:#CFDB8F;
	color:#000;
}

#section_txt textarea {
	font-size:1.0em;
}

#section_txt label {
	font-weight:bold;
	text-align:right; 
	width:130px;
}

#section_txt a.link {
	color:#CFDB8F;
	background: url(images/bullet.gif) bottom center no-repeat;
	margin: 0 0 5px 0;
	padding-bottom: 4px;
	text-decoration: underline;
	font-weight:700;
}

#section_txt input.upload {
	border:1px solid #CCC;
}



/* end */

/* -------------------------------------  right col ---------------------------------- */


#right_col {
	width:190px;
	background-color:#6C6C6C;
	vertical-align:top;
	float:left;
}

/* Menu in right col */



/* ------------------------------------ MEMORIAL GALLERY ----------------------------- */
div.expandable img {
	margin-top:4px;
	border:0;
}

div#memGallery {
	width:480px; 
	margin:10px auto;
}

div#memGallery .indivCell {
	width:104px; 
	height:135px; 
	padding-top:0px; 
	text-align:center;
	border:1px solid #646464; 
	margin:6px; 
	float:left;
}

div#memGallery .galDesc {
	margin:0; 
	padding:0;
}

div#memGallery .galDesc a {
	margin:0 auto;
	color:#999;
	font-size:0.9em;
	font-weight:bold;
}

div#memGallery .galDesc a:hover {
	color:#FFF;
	text-decoration:none;

}

div#memGallery .galThumb {
	margin:0; 
	padding:0;
}

div#memGallery .galThumb a {
	border:0;
}

div#memGallery .galThumb img {
	margin:10px; 
	border:1px solid #1D1D1D;
}



/* ------------------------------------ MEMORIAL TRIBUTES ----------------------------- */

div.tribDetails {
	margin: -6px 30px 0px 30px;
}

div.tribDetails p {
	padding:10px;
	text-align:left;
	font-size:0.75em;
	line-height:1.5em;
}


/* ------------------------------------- main gallery styles ------------------------ */

#story {
	margin-bottom:6px;
}

#story li {
	margin-top:5px;
}

#story p.story_txt {
	font-size:0.8em;
	padding:10px;
	text-align:justify;
	font-size:0.9em;
}

#story li.video {
	background:url(../images/video.gif) left no-repeat;
	padding-left:25px;
	text-align:left;
}

#story li.narrative {
	background:url(../images/album.gif) left no-repeat;
	padding-left:25px;
	text-align:left;
}

#story li.audio {
	background:url(../images/audio.gif) left no-repeat;
	padding-left:25px;
	text-align:left;
}

#story li a {
	font:normal 0.9em Geneva, Arial, Helvetica, sans-serif;
	color:#B5B5B5;
	text-decoration:none;
	text-align:left;
}

#story li a:hover {
	text-decoration:underline;
}

/* ===================================== end main container ========================= */

/* -------------------------------------  FOOTER ------------------------------------ */

#footer_wrap {
	width:740px; 
	margin:0 auto;
	padding:0 20px;
	background:url(../images/bg_body.png) repeat-y;
}

#footer_wrap div.footer {
	background:#333 url(../images/bg_footer.png) no-repeat;
	height:117px;
	width:100%; 
}

#footer_wrap div.footer p {
	padding:30px 0 0 20px;
	font: 0.78em Arial, Helvetica, sans-serif;
	color:#333;
	background:none;
}

#footer_wrap div.footer p span {
	display:block; 
	text-align:center; 
	background:url(../images/MnG_logo.png) center no-repeat; 
	padding-top:56px;
 }

#footer_wrap div.footer a {
	font: 0.78em Arial, Helvetica, sans-serif;
}

#footer_wrap div.footer a:link, #footer_wrap div.footer a:visited {
	color: #333;
	background: transparent;
}

#footer_wrap div.footer a:hover, #footer_wrap div.footer a:active {
	color: #f60;
	background: transparent;
}
