@charset "UTF-8";

/* -- HTML -- */

html {
	background-color: white;
	height: 100%;
	}

body {
	text-align: center;
	margin: 0;
	padding: 5px 0 15px;
	border-top: 4px solid #00327d;
	}

img {
	vertical-align: top;
	border-style: none;
	}

/* -- Class -- */

.clearfix {
	display: inline-block;
	}

.clearfix:after {
    height: 0; 
    display: block; 
    clear: both; 
    visibility: hidden;
    content: "."; 
	}

/* -- Header -- */

p#header-p {
	text-align: left;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	}

p#header-p a {
	padding: 0;
	margin: 0 23px;
	}

h1#header-h1 {
	text-align: right;
	width: 850px;
	margin: 0 auto -56px;
	padding: 0;
	}

* html h1#header-h1 {
	margin-top: 45px;
	}

*+html h1#header-h1 {
	margin-top: 45px;
	}

/* -- Menu -- */

ul.menu {
	background: url(_img/menu-ul.png) no-repeat 0 bottom;
	width: 854px;
	height: 63px;
	margin: 0 auto;
	padding: 0 23px;
	}

ul.menu li {
	text-align: center;
	background: url(_img/menu-li.png) repeat-x;
	height: 42px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	display: block;
	float: left;
	}

ul.menu a {
	width: 169px;
	height: 42px;
	margin: 0;
	padding: 0;
	display: block;
	}

li#menu-border {
	text-align: center;
	background: url(_img/menu_button-border.png) no-repeat;
	width: 2px;
	}

a#menu-toppage {
	background-image: url(_img/menu_button-toppage.png);
	background-repeat: no-repeat;
	width: 170px;
	}

a#menu-toppage:hover {
	background-image: url(_img/menu_button-toppage-hover.png);
	}

a#menu-advanced {
	background-image: url(_img/menu_button-advanced.png);
	background-repeat: no-repeat;
	}

a#menu-advanced:hover {
	background-image: url(_img/menu_button-advanced-hover.png);
	}

a#menu-topics {
	background-image: url(_img/menu_button-topics.png);
	background-repeat: no-repeat;
	}

a#menu-topics:hover {
	background-image: url(_img/menu_button-topics-hover.png);
	}

a#menu-recruit {
	background-image: url(_img/menu_button-recruit.png);
	background-repeat: no-repeat;
	}

a#menu-recruit:hover {
	background-image: url(_img/menu_button-recruit-hover.png);
	}

a#menu-message {
	background-image: url(_img/menu_button-message.png);
	background-repeat: no-repeat;
	}

a#menu-message:hover {
	background-image: url(_img/menu_button-message-hover.png);
	}

a#menu-profile {
	background-image: url(_img/menu_button-profile.png);
	background-repeat: no-repeat;
	}

a#menu-profile:hover {
	background-image: url(_img/menu_button-profile-hover.png);
	}

a#menu-about {
	background-image: url(_img/menu_button-about.png);
	background-repeat: no-repeat;
	}

a#menu-about:hover {
	background-image: url(_img/menu_button-about-hover.png);
	}

a#menu-contact {
	background-image: url(_img/menu_button-contact.png);
	background-repeat: no-repeat;
	}

a#menu-contact:hover {
	background-image: url(_img/menu_button-contact-hover.png);
	}

/* -- Submenu -- */

#submenu {
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 15px;
	}

#submenu ul {
	margin: 0;
	padding: 0;
	position: absolute;
	}

* html #submenu ul {
	right: 0;
	}

*+html #submenu ul {
	right: 0;
	}

#submenu li {
	text-align: right;
	margin: 0 0 0 10px;
	padding: 0;
	display: block;
	float: right;
	}

#submenu a {
	background: url(_img/submenu-a.png) no-repeat left center;
	padding-left: 15px;
	}

* html #submenu a {
	padding-top: 1px;
	padding-bottom: 1px;
	}

*+html #submenu a {
	padding-top: 1px;
	padding-bottom: 1px;
	}

#submenu a:hover {
	background-image: url(_img/submenu-a_hover.png);
	}

.submenu {
	width: 850px;
	}

.submenu ul {
	width: 850px;
	top: -147px;
	}

a#button-login {
	background-image: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: -4px;
	}

/* -- Body -- */

#body {
	background-repeat: repeat-y;
	margin: 0 auto;
	padding: 0;
	}

.body {
	background-image: url(_img/body.png);
	background-position: 0 top;
	width: 900px;
	}

#body-left {
	width: 200px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	left: 23px;
	}

#body-right {
	width: 636px;
	margin: 0;
	padding: 0;
	float: right;
	clear: right;
	position: relative;
	right: 23px;
	}

/* -- Footer -- */

p#footer {
	background: url(_img/footer.png) no-repeat 0 -29px;
	text-align: center;
	width: 900px;
	margin: 0 auto;
	padding: 35px 0 0;
	}