@import url("default.css");
@import url("content.css");
/* CSS layout */
/* This needs to be placed in the meta tags of the site in the html area somehow - to compensate for IE exceptions
<!--[if IE]> <link rel="stylesheet" type="text/css" href="css/ie.css" /> <![endif]--> */


/*logo colors are pms 1805 (red #af292e ) and 458 (yellow #decd6a)*/

body {
	padding: 0;
	font: 12px/1.5 Verdana, Arial, Helvetica, sans-serif;
	/*	text-align: center;
*/	background-image: url('../images/wallpaper.gif');
}
.ControlPanel, #ControlPanel {
	width: 955px;
	margin:auto;
	border: 1px solid #7ba7af;
	background-color: #F5F8FC;
	margin-top: 18px;
}
#wrap {
	width: 955px;  /*testing - fuchsia is also used for testing targets elsewhere*/
	margin: 24px auto;
	text-align: left;
	background-color: white;
	border-left: 1px solid #7ba7af;
	border-right: 3px solid #CCCCCC;
	border-bottom: 3px solid #CCCCCC;
	background-image: url( '../images/contentWallpaper.gif' );
	background-repeat: repeat;
}
.masthead {
	position: relative;
	margin: 0;
	height: 140px;
	font-size: 10px;
	color: white;
	background-image: url(   '../images/masthead.jpg' );
	background-repeat: no-repeat;
}
.masthead .top {
	height: 25px;
	text-align: right;
}
.masthead #logo {
	border: none;
	top: 0;
	width: 300px;
	height: 67px; /*with language bar clearance, bottom of logo at 67+25=92; remaining space 140-92=48  */
	margin: 0px 0px 0px 20px;
}
.masthead .base {
	position: absolute;
	left: 0;
	top: 120px;
	width: 955px;
	height: 20px;
}
.masthead a {
	color:#505050;
	text-decoration:none;
	font-weight: bold;
}
.masthead a:hover {
	color:#af292e;
	text-decoration:underline;
	font-weight: bold;
} /*[TEXT] and Search pick up from here although should pick up breadcrumb*/
img {
	border:none;
}
/*-------------- Search --------------*/
.search {
	float:right;
	position:relative;
	top:-3px;
	margin: 0px 12px 0px 0px;
	font-weight: bold;
	color: #333333;
	text-decoration:none;
}/*all, including the bar */
a.search:hover {
	color:#af292e;
	text-decoration:none;
}
.serverSkinWidget {
	position:relative;
	top:-0px;
}/*all but the bar itself - stopped working, poss after the positioning was introduced*/
.date {
	float:right;
	color:#333333;
}
.language {
	top:-2px;
	margin: 0 12px;    /* language bar renders 153 x 20 */
}
.language img {
	position:relative;
	top:4px;
	border: none;
}
.tagline {
	position:absolute;
	font-size: 10px;
	padding:0 0 0 6px;
	color: #959595;
	font-weight: bold;
} /*width 175 minus the lrmargins. Should be 185 but spaace added to move over next item. Padding does not change width in IE but does in FF. Padding is *cumulative* and carries from one horizontal div to the next adjacent */
/*------------ Breadcrumb Style --------------*/
.breadcrumbGroup {
	position: absolute;
	left: 185px;
}
.breadcrumbGroup, .breadcrumb, a.breadcrumb, a.breadcrumb:link, a.breadcrumb:active, a.breadcrumb:visited {
	font-weight: bold;
	text-decoration:none;
	color:#505050;
	font-size:1em;
}
a.breadcrumb:hover {
	text-decoration:underline;
	color:#af292e;
}
.breadcrumb img {
	margin-right:1px;
}
/*--------- pane style ----------*/
#contentArea {
	padding:0;
	margin:0;
}
.LeftPane {
	width:174px;
} /*left pane width totals 175px */
.ContentPane /*width by default 345 (955 [container] - 175 [left] - 225 [right]) */
	border-left:1px solid #f0f0f0;
}
.RightPane {
	width: 224px;
}
.BottomPane {
}
.menu {
	top:0;
	width:174px;
	text-align: left;
	background-color: #f0f0f0;
}
.menu .public {
	padding: 12px 3px 12px 12px;
	border:0;
}
.menu .members {
	margin-right: 15px;
	padding: 12px 3px 12px 12px;
	color: #505050;
	margin-bottom: 25px;
	background-image: url( '../images/menuMembersWallpaper.gif' );
	background-repeat: repeat-y;
} /* this affects treeview menu fonts */
/*-------------- User Style login ---------------*/

.user, a.user:link, a.user:active, a.user:visited {
	margin-top:24px;
	padding-left: 4px;
	color: #505050;
	font: bold 11px/1.4 Tahoma, Arial, sans-serif;
}
a.user:hover {
	color:#af292e;
	text-decoration:underline;
}
.user .login {
	background-position: 3px 1px;
	margin: 6px 48px 0 0;
	padding: 0px 0px 8px 10px;
	background-image: url(   '../images/breadcrumb.gif' );
	background-repeat: no-repeat;
}
.user .registrant {
	margin: 6px 6px 0 0;
	border-bottom: none;
	display:none
}
.user .loginBox {
	margin: 8px 10px 10px 0px;
	border: 1px #cccccc solid;
}
/*-------------- Link Style --------------*/
.links {
	text-align:center;
}
.links, a.links:link, a.links:active, a.links:visited {
	font-weight:bold;
	color:#4F839F;
	font-size:.9em;
	text-transform:uppercase;
}
a.links:hover {
	color:#af292e;
}
/*-------------- Footer --------------*/
.footer, a.footer:link, a.footer:active, a.footer:visited {
	clear:both;
	margin: 36px 24px 18px 20px;
	color:#4F839F;
	font-size: .9em;
	font-weight: bold;
}
a.footer:hover {
	color:#af292e;
}
.footer #links {
	text-align:center;
	margin-bottom:6px;
}
.footer #legal {
	border-top: 1px solid #7ba7af;
}
#legal .terms {
	float: left;
}
#legal .copyright {
	text-align:right;
}
.clearFloat {
	clear:both;
}
.ContentPane hr, .RightPane hr {
	margin: 24px 0;
	color: #af292e;
	background-color: #af292e;
	height: 1px;
}
.facebookBtn
{
margin:0; 
padding: 5px 0 10px 38px; 
background: #FAF8F9; 
width: 135px;
}