.main { width:100%;}

.min_width {width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 780)? "780px" : "100%"); min-width:780px;}

#header .column{ width:49%;}

#header .column_1{ width:50%;}

#footer { height:91px;}

#footer .column{ width:71%;}

#footer .column_1{ width:28%;}



.column, .column_1 { float:left;}



/*---page---*/

#page .content .column{ width:34%;}

#page .content .column_1{ width:66%;}

/*---// page---*/



/*---page_1---*/

#page_1 .content .column{ width:65%;}

#page_1 .content .column_1{ width:34%;}

/*---// page_1---*/



/*---page_2---*/

#page_2 .content .column{ width:36%;}

#page_2 .content .column_1{ width:63%;}

/*---// page_2---*/



/*---page_3---*/

#page_3 .content .column{ width:65%;}

#page_3 .content .column_1{ width:34%;}

/*---// page_3---*/



/*---page_4---*/

#page_4 .content .column{ width:36%;}

#page_4 .content .column_1{ width:63%;}

/*---// page_4---*/



/*---page_5---*/

#page_5 .content .column{ width:65%;}

#page_5 .content .column_1{ width:34%;}

/*---// page_5---*/



/*---page_6---*/

#page_6 #header .row_1 .column_1{ width:100%;}

#page_6 .content .column{ width:100%;}

/*---// page_6---*/
	
    #header ul {
		list-style: none;
		padding: 0;
		margin: 0;
    }
    
	#header li {
		float: left;
		border: 1px solid #bbb;
		border-bottom-width: 0;
		margin: 0;
    }
    
	#header a {
		text-decoration: none;
		display: block;
		background: #eee;
		padding: 0.24em 1em;
		color: #00c;
		width: 8em;
		text-align: center;
    }
	
	#header a:hover {
		background: #ddf;
	}
	
	#header #selected {
		border-color: black;
	}
	
	#header #selected a {
		position: relative;
		top: 1px;
		background: white;
		color: black;
		font-weight: bold;
	}
	
	#content {
		border: 1px solid black;
		clear: both;
		padding: 0 1em;
	}
	
	h1 {
		margin: 0;
		padding: 0 0 1em 0;
	}

</style>