/*
		blue:			#3399cc
		dark blue:		#0a1d48
		dark grey:		#a3a3a3

*/

@import url(/system/style/admin.css);
@import url(/system/style/layoutboxes.css);
@import url(/system/style/indicator.css);
@import url(/system/style/lists.css);
@import url(/system/style/filter.css);
@import url(/system/style/properties.css);
@import url(/system/style/community.css);
@import url(/system/style/sitemap.css);
@import url(/system/style/cms.css);
@import url(/system/hmenu/skin-xp-apps.css);

@import url(reset.css);


html
{
	/* Force scoll bars */
	height:									100%;
	
	/* Visible vertical scrollbar which disables correctly,
	 * allows normal horizontal scrollbar behaviour and can
	 * be overruled by userContent.css.
	 */
	overflow-y:								scroll;
	
	/* Other */
}


body
{
	height:									100%;
}


a
{
	color:									#3399cc;
	text-decoration:						none;
}


div.clear
{
	clear:									both;
}


#container
{
	background-image:						url(/themes/portal/images/bg-page.png);
	background-repeat:						repeat-y;
	margin:									0 auto;
	min-height:								100%;
	padding:								0 12px;
	position:								relative;
	width:									960px;
}


#page
{
	padding-bottom:							100px;
	
}
.home-page #page
{
	background-image:							url(/themes/portal/images/page_back.png);
}


#head-wrapper
{
	background-position:					top;
	background-repeat:						no-repeat;
	margin-bottom:							20px;
}


#head
{
	border-bottom:							32px solid #a3a3a3;
}

#head img.banner
{
	display:								block;
}


h1.logo
{
	margin:									10px;
}


#search
{
	color:									#ffffff;
	position:								absolute;
	right:									20px;
	top:									5px;
}


#search input, #search button
{
	font-size:								11px;
}


#nav
{
	padding:								7px;
}


#nav, #nav a
{
	color:									#ffffff;
	font-family:								Arial, Helvetica, sans-serif;
	font-size:								12px;
	font-weight:								bold;
}


#nav a
{
	padding:								7px 7px;
}


#foot-wrapper
{
	bottom:									0;
	position:								absolute;
	width:									960px;
}


#foot
{
	background-color:						#a3a3a3;
	padding:								7px;
}


#foot, #foot a
{
	color:									#ffffff;
	font-family:							Arial, Helvetica, sans-serif;
	font-size:								10px;
}


.fright
{
	float:									right;
}




#parenttree
{
	margin:									15px 0 15px 240px;
	padding:								0 10px;
}


#parenttree, #parenttree a
{
	color:									#3399cc;
	font-family:							Arial, Helvetica, sans-serif;
	font-size:								10px;
}








.body
{
	color:									#555555;
	text-align:								justify;  /* added 03.08.10 */
}


#body h2
{
	font-family:							"Trebuchet MS";
	font-size:								21px;
}


#body h3
{
	font-family:							"Trebuchet MS";
	font-size:								15px;
}


.body p
{
	font-family:							Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:								11px;
	line-height:							1.8;
	margin:									1em 0;
}


.body ul, body ol
{
	padding-left:							40px;
}


.body ul
{
	list-style-type:						disc;
}


.body ol
{
	list-style-type:						decimal;
}





#navigation, #navigation a
{
	color:									#336699;
	font-family:							Arial, Helvetica, sans-serif;
	font-size:								10px;
	font-weight:							bold;
}


#navigation a
{
	background-image:						url(/themes/portal/images/nav.bullet.gif);
	background-position:					left 7px;
	background-repeat:						no-repeat;
	border-bottom:							1px solid #cccccc;
	display:								block;
	padding:								5px 0 5px 15px;
	width:									205px;
}


html>body #navigation a
{
	width:									auto;
}


#navigation ul ul a
{
	background-position:					10px 7px;
	padding-left:								25px;
}


#navigation ul ul ul a
{
	background-position:					20px 7px;
	padding-left:								35px;
}


#navigation ul ul ul ul a
{
	background-position:					30px 7px;
	padding-left:								45px;
}


#navigation a:hover
{
	color:									#3399cc;
}


#navigation a.active
{
	color:									#555555;
}


#navigation a.parent
{
	background-image:						url(/themes/portal/images/nav.bullet.active.gif);
	color:									#555555;
}


#navigation.aspects li li a
{
	background-image:						none;
	border-style:							none;
	padding:								0px 0 0px 15px;
}


#navigation.aspects li ul
{
	margin-bottom:							15px;
}






#login .input-ctrls
{
}


#login .action-ctrls
{
	text-align:								right;
}


#login .login-options
{
	border-top:								1px solid #cfcfcf;
	margin-top:								5px;
	padding-top:							5px;
	text-align:								right;
}


#login .login-options li
{
	display:								inline;
	padding-left:							8px;
}


#login li
{
	padding-bottom:							6px;
	text-align:								right;
}


#login label
{
	font-size:								11px;
	font-weight:								normal;
}


#login input
{
	font-size:								11px;
	color:									#333333;
	margin-left:								10px;
}


#login #remember input
{
	margin-left:								auto;
}


.latest-content
{
	color:									#555555;
	display:								inline;		/* IE double-margin fix */
	float:									left;
	width:									300px;
}


.latest-content h2
{
	color:									#3399cc;
	font-family:								"Trebuchet MS";
	font-size:								16px;
	font-weight:								bold;
}


.latest-content h3
{
	font-size:								12px;
	font-weight:								bold;
	margin:									1.5em 0 0.5em 0;
}


.latest-content h3 a
{
	color:									#303030;
}


.latest-content a
{
	color:									#3399cc;
}


.latest-content h3 .headnote
{
	font-size:								11px;
}


.latest-content h4
{
	font-size:								10px;
	margin:									1.5em 0 1em 0;
}


.latest-content p
{
	margin:									0.5em 0;
}


.latest-content ul
{
	
}


.latest-content .extra-items
{
	padding-left:								20px;
	list-style-type:							disc;
}


#news
{
	margin-right:								10px;
}


#events
{
	margin-left:								10px;
}







#related
{
	color:									#555555;
}


.related-item
{
	margin-top:								20px;
}


#related ul
{
	margin:									10px 0 10px 20px;
}


#related ul li
{
	padding:								5px 0;
}


a.pdf
{
	background-image:							url(/themes/portal/images/pdf.gif);
	background-position:							top left;
	background-repeat:							no-repeat;
	padding:								2px 0 2px 18px;
}



/************************************************************

		Structural

************************************************************/


.column
{
	padding:								0 10px;
}


.home-page .main
{
	float:									left;
	padding-top:								10px;
	width:									620px;
}


.home-page .right
{
	float:									left;
	padding-top:								10px;
	width:									300px;
}


.content-page .main
{
	float:									left;
	width:									460px;
}


#subnav
{
	float:									left;
	padding:								0 10px;
	width:									220px;
}


#related
{
	float:									left;
	padding:								0 10px;
	width:									220px;
}





/************************************************************

		Typography

************************************************************/


body
{
	font-family:								Arial, Helvetica, sans-serif;
	font-size:								11px;
	line-height:								1.4;
}

.right.column
{
	background-color: 							#eee
}