/* BAR Association - February 2011 */

/*
		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%;
	background-color:						#f5f8fa;
}


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


div.clear
{
	clear:									both;
}


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


.home-page #page
{
	padding-bottom:								75px;  /* use 40 for the sponsors web-footer change */
}

#page
{
	padding-bottom:								100px;  
}


#head
{
	background-image:						url(/themes/portal/images/bg-bar2.jpg) center bottom repeat-x;
	padding:								18px 0 26px 0;
	position:								relative;
}

<!--
#head
{
	background-image:						/* url(/themes/portal/images/bg-bar2.jpg); */
	background-position:					bottom;
	background-repeat:						repeat-x;
	padding:								0 0 10px 0;
	position:								relative;
}
-->

h1.logo
{
	margin:									0px;
	position:									relative;
	top:										/*-18px;*/
}


#search
{

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

#search label
{
	color:									white;
	font-weight:							bold;	
}

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

#search button
{
	margin-top:								4px;
	margin-left:							2px;
}

#nav
{
	background-color:						#345d7b;
	padding:								7px;
	height:									40px;
}


#nav, #nav a
{
	color:									#ffffff;
	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:							32px;  /* was 32 */
	position:								absolute;
	width:									960px;
}

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

#footer-webbox
{
	margin-top:								1px; /* 40px */ /* this is new, for the homepage only */
}

#foot
{
	background-color:						#345d7b;
	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 .body H2.Correspondence 
{
	font-size:								12px;
	padding-left:							3px;
	color:									#555555;
}

#body .body H2.CorrespondenceandDelivery 
{
	font-size:								12px;
	padding-left:							3px;
	color:									#555555;
}

#body .body H2.Delivery 
{
	font-size:								12px;
	padding-left:							3px;
	color:									#555555;
}

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


.body
{
	color:									#555555;
}

#body h1
{
	font-family:							"Trebuchet MS";
	font-size:								21px;
	color:									#333366;
}

#body h2
{
	font-family:							"Trebuchet MS";
	font-size:								20px;
	color:									#333366;
}

#body h3
{
	font-family:							"Trebuchet MS";
	font-size:								16px;
	color:									#333366;
	padding-top:							5px;
}

#body .item h2
{
	font-family:							"Trebuchet MS";
	font-size:								17px;
	color:									#333366;
	padding-top:							6px;
}

#body .body h2
{
	font-family:							"Trebuchet MS";
	font-size:								16px;
	color:									#333366;
	padding-top:							6px;
}
.body p
{
	font-family:							Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:								12px;	
	margin:									1em 0;
}


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


.body ul
{
	list-style-type:						disc;
	font-size:								12px;
}

#body .value ul.cglist
{
	list-style-type:						disc;
	font-size:								11px;
	margin-left:							-37px;
}

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

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




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



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

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


.latest-content
{
	color:									#333366;
}


.latest-content h2
{
	border-style:							solid;
	border-width:							4px 1px 1px 1px;
	color:									white;  /* #edd010; */
	font-family:							"Trebuchet MS";
	font-size:								16px;
	font-weight:							bold;
	margin:									0 -5px;
	padding:								0 4px;
	background:								#345d7b;
}


.latest-content h2 a
{
	color:									white;  /* #edd010;  */
	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
{
	list-style-image: 						url(/themes/portal/images/nav.bullet.gif);
	padding-left:							15px;
	line-height:							180%;
}


.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:							#333366;
}


#events
{
}


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


#focus
{
}


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


.cglist label 
{
	font-weight:							bold;
	text-align:								right;
}

.cgproperty .value 
{
	text-align:								left;
}

.cgproperty 
{
	margin-top:								2px;
}

.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:									2px 10px 10px 10px;
	*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;
	min-height:								100px;
}


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

.content-page .wide .main 
{
	width:									680px;
}

.content-page .one-col .main
{
	width:									940px;
}


#left
{
	width:									220px;
}


#right
{
	width:									220px;
}


#subnav ul li a, #subnav ul li a img 
{
border:medium none;
color:#336699;
font-size:12px;
vertical-align:text-bottom;
}

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

		Typography

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


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

.subcats H2
{
	font-size:								18px;
}

.Location .cglayoutbox 
{
	-moz-background-clip:					border;
	-moz-background-inline-policy:			continuous;
	-moz-background-origin:					padding;
	-moz-border-radius-bottomleft:			5px;
	-moz-border-radius-bottomright:			5px;
	-moz-border-radius-topleft:				5px;
	-moz-border-radius-topright:			5px;
	background:								#FBFCFE url(/themes/portal/images/locationdir_bg.gif) repeat-x scroll center bottom;
	border:									1px solid #C2D5FC;
	margin-top:								4px;
	padding:								10px;
}


.cglist thead th {
	padding:								5px 5px 5px;
	-moz-border-radius: 					5px;
	-webkit-border-radius: 					5px;
	border-top:								1px solid #f9f9f9;
	border-bottom:							1px solid #f9f9f9;
}

.cglayoutbox .cmdline 
{
	 margin-bottom: 25px;
	margin-top: 20px;
}


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

		For slider.jsi  -  added February 2011

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

.Events_slider {
	background:url(/themes/portal/images/bg_events_scroller.png) no-repeat;
	width:279px;
	height:94px;
	font-family:Verdana, Geneva, sans-serif;
	padding:8px 5px 5px 30px;
	position: absolute; 
	top: 100px; 
	left: 50px;
}

.Events_slider .date{
	font-size:10px;
	color:#303030;
}

.Events_slider .text {
	width:230px;
	height:43px;
	line-height:0.9em;
	overflow:hidden;

}

.Events_slider .text a{
	font-size:11px;
	color:#303030;
	font-weight:bold;
	text-decoration:none !important;
}

.Events_slider .more_info a{
	font-size:10px;
	color:#5099cc;
	text-decoration:none !important;
}

.Events_slider ul#fade {
	list-style:none;
	margin:0;
	padding:0;	
}

#fade table {
	border:0;
	padding:0;
	margin:0;
}

/* still needed?
.Events_slider ul#news {
	list-style:none;
	margin:0;
	padding:0;	
	width:279px;

} */