
body {
font: Helvetica, sans-serif;
margin: 0;
padding: 0;
background-image:url(../images/nav/bg.jpg);
background-position:center;
}


#container {
	width:960px;
	background: none;
	margin: 0 auto;
	text-align: left;
	padding:20px 10px 40px 10px; }
	
#container-bg {
	width:980px;
	height:1500px;
	margin: 0 auto;
	position:fixed;	}

#nav {
	margin: 20px 10px 10px 10px;
	width:960px;
	height: 150px; }

#mhlogo	{
	margin: 0 20px 0 -100px;
	width: 400px;
	height: 120px;
	background-image:url(../images/nav/mh.png);
	background-repeat:no-repeat;
	float:left;	}	

#nav-text1 {
	margin: 0 20px 0 0;
	width: 300px;
	height: 120px;
	float:left;	}

#nav-text2 {
	width: 300px;
	height: 120px;
	float:left;	}

#nav-line 
	{margin: 30px 10px 40px 10px; width: 300px;	height: 3px; background-color: #448ccb; float:left; opacity:0.7;}
#nav-line-long
	{margin: 30px 10px 40px 10px; width: 620px;	height: 3px; background-color: #448ccb; float:left; opacity:0.7;}
#tnimage-line 
	{margin:0 ; width: 300px;	height: 1px; background-color: #448ccb; float:left; opacity:0.5;}

#image-tn {
	margin: 10px;
	width: 300px;
	height: 210px;
	float: left;
	text-align:center; }
	
#image
	{ margin: 10px; width: 620px; height: auto; float:left;	}
	
#imageinside
	{ margin:0 0 20px 0; width: auto; height: auto; float: left; }

#imageinsideleft
	{ margin:0 20px 20px 0; width: auto; height: auto; float: left; }
	
	
#backarrow	{
	float:left;
	background-image: url(../images/nav/back.png);
	background-repeat:no-repeat;
	height:40px;
	width:40px;
	margin: 20px 20px 20px 0;
	float:left; }

#imagetext {
	margin:10px;
	width: 300px;
	height: auto;
	float:left;	}
	
h1 {
	font-size:30px;
	color: #F66;
	line-height: 1.2;
	font-family: Arvo, serif;
	font-weight: lighter;
	text-align: left;}

h2 	{
	font-size:15px;
	font-family: Helvetica, sans-serif;
	color: #999;
	line-height: 1.3;
	text-decoration: none;
	font-weight:lighter; }
	
	
h3 	{
	font-size:15px;
	font-family: Arvo, serif;
	color: #2f5d85;
	text-decoration: none;
	}

	
.on-nav {font-size:30px}
.on-nav {color: #F66}
.on-nav {line-height: 1.2}
.on-nav {font-family: Arvo, serif}
.on-nav {font-weight: lighter}
.on-nav {text-align: left;}

.nav {font-size:30px}
.nav {color: #448ccb}
.nav {line-height: 1.2}
.nav {font-family: Arvo, serif}
.nav {font-weight: lighter}
.nav {text-align: left;}
.nav A:link {color: #448ccb; text-decoration: none}
.nav A:visited {text-decoration: none; color: #448ccb}
.nav A:active {text-decoration: none; color: #448ccb}
.nav A:hover {opacity:0.5;}

.class_tnimage {font-size:14px; font-family: Helvetica, sans-serif;}
.class_tnimage {color: #666}
.class_tnimage {font-weight: lighter}
.class_tnimage {line-height: 1.5}
.class_tnimage A:link {color: #666; text-decoration: none}
.class_tnimage A:visited {text-decoration: none; color: #666}
.class_tnimage A:active {text-decoration: none; color: #666}
.class_tnimage A:hover {background-color: #448ccb; color: #FFF; display:block; opacity:0.6}

.class_h1 {font-size:14px; }
.class_h1 {color: #F00}
.class_h1 {font-weight: lighter}
.class_h1 {line-height: 1.5}
.class_h1 A:link {color: #666; text-decoration: none}
.class_h1 A:visited {text-decoration: none; color: #666}
.class_h1 A:active {text-decoration: none; color: #666}
.class_h1 A:hover {background-color: #448ccb; color: #FFF; display:block; opacity:0.6}

.h2 A:link {color: #999; text-decoration: none}
.h2 A:visited {text-decoration: none; color: #999}
.h2 A:active {text-decoration: none; color: #999}
.h2 A:hover {color: #F66;}


.class_indeximage A:hover {opacity:0.6}
