body {
    margin:0px;
	padding: 0px;
	background: #5ea4d7;
	color: #000080;
	font: normal 11px arial, sans-serif;	
	text-align: center;
	}
	

#container {
	position: relative;
	width: 715px; 
	margin-top:10px;
	margin-bottom:10px;
	margin-left: auto;
	margin-right: auto;	
	text-align: left; 
	}
	
.header {
	position: relative;
	width: 675px; 
	padding: 7px 20px 20px 20px;
	text-align: left; 
	height:163px;
	margin-bottom: 10px;
	background: #84c6d6 url('images/header.gif') top no-repeat;
	}
	
	
img {
    border: none;
    }
	
h1 {	
	color: #ffffff;
	font: italic normal 18px arial, sans-serif;	
	margin: 15px 0px 0px 5px;
    }
	
h2 {	
	color: #4890d7; 
	font: bold 20px arial, sans-serif;	
	margin: 0px 0px 20px 0px;
    }
	
	
h3 {	
	color: #00c000; 
	font: bold 16px arial, sans-serif;	
	margin: 0px 0px 20px 0px;
    }
	
h4 {	
	color: #4890d7; 
	font: bold 14px arial, sans-serif;	
	margin: 0px 0px 20px 0px;
    }
	
h4 {	
	color: #4890d7; 
	text-decoration: none; 
	}

h4 a:hover {
	color: #000080; 
	text-decoration: underline; 
    }
	
h5 {	
	color: #4890d7; 
	font: bold 12px arial, sans-serif;	
	margin: 0px 0px 5px 0px;
    }
	
h6 {	
	color: #00c000; 
	font: bold 12px arial, sans-serif;	
	margin: 0px 0px 5px 0px;
    }
	
.pagetop {
	position: relative;
	width: 693px; 
	padding:10px 10px 0px 12px;
	text-align: left; 
	height:45px;
	background: #84c6d6 url('images/pagetop.gif') top no-repeat;
	}
	

.pagebg {
	position: relative;
	width: 675px; 
	padding: 10px 20px 0px 20px;
	text-align: left; 
	background: #ececec url('images/pagebg.gif') repeat-y;
	}
	

.pagebot {
	position: relative;
	width: 715px; 
	padding:0px;
	text-align: center; 
	height:43px;
	background: url('images/pagebot.gif') bottom no-repeat;
	}

.pagebot a {	
	color: #4890d7; 
	text-decoration: none; 
	}

.pagebot a:hover {
	color: #000080; 
	text-decoration: underline; 
    }
	

#menuholder {
	position: relative;
	height:30px;
	margin: 0px;	
	}

#nav {
	color:  #ffffff; 
	font-family: arial, sans-serif;
	height:30px;
	margin: 0px; 
    }


#nav .last {
	border-right: 0px;
    }
	
#nav .active {
  background: #4890d7;
  color:  #ffffff; 
  display: block; 
  padding: 4px 5px 5px 5px;	
  text-decoration: none; 
  margin: 0px 1px 0px 1px; 
    }

	
#nav li {    
	border-right: #4890d7 1px solid; 
	float: left; 
	font:bold 11px arial, sans-serif;
	line-height: 15px; 
	list-style: none; 	
	text-align: center; 
	width: 19%; 
    } 

#nav a {
	display: block; 
	padding: 4px 5px 5px 5px;	
	color:  #000080; 
	text-decoration: none; 
	}

#nav a:hover {
	color: #ffffff; 
	background:#4890d7; 
    }
	

.leftcol {
	position: relative;
	width: 420px; 
	padding: 0px 10px 10px 10px;
	text-align: left;
	}
	
.leftcol a {
	color: #4890d7; 
	font-weight: bold;
	text-decoration: none; 
	}

.leftcol a:hover {
	color: #000080; 
	text-decoration: underline; 
    }
	

.leftcol2 {
	position: relative;
	width: 655px; 
	padding: 0px 10px 10px 10px;
	text-align: left; 
	}
	
.leftcol2 a {
	color: #4890d7; 
	font-weight: bold;
	text-decoration: none; 
	}

.leftcol2 a:hover {
	color: #000080; 
	text-decoration: underline; 
    }
	
	
	
.rightcol {
	position: absolute;
	top: 0px;
	left: 455px;
	width: 200px; 
	padding: 0px 10px 10px 10px;
	text-align: left; 	
	}

.mark li {	
    margin-left: -15px;
	list-style-image: url('images/mark.gif');		
	}

.mark2 li {	
    margin-left:15px;
	list-style-image: url('images/mark.gif');		
	}
	
.imgleft {	
    float:left;
    margin: 0px 20px 40px 0px;	
	}
	
.imgright {	
    float:right;
    margin: 0px 0px 40px 20px;	
	}

.imgleft2 {	
    float:left;
    margin: 0px 20px 20px 0px;	
	}


.plan {padding:0; margin:0; list-style-type:none; background:#ececec url(images/plan.gif); width:650px; height:350px; margin:0px; position:relative; z-index:100;}

.plan li a {text-indent:-999px; display:block; width:10px; height:10px; background:transparent; position:absolute; line-height:10px;}

.plan li a em {visibility:hidden; position:absolute;}


.plan li a.pn1 {top:195px; left:138px;}
.plan li a.pn2 {top:127px; left:185px;}
.plan li a.pn3 {top:77px; left:361px;}
.plan li a.pn4 {top:138px; left:400px;}
.plan li a.pn5 {top:98px; left:409px;}


.plan li a:hover {background:#4890d7; text-indent:0; height:1.2em; color:#fff; line-height:1em; padding:2px 10px; width:90px;text-decoration:none;}

* html .plan li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;}

.plan li a:hover em {visibility:visible; margin-left:5px; background:#f7f7ef; border:1px solid #4890d7; width:150px; color:#000060; padding:15px;font-style:normal; top:-135px; letter-spacing:1px; line-height:1.5em;}

* html .plan li a:hover em {width:200px; w\idth:150px;}

.plan li a:hover em img {border:1px solid #4890d7; display:block; margin-bottom:10px;}

.plan li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #f7f7ef; border-width:15px 0 15px 15px; border-left-color:#4890d7; position:absolute; left:0; top:128px;}

* html .plan li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}

.cell1 {
    position: relative;
    width: 150px; 	
	padding: 10px;	
	text-align: left; 
	font: normal 11px arial, sans-serif;	
	}	

.cell2 {
    position: absolute;
	top: 5px;
	left: 205px;
    width: 420px; 	
	padding: 5px 10px 3px 10px;	
	text-align: left; 
	font: normal 11px arial, sans-serif;	
	}
	

.formtxt {
    color: #000060;
	text-align: left; 
	font: normal 11px arial, sans-serif;	
	}
	
	
.but {
    color: #ffffff;
	font: bold 11px arial, sans-serif;
	background: #4890d7;
	}