@charset "utf-8";
    /* <!-- */
    /* General styles */
    body {
			margin:0;
			padding:0;
			border:0;			/* This removes the border around the viewport in old versions of IE */
			width:100%;
			background:#C5D7EE;
			min-width:800px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
			font-size:90%;
    }
		a{ text-decoration:none; color:#0000ff; font-weight:normal; }
		a:hover{ text-decoration:underline;color:#ff0000; font-weight:normal; }
		img{ border:0; margin:0; padding:0; vertical-align:top; }
		.span1 { display:none; }
		.bw { font-weight:bold; }
		.white { color:#FFFFFF; }
	/* backcolor white box style */
	* html div#mainframe{
    height:100%;
}

		div#mainframe { 
			border:1px solid #555555;
			border-top-style:none; border-bottom-style:none;
			position:absolute;
			margin:0; 
			width:780px;
			left:50%;
			font-size:12px;
			margin-left:-390px;
			background-color:#FFFFFF;
			min-height:100%;
		}	
		body > #mainframe { height:auto; }
	/* Header styles */
    #header {	clear:both;	float:left;	background-image:url(../image/header.gif); background-repeat:no-repeat;	height:57px; width:780px;
			position:relative; }
		#header #cosmo { margin:0; padding:0; position:absolute; left:1px; top:0; width:365px; }
		#header #hb { margin:0; padding:0; position:absolute; right:0; top:38px; }
	/* hr style */
		.hr_img1 { clear:both; float:left; margin:0; padding:0; width:780px; height:3px; background-color:#c4c4c4; font-size:0; }
		.hr_img2 { clear:both; float:left; margin:0; padding:0; width:780px; height:3px; background-color:#4193c0; font-size:0; }
		
	/* HeaderMenu styles */
    #menu { clear:both; height:30px; font-size:83.3%; margin:0; padding:0 0 0 3px; }
		/* <a></a>harmonizing */
		#menu a { display: block; text-decoration: none; }
		/* id="menu <ol></ol> style */
		#menu ol { margin: 0; padding: 0px; }
		#menu ol li { text-align: center; float: left; display: inline; position: relative; list-style: none; margin: 0px; padding: 0px; }
	/* root menu show */
		#root { clear:both; float:left; width:780px; margin:0; height:25px; line-height:25px; background-color:#EDEDED; }
		
		
	/* 'widths' sub menu */
		#layoutdims {
			clear:both;
			background:#eee;
			border-top:4px solid #000;
			margin:0;
			padding:6px 15px !important;
			text-align:right;
		}
		
	/* column container */
		.colmask {
			position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
			clear:both;
			float:left;
			margin:5px 0 0 0;
			width:780px;			/* width of whole page */
			overflow:hidden;	/* This chops off any overhanging divs */
		}
	/* 2 column left menu settings */
		.leftmenu {
			background:#D9E9F2;
		}
    .leftmenu .colright {
			float:left;
			width:200%;
			position:relative;
			left:182px;
			background:#fff;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:182px;
	    padding-bottom:1em;
		}
		.leftmenu .col1 {
			margin:0 3px 0 202px;
			position:relative;
			right:100%;
			overflow:hidden;
		}
		.col1 .pagetop { text-align:right; margin:0 auto; padding: 20px 10px 0 0; }
		.col1 .to_top { text-align:right; margin:0 auto; padding: 10px 10px 0 0; }
    .leftmenu .col2 {
			float:left;
			width:176px;
			position:relative;
			right:182px;
    }
			.col2 img { border:none; margin: 0 0 2px 2px; }
			.col2 img.b { border:none; margin: 4px 2px; }
	/* Footer styles */
		#footer {
			clear:both;
			float:left;
			width:780px;
			margin:0;
			background-color:#FFFFFF;
    }
		#footer #dashed { 
			clear:both;
			float:left;
			width:740px; 
			_margin:10px 5px; 
			margin:20px 10px; 
			border-top:thin dashed #666666; 
			font-size:11px; 
			color:#666666; 
			text-align:center; }
		#footer #dashed p { padding:10px 0 0 0; }
 /* --> */