/*
		blue:				#3399cc
		dark blue:			#336699
		dark grey:			#444444
		purple:				#994466
		dark purple:		#6b3047
		gold:				#998844
		teal:				#448899

*/

@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;
}


#head
{
	background-image:						url(/themes/portal/images/bg-bar.png);
	background-position:					bottom;
	background-repeat:						repeat-x;
	padding:								0px 0 163px 0;
	position:								relative;
	height: 1%;
}


h1.logo
{
	margin:									0px;
}


#search
{

	position:								absolute;
	right:									5px;
	top:									10px;
}


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


#nav
{
	background-color:							#ffffff;
	padding:								5px;
}

#nav .fright a
{
	color:									#ffffff;

}


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


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


#foot-wrapper
{
	background-image:						;
	background-position:					top;
	background-repeat:						repeat-x;
	bottom:									0;
	padding-top:							5px;
	position:								absolute;
	width:									960px;
}


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


#foot, #foot a
{
	color:									#000000;
	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;
}







.home-page .cglayoutbox h2
{
	padding:								15px 0;
}


.body
{
	color:									#555555;
}


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

#body h1
{
	font-family:							"Trebuchet MS";
	font-size:								18px;
}

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


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


.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:								11px;
	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 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;
}


#myinfo
{
	padding:								5px 10px;
	text-align:								right;
}



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

		Login Panel

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


#member-layer
{
	background-color:						#cccccc;
	border-bottom:							4px solid #998844;
	color:									#000000;
	font-weight:							bold;
	padding:								20px 20px 0 20px;
	position:								absolute;
	right:									0;
	width:									341px;
}


#member-layer a
{
	color:									#000000;
}


#registration
{
	float:									left;
	padding-right:							20px;
	width:									100px;
}


#login
{
	border-left:							1px solid #dedede;
	float:									left;
	padding-left:							20px;
	text-align:								right;
	width:									200px;
}


#member-layer h2
{
	font-size:								12px;
	padding-bottom:							10px;
}




#login .input-ctrls
{
}


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


#member-layer .login-options
{
	clear:									both;
	padding-top:							10px;
}


#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;
}


#member-layer button
{
	font-size:								11px;
}


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















.latest-content
{
	color:									#555555;
}


.latest-content h2
{
	border-style:							solid;
	border-width:							4px 1px 1px 1px;
	color:									#ffffff;
	font-family:							"Trebuchet MS";
	font-size:								15px; /* 12px */
	font-weight:							bold;
	margin:									0 -5px;
	padding:								0 4px;
	background:								#295776;
}


.latest-content h2 a
{
	color:									#ffffff;
	display:								block;
}


.latest-content h3
{
	font-size:								12px;
	font-weight:							bold;
	margin-bottom:							1em;
}


.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 .item
{
	clear:									both;
	margin:									1.5em 0;
	overflow:								auto;
}


.latest-content .thumb
{
	float:									left;
	margin-right:							10px;
}


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


#news
{
}


#news h2
{
	border-color:							#a3b5c9;
}


#events
{
}


#events h2
{
	border-color:							#a3b5c9;
}


#focus
{
}


#focus h2
{
	border-color:							#a3b5c9;
}




.related-item
{
	color:									#555555;
	margin-top:								10px;
}


.related-item ul
{
	margin:									10px 0 10px 20px;
}


.related-item 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

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


.home-page #body
{
	float:									left;
	margin:									0 10px;
	width:									620px;
}


.home-page #webboxes
{
	float:									left;
	margin:									0 10px;
	width:									300px;
}


.home-page .latest-content
{
	display:								inline;		/* IE double-margin fix */
	float:									left;
	margin:									10px;
	padding:								0 5px;
	width:									290px;
}


.content-page .column,
.dashboard-page .column
{
	float:									left;
	margin:									0 10px;
	min-height:									100px
}


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

.content-page .mainwide
{
	width:									660px;
}



.dashboard-page .main
{
	width:									568px;
}


#left
{
	width:									220px;
}


#right
{
	width:									220px;
}





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

		Typography

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


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


.profileimage
{
	padding-top:							2px;
	padding-bottom:							2px;
	padding-right:							5px;
}