/* ------------------------------------------------- BASIC: XS-2-DATA -------------------------------------------------- */

html,body {
	height	: 100%;
}
body {
	font		: bold 12px/1.6em "Lucida Grande", Geneva, Arial;
	color		: #535C8A;
	background	: #E7E7E7;
	margin		: 0;
	padding		: 0;
}
#container {
	background	: #FFF;
	position	: relative;
	border-left	: 1px solid #5594BD;
	border-right: 1px solid #5594BD;
	border-bottom: 1px solid #5594BD;
	width		: 971px;
 	margin		: 0 auto;
	padding		: 0;
}
#container-ghost {
	background	: #FFF url(../img/bg_total.jpg) repeat-x;
	overflow	: auto;
	width		: 969px;
 	margin		: 0 auto;
	padding		: 0 1px 15px 1px;
}

/* ------------------------------------------------- TOP -------------------------------------------------- */

#top {
	background	: url(../img/logo_banner.jpg) no-repeat;
	width		: 969px;
	height		: 139px;
	margin		: 0;
	padding		: 0;
}
#menu {
	background	: url(../img/menu_bg.jpg) repeat-x;
	height		: 36px;
	margin		: 0;
	padding		: 0;
}
#menu ul {
	height		: 36px;
	list-style	: none;
	margin		: 0 0 0 27px;
	padding		: 0;
}
#menu ul li {
	background	: url(../img/menu_sep.jpg) 0 1px no-repeat;
	line-height	: 12px;
	font-size	: 12px;
	color		: #000;
	float		: left;
	margin		: 0;
	padding		: 11px 16px 13px 16px;
}
#menu ul li a {
	text-decoration	: none;
	color			: #000;
}
#menu ul li a:hover {
	text-decoration	: underline;
	color	: #086FB6;
}

/* ------------------------------------------------ ITEMS LEFT --------------------------------------------------- */

#item {
	background	: url(../img/item_rep.jpg) repeat-y;
	width		: 224px;
	margin		: 11px 0 0 13px;
	padding		: 0;
}
#item .top {
	background	: url(../img/item_top.jpg) no-repeat;
	overflow	: auto;
}
#item .bot {
	background	: url(../img/item_bot.jpg) left bottom no-repeat;
	height		: 14px;
}
#item .top-2nd {
	background	: url(../img/item_top_2nd.jpg) no-repeat;
	overflow	: auto;
}
#item h1 {
	font-size	: 12px;
	font-weight	: bold;
	color		: #000;
	margin		: 0;
	padding		: 21px 0 30px 55px;
}
#item h1.second-title {
	margin		: 0;
	padding		: 8px 0 30px 55px;
}
#item p {
	font-size	: 11px;
	
	line-height	: 1.4em;
	color		: #FFF;
	margin		: 0;
	padding		: 0 33px 12px 33px;
}
#item p.bodytext {
	font-size	: 11px;
	
	line-height	: 1.4em;
	color		: #000000;
	margin		: 0;
	padding		: 0 33px 12px 33px;
}
#item p.second-paragraph {
	margin		: 0;
	padding		: 0 33px 20px 33px;
}
#item p.last {
	padding		: 0 33px 20px 33px;
}
#item p a {
	text-decoration	: none;
	color			: #FFF;
}
#item p a:hover {
	text-decoration	: underline;
	color			: #FFF;
}

/* ------------------------------------------------ CONTENT --------------------------------------------------- */

#content {
	background	: url(../img/content_bg_rep.jpg) repeat-y;
	width		: 713px;
	float		: right;
	margin		: 10px 0 0 0;
	padding		: 0 16px 0 0;
}
#content .top {
	background	: url(../img/content_bg_top.jpg) no-repeat;
	overflow	: auto;
	padding		: 0 25px 0 0;
}
#content .bot {
	background	: url(../img/content_bg_bot.jpg) left bottom no-repeat;
	height		: 30px;
}
#content h1 {
	font-size	: 20px;
	font-weight	: normal;
	color		: #0F0F0F;
	margin		: 0;
	padding		: 35px 0 0 50px;
}
#content h2 {
	font-size	: 14px;
	font-weight	: bold;
	margin		: 0;
	padding		: 10px 0 0 50px;
}
#content p {
	font-size	: 13px;
	font-weight	: normal;
	color		: #363636;
	margin		: 0;
	padding		: 0 0 0 50px;
}
#content p.intro {
	font-size	: 13px;
	font-weight	: bold;
	color		: #535C8A;
	margin		: 0;
	padding		: 0 0 0 50px;
}
#content p.grey {
	color		: #363636;
	padding		: 25px 0 10px 50px;
}
#content img {
	margin		: 0;
	padding		: 8px 20px 4px 35px;
}
#content p a {
	text-decoration	: none;
	color			: #535C8A;
}
#content p a:hover {
	text-decoration	: underline;
	color			: #535C8A;
}

/* ------------------------------------------------ SUBMENU --------------------------------------------------- */

#submenu {
	background	: url(../img/submenu_bg_rep.jpg) repeat-x;
	position	: absolute;
	top			: 185px;
	left		: 241px;
	z-index		: 10;
	width		: 640px;
	height		: 50px;
	margin		: 0;
	padding		: 0;
}
#submenu .left {
	background	: url(../img/submenu_bg_left.jpg) left top no-repeat;	
	position	: absolute;
	top			: 0px;
	left		: 0px;
	z-index		: 11;
	width		: 16px;
	height		: 50px;
	margin		: 0;
	padding		: 0;
}
#submenu .right {
	background	: url(../img/submenu_bg_right.jpg) right top no-repeat;
	position	: absolute;
	top			: 0;
	left		: 840px;
	z-index		: 12;
	width		: 16px;
	height		: 50px;
	margin		: 0;
	padding		: 0;
}
#submenu ul {
	height		: 36px;
	list-style	: none;
	margin		: 16px 5px 0 25px;
	padding		: 0;
}
#submenu ul li {
	line-height	: 12px;
	font-size	: 12px;
	color		: #000;
	float		: left;
	margin		: 0;
	padding		: 11px 8px 13px 8px;
}
#submenu ul li a {
	text-decoration	: none;
	color			: #000;
}
#submenu ul li a:hover {
	text-decoration	: underline;
	color	: #086FB6;
}