/* general text styling for web page*/
BODY, P, DIV, DL, UL, OL {
	background-color : #ffffff;
 	font-family: Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 90%;	
	color: #000000;
	text-align: top, center; 
 	vertical-align:text-top;
 	}

.wrapper
{
    /* remove this to have the page load at full width */
    width: 780px;
}

pre { font-family: monospace; }

BLOCKQUOTE {
 	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 90%;	
	color: #000000;
	font-style: italic;
	}

TD, TH {
 	font-family: Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 100%;	
	color: #000000;
	}

h1{ 
	font-family: "Times New Roman",Times,serif ; 
	font-size: 170%;
	font-weight: bold; }
h2{ 
	font-family: "Times New Roman",Times,serif ; 
	font-size: 150%; 
	font-style:  italic;
	font-weight: bold; }
h3{ 
	font-family: "Times New Roman",Times,serif ;  
	font-size: 130%;
	font-weight: bold;}
h4{ 
	font-family: "Times New Roman",Times,serif ;  
	font-size: 120%;
	font-weight: bold; }

A:link {
	text-decoration: none; 
	color: #000080; /*navy blue*/
	font-weight: bold; 
}

A:visited {
	text-decoration: none; 
	color: #339900; /*yellow-gold*/
	font-weight: bold; 
}

A:hover, A:active {
	text-decoration: underline; 
	color: #ffff00; /* olive green */
	font-weight: bold; 
}

/* general page layout */
#top {
margin: 0;
padding: 0;
background: #ffffff;
height: 220px;
}

#main {
background: #fff;
margin-top: -5px;
margin-left: 180px;
margin-right: 40px;
}

#main A:link {
	text-decoration: underline; 
	color: #000080; /*navy blue*/
}

#main A:visited {
	text-decoration: underline; 
	color: #339900; /*yellow-gold*/
}
	
#main A:hover, A:active {
	text-decoration: underline;
	color: #ffff00; /* olive green */
}

#left_side {
	position: absolute;
	left: 10px;
	top: 250px;
	width: 130px;
}
#left_side ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 8 pt;
	vertical-align: text-center;
	text-align: left;
	color: #000000;
	}
#left_side ul li {
	padding: 10px, 2px;
	}

#footer {
	margin-top: 5px;
	margin-left: 165px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: .7em;
	padding: 0.1em;
	border-top: #000000 1px solid;;
}

/* special effects */

.highlight {
    background: #CCFFCC;
    padding: 0.5em, 0.9em;
    border: 1px solid #33CC00;
    margin: 2%, 10%;
}

.highlight3 {
    background: #CCFFCC;
    padding: 0.5em, 0.9em;
    margin: 2%, 10%;
}

.highlight2 {
    background: #CCFFCC;
    padding: 0.4em, 0.9em;
    border: 1px solid #33CC00;
    margin: 2%, 4%;
    font-style: none;
   font-size: 90%;
}

.page_title{
	margin-top: -60px;
	margin-left: 200px;
	width: 500px;
	font-family: Times New Roman, times, Serif; 
	font-size: 40px; 
	font-weight: 700;
	text-align: center;
}

.noteBox {
	MARGIN: 30px, 5px,0,5px; 
	BORDER: #008000 2px solid;
	font-size: 8 pt
	PADDING: 0.4em; 
	BACKGROUND-COLOR: #f0f0f0;
	FLOAT: left; 
	width: 110px;
}

#eventBox {
	MARGIN: 1px,-10px,0,2px; 
	BORDER: #008000 2px solid;
	font-size: 12px; 
	PADDING: 0.4em, 0.6em; 
	BACKGROUND-COLOR: #FFEEFF;
	FLOAT: right; 
	width: 150px;
}

/*  -- #eventBox h2{ 
	font-family: "Times New Roman",Times,serif ; 
	font-size: 130%; 
	font-style:  italic;
	font-weight: bold; 
	MARGIN: 1px,0,-2px, 0; 
}  --  */
	
#eventBox p{
	background-color: #FFEEFF;
 	font-family: Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
	MARGIN: -1px,0,0, 0;
}

.visitBox {
	MARGIN: 30px, 5px,5px,5px; 
	BORDER: #ff00ff 1px solid;
	font-size: 12px; 
	PADDING: 0.4em; 
	FLOAT: left; 
	width: 100px;
	BACKGROUND-COLOR: #ffccff;
	background-image: url('img/meno_logo3.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	text-align: bottom, center; 
	color:#000000; 
	vertical-align:text-top;
}

#pipe ul {
	margin-top: 5px;
	margin-left: 165px;
	margin-right: 10px;
	font-size: 95%;
	padding-left: 0;
	text-align: center;
	display: inline;
	background:  #e4e4e4;
	} 

#pipe ul li {
	margin-left: 0;
	padding: 3px 8px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
	}

#pipe ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

.hide {
display: none;
}