@charset "utf-8";
/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
}
 
#outerwrap {
	width:776px;
	height:auto;
	margin:auto;
	margin-top:15px;
	}

#topwrap {
	width:776px;
	height:107px;
	margin-bottom:10px;
	}

#topcontainer1 {
	width:450px;
	height:107px;
	float:right;
	background-image:url(../images/top_01.jpg);
	background-repeat:no-repeat;
	}
	
#topcontainer2 {
	width:450px;
	height:107px;
	float:right;
	background-image:url(../images/top_02.jpg);
	background-repeat:no-repeat;
	}
	
#topcontainer3 {
	width:450px;
	height:107px;
	float:right;
	background-image:url(../images/top_03.jpg);
	background-repeat:no-repeat;
	}

#topcontainer4 {
	width:450px;
	height:107px;
	float:right;
	background-image:url(../images/top_04.jpg);
	background-repeat:no-repeat;
	}
	
#logo {
	width:299px;
	height:105px;
	background-image:url(../images/logo3.jpg);
	float:left;
	}
	
#bottomwrap {
	width:776px;
	height: auto;
	clear:both;
	}
	
#curvetop {
	margin: 0px;
	padding: 0px;
	width:776px;
	height:13px;
	background:url(../images/curve1-1.jpg) 0 0 no-repeat;
	float:left;
	}

/* inside */

#inner {
	margin: 0px;
	padding: 0px;
	width:776px;
	height:auto;
	min-height: 150px;
	background-image:url(../images/innerbackground.jpg);
	background-repeat:repeat-y;
	float:left;
	}

#curvebottom {
	margin: 0px;
	padding: 0px;
	width:776px;
	height:13px;
	background-image:url(../images/curve2.jpg);
	background-repeat:no-repeat;
	float:left;
	}

#leftcontainer {
	margin: 0px;
	padding: 0px;
	width:584px;
	height:auto;
	float:left;
	}
	
#content {
	margin: 10px 30px 0px 30px;
	padding: 0px;
	width:520px;
	}
	
#image {
	margin:auto;
	width:520px;
	height: 208px;
	background-image:url(../images/mn/001.jpg);
	}
	
#image2 {
	margin:auto;
	width:520px;
	height: 208px;
	background-image:url(../images/mn/002.jpg);
	}
	
#image3 {
	margin:auto;
	width:520px;
	height: 208px;
	background-image:url(../images/mn/003.jpg);
	}
	
#image4 {
	margin:auto;
	width:520px;
	height: 208px;
	background-image:url(../images/sc/sc4.jpg);
	}

#content h1 {
	margin: 10px 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:bold;
	color:#FFFFFF;
	}

#content h2 {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	}

p {
	margin: 5px 0 0 0;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #CCCCCC;
	line-height:20px;
	word-spacing:1px;
	}
	
#rightcontainer {
	margin: 0px;
	padding: 0px;
	width:191px;
	height:382px;
	float:right;
	}
	
#nav {
	margin: 0px;
	padding: 0px;
	width:180px;
	}
	
#nav ul {
	margin: 0px;
	padding: 0px;
	text-align:right;
	list-style:none;
	line-height:25px;
	font-size:11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
	
#nav A:link {
	margin: 0px;
	padding: 0px;
	color: #CCCCCC;
	text-decoration: none;
	}
	
#nav A:visited {color: #CCCCCC;text-decoration: none;}
#nav A:active { color: #CCCCCC;text-decoration: none;}
#nav A:hover {color: #FFFFFF;text-decoration: none;}

#active1 {
	color: #29ABE2;
	}

#active2 {
	color: #FF9900;
	}
	
#active3 {
	color: #00CC66;
	}
	
#active4 {
	color: #FF0000
	}

#line1 {
	margin-left:10px;	
	background-image:url(../images/blueline2.jpg);
	background-repeat: no-repeat;
	height:4px;
	width:170px;
	}
	
#line2 {
	margin-left:10px;	
	background-image:url(../images/orangeline.jpg);
	background-repeat: no-repeat;
	height:4px;
	width:170px;
	}
	
#line3 {
	margin-left:10px;	
	background-image:url(../images/greenline.jpg);
	background-repeat: no-repeat;
	height:4px;
	width:170px;
	}
	
#line4 {
	margin-left:10px;	
	background-image:url(../images/redline.jpg);
	background-repeat: no-repeat;
	height:4px;
	width:170px;
	}
	
#greyline {
	margin-left:10px;
	background-image: url(../images/greyline2.jpg);
	background-repeat: no-repeat;
	height:4px;
	width:170px;
	}

.footnote {
	margin: 0px 21px 0px 0px;
	padding: 0px;
	text-align: right;
	font-size: 10px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 30px;
	}
	
.footnote a{
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	text-decoration: none;
	}
	
.footnote a:hover {color: #FF6600; text-decoration: underline;}