@charset "utf-8";
/* CSS Document */

body { background:#FFFFFF url(background.png) no-repeat fixed center; text-align:center; font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; }

#frame { background-image:url(/images/frame.jpg); width:978px; margin:-20px auto 0; padding:0; /* for IE */ filter:alpha(opacity=70); /* CSS3 standard */ opacity:0.7; }

/* HEADER */

#header { background-image:url(/images/header.jpg); height:200px; width:894px; margin:0 auto; text-align:center; color:#FFF;}
	
#header a { color:#BBE0FF; }

#header a:visited {	color:#FBB;	}

#menu {	font-size:0.9em; font-weight:500; margin-right:15px;	}
	
#main {	width:750px; margin:0 auto;	margin-top:50px; background-color:#FFFFFF; }

/* BODY */

#content { margin:0 auto; text-align:justify; padding:10px;	font-size:12px;	background-color:#FFFFFF; width:inherit; }

img { z-index:1; }

p img {	border: #D5DCFF 1px solid;	padding:5px; margin:5px; max-width: 100%; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

table { padding:5px; font-size:1.0em; }

table td {border-bottom: 1px dashed #CCC; margin-bottom:5px;}

tbody { vertical-align:top;}

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 5px; margin: 0 0 5px 10px; display: inline; }

img.alignleft { padding: 5px; margin: 0 10px 5px 0; display: inline; }

.alignright { float: right;	}

.alignleft { float: left }

a img { border: #D5DCFF 1px solid; padding:5px; margin:5px; }

.noborder  { border:none; }

#map { margin:0 auto; float:left; width:inherit; padding: 10px; text-align:left; }
	
#map img { margin:5px auto; padding:0 25px;	}


/* COMMENTS */

#commentsect { width:90%; text-align:left; margin-top:50px; }

#comment { width:600px; }

/* FOOTER */

#footer { clear:both; background-image:url(/images/footer.jpg);	height:400px; width:894px; margin:0 auto; text-align:center; color:#FFF; }

#footer a { color:#BBE0FF; }

#footer a:visited { color:#FBB;	}

#footer_text {	margin:0 auto;	padding-top:300px;	font-size:10px;	}