/* Fish Fed, alterations made, June 11 09, JMR */

/*
		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 12px 0;
	position:								relative;
}


h1.logo
{
	margin:									0px;
}


#search
{

	position:								absolute;
	right:									90px;
	top:									18px;
}


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

#search label
{
	color:								white;
}


#nav
{
	background-color:						#deefff;
	padding:								7px;
}


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


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


#foot-wrapper
{
	background-image:						url(/themes/portal/images/bg-bar.png);
	background-position:					top;
	background-repeat:						repeat-x;
	bottom:									0;
	padding-top:							22px;
	position:								absolute;
	width:									960px;
}


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







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


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

#body h1
{
	font-family:							"Trebuchet MS";
	font-size:								17px;
	padding-bottom:							5px;
}

#body h2
{
	font-family:							"Trebuchet MS";
	font-size:								17px;
	padding-bottom:							5px;
}

#body .body h2 
{
	font-size:								15px;
	padding-top:							6px;
}

#body h3 
{
	font-size:								13px;
}

#body .text img 
{
	padding-right:							5px;
}

#body .cglayoutbox .cmdline 
{
	padding-bottom:							5px;
}

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

.body .text .items  ul.cglist 
{
	padding-left:							0px;
}


#subcats table.cglist td.field, .body .text .subcats  .table.cglist td.fieldeven, .body .text .subcats  .table.cglist td.field
{
	padding-left:							0px;
}

#subcats table.cglist tr.item
{
	padding-left:							0px;
}

#body .text ul 
{
	font-family:							Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:								11px;
	line-height:							1.8;
}

table.cglist td.field, table.cglist td.fieldeven, table.cglist td.fieldodd 
{
	padding:								2px  3px  0px 0px;  /*	padding:2px 4px;  */
}

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


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


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

#Story cglayout box viewer   img.text 
{
	padding-right:							5px; 									
}



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


legend {
	font-size:								110%;
	font-weight:							bold;
	padding-bottom:							3px;
	padding-top:							7px;
}












.latest-content
{
	color:									#555555;
	text-align:								left;  /* added 03.22.10  */
}


.latest-content h2
{
	border-style:							solid;
	border-width:							4px 1px 1px 1px;
	color:									#999999;
	font-family:							"Trebuchet MS";
	font-size:								16px;
	font-weight:							bold;
	margin:									0 -5px;
	padding:								0 4px;
}


.latest-content h2 a
{
	color:									#999999;
	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:							#9d3941;
}


#events
{
}


#events h2
{
	border-color:							#6c7d85;
}


#focus
{
}


#focus h2
{
	border-color:							#67a2ca;
}




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


.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
{
	float:									left;
	margin:									0 10px;
}


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


#left
{
	width:									220px;
}


#right
{
	width:									220px;
}





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

		Typography

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


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


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