html, body {height: 100%;}

body {
	margin: 0;
	color: #000;
	min-width: 869px;
	background: #fff;
	font: 12px arial, helvetica, sans-serif;
}
/*--- general ---*/
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
img {border-style: none;}

h1, h2, h3, h4, h5, h6 {
	color: #1c3d9c;
	font-weight: normal;
}
input, select, textarea {
	vertical-align: middle;
	font: 100% arial, helvetica, sans-serif;
}
a {
	color: #000cff;
	text-decoration: underline;
}
a:hover {text-decoration: none;}

#page {
	width: 869px;
	margin: 0 auto;
	padding: 0 0 33px;
}
/* header */
#header {
	width: 100%;
	height: 136px;
	position: relative;
	background: url("../staff/images/bg-header.gif") repeat-x 0 100%;
}
#home_header_title
{
	position: absolute;
	top: 36px;
	left: 152px;
	width: 360px;
}
#home_logo
{
	position: absolute;
	top: 9px;
	left: 20px;
}
/* logo */
#home_header_title
{
	position: absolute;
	top: 36px;
	left: 152px;
	width: 360px;
}
#home_header_title h1 {
color:#fe4e33;
font-family:Arial, Helvetica, sans-serif;
font-size: 24px;
margin-left: 50px;
margin-top: 22px;
}
.logo a {
	width: 198px;
	height: 71px;
	display: block;
	overflow: hidden;
	background: url("../staff/images/axa-logo2.gif") no-repeat;
}
/* slogan */
.slogan {
	top: 46px;
	left: 278px;
	width: 294px;
	height: 27px;
	overflow: hidden;
	position: absolute;
	color:#0046AD;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
/* data */
.data {
	top: 88px;
	right: 78px;
	color: #626B62;
	font-size: 10px;
	line-height: 12px;
	font-style: normal;
	position: absolute;
}

/* n and f link */
.nandf {
	top: 108px;
	right: 78px;
	color: #626B62;
	font-size: 10px;
	line-height: 12px;
	font-style: normal;
	position: absolute;
}


/* main-nav */
.main-nav {
	top: 108px;
	left: 48px;
	margin: 0;
	padding: 0;
	width: 600px;
	list-style: none;
	position: absolute;
}
.main-nav li {float: left;}

.main-nav li a {
	float: left;
	color: #15225a;
	cursor: pointer;
	text-decoration: none;
	background: url("../staff/images/left-nav.gif") no-repeat;
}
.main-nav li a span {
	float: left;
	height: 27px;
	font-size: 11px;
	padding: 0 10px;
	overflow: hidden;
	line-height: 27px;
	background: url("../staff/images/right-nav.gif") no-repeat 100% 0;
}
.main-nav li a:hover,
.main-nav li.active a {
	color: #fff;
	background-position: 0 -27px;
}
.main-nav li a:hover span,
.main-nav li.active a span {background-position: 100% -27px;}

/* form-search */
.form-search {
	top: 0;
	right: 41px;
	width: 138px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	padding: 5px 14px 0 17px;
	background: url("../staff/images/bg-search.gif") no-repeat;
}
.form-search .input {
	float: left;
	width: 121px;
	height: 17px;
	background: url("../staff/images/input.gif") no-repeat;
}
.form-search .input input {
	border: 0;
	padding: 0;
	float: left;
	width: 114px;
	font-size: 10px;
	background: none;
	margin: 3px 0 0 4px;
}
.form-search .btn-go {float: right;}

/* content */
#content {
	width: 100%;
	overflow: hidden;
	padding: 13px 0 30px;
	border-bottom: 1px solid #D2D8EA;
}
/* primary-content */
.primary-content {
	float: left;
	width: 502px;
	padding: 0 0 0 48px;
}
/* welcome */
.welcome {
	height: 1%;
	overflow: hidden;
	padding: 7px 12px 9px 0;
}

