@import url("form.css");
@import url("mainstyle.css");

html {
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	height: 100%;
	background-color: rgb(128, 128, 133);
	color: rgb(0, 0, 0);
	height: 100%;
    padding: 0;
    margin: 0;
}

#wrap {
	position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
    width: 764px;
    background: rgb(128, 128, 133) url("../images/common/frame_pattern.png") repeat-y left top;
    
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/

    min-height: 100%; /* real browsers */
}
#header {
	background: url("../images/common/header.jpg") no-repeat left top #0c2645;
	height: 80px;
	width: 760px;
	border: 2px solid rgb(255, 255, 255);
}
#menu {
	width: 150px;
	float: left;
	border-left: 2px solid rgb(255, 255, 255);
	color: inherit;
	text-align: left;
}
#midFrame {
	float: left;
	width: 764px;
}
#content {
	width: 568px;
	float: left;
	
	border-right: 2px solid rgb(255, 255, 255);
	border-left: 2px solid rgb(255, 255, 255);
	padding: 20px;
	margin: 0 0 20px 0;
	text-align: left;
}
#content h1 {
	margin: 0;
	padding: 0;
}
div#footer2 {
	position: absolute;
    width: 760px;
    bottom: 0; /* stick to bottom */
	clear: both;
	height: 20px;
	
	border: 2px solid rgb(255, 255, 255) !important;
	background-color: rgb(12, 38, 69);
	color: rgb(255, 255, 255);
	text-align: left;
}
img#keyVisual {
	margin: -20px -20px 20px -20px !important;
	width: 608px;
	padding: 0 !important;
	position: relative;
}