/* basic style definitions */

body {
	font-family: arial, helvetica, serif;
	background-color: #C5C591;
	margin: 0;
}

a  { 
	color: #777; 
	font-size: 11px; 
	line-height: 12px; 
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-decoration: none; 
	
}

a:hover {
	color: #cddcb2;
}
a:active {
	color: #cddcb2;
}


/* Tooltip */

img.tooltip,
img.tooltip:link,
img.tooltip:visited,
img.tooltip:active {
position: relative;
text-decoration: none;
font-style: bold;
border-bottom:0px dotted #4dbcf3;
}

img.tooltip:hover {
background: transparent;
}

img.tooltip span {
display: none;
text-decoration: none;
}

img.tooltip:hover span {
display: block;
position: absolute;
top: 30px;
left: 0;
width: 200px;
z-index: 100;
color: #000000;
border: 1px solid;
border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
border-left: 4px solid #4dbcf3;
padding: 2px 10px 2px 10px;
background: #EEEEEE;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left;
}

/* font styles */
.info { 
	font-size: 10px; 
	font-family: font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	font-style: normal 
}
.poem_author { 
	color: #3f3332; 
	font-size: 10px; 
	font-family: font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	font-style: normal; 
	line-height: 1em 
}
.poem  { 
	color: #5d552e; 
	font-size: 12px; 
	line-height: 14px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-stretch: semi-expanded  
}

.section_title  { 
	color: #CDDCB2; 
	font-style: normal; 
	font-weight: lighter; 
	font-size: 16px; 
	font-family: font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	letter-spacing: 5pt 
}

.section   { 
	color: #cddcb2; 
	font: 24px/20px georgia, palatino, "Times New Roman", serif; 
	letter-spacing: 0.5em; 
	clear: both; 
	/*margin: 0.6em 0.3em 0.4em */
	margin: 10px 5px 4px;
}

blockquote {
	position: relative;
	left: -50px;
	padding: -1px 0px 13px 15px;
	font-family: georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	color: #777;
	background: url(../graphics/layout/b_quotes_large.gif) 0 3px no-repeat;
}

.author {
	font-family: georgia, "Times New Roman", serif;
	font-size: 15px;
	color: #777;
}

.activesection {
	display: block;
	width: 10em;
	color: #cddcb2; 
	font-size: 13px; 
	line-height: 14px; 
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	align: left;
	valign: center;
}

.submen  { 
	font-size: 11px; 
	line-height: 15px; 
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	align: left 
}

.contxt {
	font-family: verdana, sansserif;
	font-size: 11px;
	color: #777;
}

/* navigation menu */

#navigation {
	position: absolute;
	left: 30px;
	top: 50px;
	width: 250px;
	height: 80px;
	visibility: visible;	
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;	
	list-style: none;
	line-height: 1;	
}

#nav a  { 
	color: #777; 
	font-size: 13px; 
	line-height: 14px; 
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	text-decoration: none; 
	width: 10em; 
	align: left; 
	valign: center; 
	display: block 
}

#nav a:hover {
	color: #cddcb2;
}
#nav a:active {
	color: #cddcb2;
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
  	top: auto;
	width: 80px;
	height: 80px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: 0px;
	/*just a test*/
	top: auto;
}