.moreinfo {display: none; position: relative;}
.primary-content h1,
.primary-content-2 h1,
.help-info h1 {
	font-size: 21px;
	line-height: 28px;
}
.welcome h1 {margin: 0 0 3px;}

.welcome p {
	margin: 0 0 8px;
	line-height: 17px;
}
.more,
.full {
	width: 100%;
	font-size: 10px;
	line-height: 17px;
	text-align: right;
}
.more {margin: -11px 0 0;}
.full {margin: -17px 0 0;}

.info-m1 {
	width: 502px;
	background: url("../staff/images/mid-1.gif") repeat-y;
}
.info-t1 {background: url("../staff/images/top-1.gif") no-repeat;}
.info-b1 {background: url("../staff/images/bot-1.gif") no-repeat 0 100%;}

/* your-calendar */
.your-calendar {
	height: 1%;
	overflow: hidden;
	min-height: 307px;
	padding: 8px 12px 6px 10px;
}
* html .your-calendar {height: 307px;overflow: visible;}

.your-calendar h2 {
	margin: 0 0 4px;
	font-size: 19px;
	line-height: 26px;
}
.your-calendar h2 span {color: #EB4C36;}

.your-calendar h3,
.ongoing-activites h2,
.ongoing-activites h3 {
	color: #777;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}
.your-calendar h3 {margin: 0 0 9px;}

.calendar-list {
	padding: 0;
	list-style: none;
	margin: 0 0 12px;
}
.calendar-last {margin: 0 0 -5px;}

.calendar-list li {
	height: 1%;
	font-size: 11px;
	font-weight: bold;
	min-height: 10px;
	line-height: 16px;
	padding-left: 28px;
}
* html .calendar-list li {height: 10px;}

.calendar-list li.ico-1 {
	padding-bottom: 9px;
	background: url("../staff/images/ico-1.gif") no-repeat;
}
.calendar-list li.ico-2 {
	padding-top: 3px;
	padding-bottom: 9px;
	background: url("../staff/images/ico-2.gif") no-repeat;
}
.calendar-list li.ico-3 {
	padding-top: 1px;
	padding-bottom: 11px;
	background: url("../staff/images/ico-3.gif") no-repeat;
}
.calendar-list li a {
	color: #1c3d9c;
	text-decoration: none;
}
.calendar-list li a:hover {text-decoration: underline;}

/* secondary-content */
.secondary-content {
	float: right;
	width: 263px;
	padding: 0 46px 0 0;
}
/* side-image */
.side-image,
.side-image-2 {
	width: 100%;
	overflow: hidden;
}
.side-image {margin: 0 0 10px;}
.side-image-2 {margin: 0 0 16px;}

.side-image img,
.side-image-2 img {
	display: block;
	margin: 0 auto;
}
.info-m2 {
	width: 263px;
	background: url("../staff/images/mid-2.gif") repeat-y;
}
.info-t2 {background: url("../staff/images/top-2.gif") no-repeat;}
.info-b2 {background: url("../staff/images/bot-2.gif") no-repeat 0 100%;}

/* my-dish */
.my-dish {
	height: 1%;
	color: #412311;
	overflow: hidden;
	padding: 5px 11px 0;
}
.my-dish h3 {margin: 0 0 5px;}

.my-dish p {
	margin: 0 0 16px;
	line-height: 17px;
}
.my-dish h3 img {
	margin: 0 auto;
	display: block;
}
.wrap-btn-join {
	width: 100%;
	overflow: hidden;
	margin: 0 0 19px;
}
/* btn-join */
.btn-join {
	width: 181px;
	height: 23px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url("../staff/images/btn-join.gif") no-repeat;
}
.img-decor {
	width: 100%;
	overflow: hidden;
}
.img-decor img {display: block;}

/* page calendar */

.primary-content-2 {
	width: 775px;
	padding: 8px 0 0 48px;
}
.primary-content-2 h1 {margin: 0 0 8px;}

.info-m3 {
	width: 775px;
	background: url("../staff/images/mid-3.gif") repeat-y;
}
.info-t3 {background: url("../staff/images/top-3.gif") no-repeat;}
.info-b3 {background: url("./images/bot-3.gif") no-repeat 0 100%;}

.ongoing-activites {
	height: 1%;
	overflow: hidden;
	padding: 15px 10px;
}
.ongoing-activites h2,
.ongoing-activites h3 {min-height: 5px;}

* html .ongoing-activites h2,
* html .ongoing-activites h3 {height: 5px;}

.ongoing-activites h2 {
	margin: 0 0 17px;
	padding: 0 0 0 12px;
	background: url("../staff/images/arrow-1.gif") no-repeat 0 8px;
}
.ongoing-activites h3 {
	margin: 0;
	padding: 0 0 11px 12px;
	background: url("../staff/images/arrow-2.gif") no-repeat 1px 4px;
}
/* page community */

.banner {
	width: 100%;
	overflow: hidden;
	margin: 0 0 12px;
}
.banner img {
	display: block;
	margin: 0 auto;
}
.community {
	height: 1%;
	overflow: hidden;
	padding: 7px 0 10px;
}
.community h1 {margin: 0 0 6px;}

.community h2 {
	margin: 0;
	font-size: 18px;
	line-height: 24px;
	padding: 23px 0 10px;
}
.community h3 {
	margin: 0;
	color: #eb4c36;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}
.community p {
	margin: 0 0 8px;
	line-height: 17px;
}
/* page help */

.help-and-contacts {
	width: 100%;
	overflow: hidden;
}
.help-and-contacts h1 {margin: 0 2px 10px;}
.info-m4 {background: url("../staff/images/top-4m.gif") repeat-y;}
.info-t4 {background: url("../staff/images/top-4t.gif") no-repeat;}

.info-t4 .row {
	width: 100%;
	padding: 4px 0;
	overflow: hidden;
	text-align: center;
}
.info-t4 h2 {
	margin: 0;
	font-size: 18px;
	line-height: 22px;
}
.info-t4 .col-1 {
	float: left;
	width: 130px;
	padding: 0 41px 0 12px;
}
.info-t4 .col-2 {
	float: left;
	width: 353px;
}
.info-t4 .col-3 {
	float: left;
	width: 186px;
	padding: 0 0 0 49px;
}
.info-m5 {background: url("../staff/images/mid-5.gif") repeat-y;}

.info-b5 {
	width: 100%;
	padding: 9px 0 15px;
	background: url("../staff/images/bot-5.gif") no-repeat 0 100%;
}
.info-m6 {
	width: 100%;
	padding: 8px 0 4px;
	background: url("../staff/images/mid-6.gif") repeat-y 170px 0;
}
.info-b5 .row,
.info-b5 .row-last {
	width: 100%;
	overflow: hidden;
}
.info-b5 .row {margin: 0 0 12px;}

.info-b5 .col-1 {
	float: left;
	width: 140px;
	padding: 0 0 0 21px;
}
.info-b5 .col-1 h3,
.info-b5 .col-3 {
	font-size: 14px;
	line-height: 17px;
}
.info-b5 .col-1 h3 {margin: 0;}

.info-b5 .col-2 {
	float: left;
	width: 400px;
	line-height: 17px;
	padding: 0 13px 0 22px;
}
.info-b5 .col-2 p {margin: 0 0 17px;}

.info-b5 .col-2 dl {
	width: 100%;
	overflow: hidden;
	margin: 0 0 16px;
}
.info-b5 .col-2 dl dt {
	float: left;
	width: 154px;
	font-weight: bold;
	padding: 0 3px 0 0;
}
.info-b5 .col-2 dl dd {
	float: left;
	width: 243px;
	margin: 0;
}
.info-b5 .col-3 {
	float: left;
	width: 150px;
	color: #1C3D9C;
	text-align: center;
}