/* CSS Document */
body
{ 
margin:0;
background-color: #c2c0ae;
background-image: url(graphics/background.gif);
background-position: 50% 50%;
background-repeat: repeat-y
} 
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	color: #666666;
}
.wrap {
	width: 900px;
	text-align: center;
	padding: 0px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.logo {
	float: left;
	width: 900px;
	height:122px;
	background-image: url(graphics/menulogo.gif);
	background-color: #FFFFFF;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}
.section_what {
	float: left;
	width: 58px;
	height:19px;
	background-image: url(graphics/m_what_s.gif);
	background-color: #FFFFFF;
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
}
.section_why {
	float: left;
	left: 61px;
	width: 52px;
	height:19px;
	background-image: url(graphics/m_why_s.gif);
	background-color: #FFFFFF;
	background-position: left;
	background-repeat: no-repeat;
	position: absolute;
}
.section_who {
	float: left;
	left: 116px;
	width: 56px;
	height:19px;
	background-image: url(graphics/m_who_s.gif);
	background-color: #FFFFFF;
	background-position: left;
	background-repeat: no-repeat;
	position: absolute;
}
.section_where {
	float: left;
	left: 175px;
	width: 65px;
	height:19px;
	background-image: url(graphics/m_where_s.gif);
	background-color: #FFFFFF;
	background-position: left;
	background-repeat: no-repeat;
	position: absolute;
}
.section_when {
	float: left;
	left: 243px;
	width: 61px;
	height:19px;
	background-image: url(graphics/m_when_s.gif);
	background-color: #FFFFFF;
	background-position: left;
	background-repeat: no-repeat;
	position: absolute;
}
.section_contact {
	float: left;
	left: 307px;
	width: 74px;
	height:19px;
	background-image: url(graphics/m_contact_s.gif);
	background-color: #FFFFFF;
	background-position: left;
	background-repeat: no-repeat;
	position: absolute;
}
ul#menu {
	position: relative;
	width:381px;
	height:16px;
	top: 95px;
	left: 513px;
	background-image: url(graphics/menu2_back.gif);
	margin:0;
	padding:0;
	color: #fff;
	list-style-type:none;
	float: left;
	background-color: #FFFFFF;
}
li#what {
	position:absolute;
	left:0px;
	width:58px;
	height:16px;
	background-image: url(graphics/m_what_a.gif);
	background-repeat: no-repeat;
}
li#why {
	position:absolute;
	left:61px;
	width:52px;
	height:16px;
	background-image: url(graphics/m_why_a.gif);
	background-repeat: no-repeat;
}
li#who {
	position:absolute;
	left:116px;
	width:56px;
	height:16px;
	background-image: url(graphics/m_who_a.gif);
	background-repeat: no-repeat;
}
li#where {
	position:absolute;
	left:175px;
	width:65px;
	height:16px;
	background-image: url(graphics/m_where_a.gif);
	background-repeat: no-repeat;
}
li#when {
	position:absolute;
	left:243px;
	width:61px;
	height:16px;
	background-image: url(graphics/m_when_a.gif);
	background-repeat: no-repeat;
}
li#contact {
	position:absolute;
	left:307px;
	width:74px;
	height:16px;
	background-image: url(graphics/m_contact_a.gif);
	background-repeat: no-repeat;
}
li#what a { display:block; width:58px; height:16px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#why a { display:block; width:52px; height:16px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#who a { display:block; width:56px; height:16px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#where a { display:block; width:65px; height:16px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#when a { display:block; width:61px; height:16px; text-indent:-9999px; text-decoration:none; overflow:hidden; }
li#contact a { display:block; width:74px; height:16px; text-indent:-9999px; text-decoration:none; overflow:hidden; }

li#what a:hover {
	background-image: url(graphics/m_what_b.gif);
	background-repeat: no-repeat;
}
li#why a:hover {
	background-image: url(graphics/m_why_b.gif);
	background-repeat: no-repeat;
}
li#who a:hover {
	background-image: url(graphics/m_who_b.gif);
	background-repeat: no-repeat;
}
li#where a:hover {
	background-image: url(graphics/m_where_b.gif);
	background-repeat: no-repeat;
}
li#when a:hover {
	background-image: url(graphics/m_when_b.gif);
	background-repeat: no-repeat;
}
li#contact a:hover {
	background-image: url(graphics/m_contact_b.gif);
	background-repeat: no-repeat;
}
.banner_what {
	float: left;
	width: 900px;
	height:294px;
	background-image: url(graphics/banner_what.jpg);
	background-color: #FFFFFF;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}
.banner_why {
	float: left;
	width: 900px;
	height:294px;
	background-image: url(graphics/banner_why.jpg);
	background-color: #FFFFFF;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}
.banner_who {
	float: left;
	width: 900px;
	height:294px;
	background-image: url(graphics/banner_who.jpg);
	background-color: #FFFFFF;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}
.banner_where {
	float: left;
	width: 900px;
	height:294px;
	background-image: url(graphics/banner_where.jpg);
	background-color: #FFFFFF;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}
.banner_when {
	float: left;
	width: 900px;
	height:294px;
	background-image: url(graphics/banner_when.jpg);
	background-color: #FFFFFF;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}
.banner_contact {
	float: left;
	width: 900px;
	height:294px;
	background-image: url(graphics/banner_contact.jpg);
	background-color: #FFFFFF;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}
.title {
	float:right;
	text-align: right;
	left:470px;
	width:380px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	position: absolute;
}
.tagline {
	float:right;
	text-align: right;
	left:470px;
	top:40px;
	width:380px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
	position: absolute;

}
.content {
	float: left;
	width: 900px;
	position: relative;
}
.content_what_top {
	float: left;
	width: 900px;
	height:250px;
	background-image: url(graphics/what_top.gif);
	background-color: #efeddc;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}
.content_why_top {
	float: left;
	width: 900px;
	height:250px;
	background-image: url(graphics/why_top.gif);
	background-color: #efeddc;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}
.content_who_top {
	float: left;
	width: 900px;
	height:250px;
	background-image: url(graphics/who_top.gif);
	background-color: #efeddc;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}
.content_where_top {
	float: left;
	width: 900px;
	height:250px;
	background-image: url(graphics/where_top.gif);
	background-color: #efeddc;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}
.content_when_top {
	float: left;
	width: 900px;
	height:250px;
	background-image: url(graphics/when_top.gif);
	background-color: #efeddc;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}
.content_contact_top {
	float: left;
	width: 900px;
	height:250px;
	background-image: url(graphics/contact_top.gif);
	background-color: #efeddc;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}
.content_what_middle {
	float: left;
	width: 900px;
	background-image: url(graphics/what_middle.gif);
	background-color: #efeddc;
	background-position: left;
	background-repeat: repeat-y;
	position: relative;
}
.content_what_bottom {
	float: left;
	width: 900px;
	height:222px;
	background-image: url(graphics/what_bottom.gif);
	background-color: #efeddc;
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
}

.leftcontent {
	float:left;
	width:403px;
	
}
.leftcontentnone {
	float:left;
	width:403px;
}
.rightcontent {
	float:right;
	width:403px;
}
.text {
	float:left;
	text-align: left;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	font-weight: 100;
	color: #666666;
	line-height: 140%;
	width:363px;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	
}
.whattext {
	float:left;
	text-align: middle;
	font-family: 'Trebuchet MS', 'Lucida Grande', Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 100;
	color: #666666;
	line-height: 140%;
	width:650px;
	margin-top: 20px;
	margin-left: 125px;
	margin-right: 125px;
	margin-bottom: 20px;
	
}