/* sections */
#men1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 250px;
	height: 80px;
	visibility: visible;
	margin: 0;
	padding: 0;
	border-width:1px;
  	border-style:hidden;
  	border-color:#5d552e;
  	border-collapse:collapse;
  	background-image: url(../graphics/nav_pics/n1_off.gif);
}
#men2 {
	position: absolute;
	left: 0px;
	top: 80px;
	width: 250px;
	height: 80px;
	visibility: visible;
	margin: 0;
	padding: 0;
	border-width:1px;
  	border-style:hidden;
  	border-color:#5d552e;
  	border-collapse:collapse;
  	background-image: url(../graphics/nav_pics/n2_off.gif);
}
#men3 {
	position: absolute;
	left: 0px;
	top: 160px;
	width: 250px;
	height: 80px;
	visibility: visible;
	margin: 0;
	padding: 0;
	border-width:1px;
  	border-style:hidden;
  	border-color:#5d552e;
  	border-collapse:collapse;
  	background-image: url(../graphics/nav_pics/n3_off.gif);
}
#men4 {
	position: absolute;
	left: 0px;
	top: 240px;
	width: 250px;
	height: 80px;
	visibility: visible;
	margin: 0;
	padding: 0;
	border-width:1px;
  	border-style:hidden;
  	border-color:#5d552e;
  	border-collapse:collapse;
  	background-image: url(../graphics/nav_pics/n4_off.gif);
}
#men5 {
	position: absolute;
	left: 0px;
	top: 320px;
	width: 250px;
	height: 80px;
	visibility: visible;
	margin: 0;
	padding: 0;
	border-width:1px;
  	border-style:hidden;
  	border-color:#5d552e;
  	border-collapse:collapse;
  	background-image: url(../graphics/nav_pics/n5_off.gif);
}
#menbase {
	visibility: visible; 
	display: block; 
	margin: 0; 
	padding: 0; 
	position: absolute; 
	top: 410px; 
	left: 0; 
	width: 250px; 
	height: 45px
}

#submen1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 250px;
	height: 80px;
	visibility: visible;
}
#submen2 {
	position: absolute;
	left: 0px;
	top: 15px;
	width: 80px;
	height: 65px;
	visibility: visible;
}
#submen3 { position: absolute; 
	top: 15px; 
	left: 0px;
	width: 80px; 
	height: 65px; 
	visibility: visible; 
	display: block 
}
#submen4 { 
	position: absolute; 
	top: 15px; 
	left: 0px; 
	width: 80px; 
	height: 65px; 
	visibility: visible; 
	display: block 
}
#submen5 { 
	position: absolute; 
	top: 15px; 
	left: 0px; 
	width: 80px; 
	height: 65px; 
	visibility: visible; 
	display: block 
}
#men1:hover {
	/*border-style: solid;*/
	background-image: url(../graphics/nav_pics/n1_on.gif);
	background-color: #999966;
}
#men2:hover {
	/*border-style: solid;*/
	background-image: url(../graphics/nav_pics/n2_on.gif);
	background-color: #999966;
}
#men3:hover {
	/*border-style: solid;*/
	background-image: url(../graphics/nav_pics/n3_on.gif);
	background-color: #999966;
}
#men4:hover {
	/*border-style: solid;*/
	background-image: url(../graphics/nav_pics/n4_on.gif);
	background-color: #999966;
}
#men5:hover {
	/*border-style: solid;*/
	background-image: url(../graphics/nav_pics/n5_on.gif);
	background-color: #999966;
}	

.conheading  { 
	font-size: 0.8em; 
	line-height: 1.0em; 
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	align: left 
}


/* content style */
#content {
	clear: left;
	color: #ccc;
	position: absolute;
	left: 400px;
	top: 50px;
	width: 400px;
}

#conheader {
	clear: left;
	color: #ccc;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 400px;
	height: 80px;
	padding: 3.6em 0 0 0 ;
}
#concon {
	clear: left;
	color: #ccc;
	position: absolute;
	left: 0px;
	top: 80px;
	width: 400px;
	height: 520px;
	background-color: transparent;
}
.conheaderl {
	width: 90px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: -110px;
	text-align: right;
	padding: 1em 2em 0 0;
	color: #cddcb2;
	background: url(../graphics/layout/head_mohn.gif) 0 3px no-repeat;
}
.flowers  { 
	font-size: 17px; 
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	letter-spacing: 0.05em; 
	line-height: 18px;
	margin: 60px 0 1px;
	color: #777; 
}

.points  { 
	font-size: 17px; 
	font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	line-height: 19px; 
	letter-spacing: 0.1em;
	color: #777;  
}