body{
	background-image:url(../res/bg_ltBlueDot.gif); 
	background-repeat:repeat;}

p,td,span,div{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;}
.px11black{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:normal;
}
.px12blue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#395A79;
}

td.footer{font-size:11px;}

a{	color:#666600;}
a.white{color:#FFFFFF;}

th{ family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold;
	color:#6E8498;	
	margin-left:0px;
	padding-left:0px;
	text-align:left;}
th.cream{
	color:#FFFAE1;}

h1{ font-family: Arial, Helvetica, sans-serif;
	color: #6D8499;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	}
h2{	font-family:Arial, Helvetica, sans-serif;
	color:#6D8499;
	font-size:14px;
	font-weight:bold;}
h3{	font-family:Arial, Helvetica, sans-serif;
	color:#68683F;
	font-size:12px;
	font-weight:bold;
	padding-left:0px;
	margin-bottom:0px;
	padding-bottom:0px;}
h3.taupe{
	color:#FFFAE1;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFAE1; 
	font-weight:normal; 
	margin-left:5px; 
	margin-top:6px;
	margin-bottom:4px;
	padding:0px;}

ul{ margin:0px; 
	padding-left:15px;}	
ul.errorList{
	margin-left:0px;
	padding-left:0px;
	margin-bottom:5px;}
ul li{	
	list-style-type:none; 
	background-image:url(../res/bg_bulletBlock.gif); 
	background-repeat:no-repeat; 
	background-position:0px 5px;	
	padding-left:10px;}
li.error{
	list-style-type:none; 
	background-image:url(../res/bg_bulletBlockError.gif); 
	background-repeat:no-repeat; 
	background-position:0px 5px;	
	padding-left:10px;
	color:#CC6600;}

/* ------------ form fields and elements ------------ */
.frmField{
	border:1px solid #000000; 
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;}
.frmButton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;}
select{
	border:1px solid #000000; 
	font-size:11px;}
label{
	width:120px; 
	float:left;
	clear:both;
	color:#666600;
	font-weight:bold;
	padding-top:5px;}
.formLabel{
	padding-left:5px;
	background-image:url(../res/bg_taupe.gif); background-repeat:repeat;
	color:#000;
}	
.formtable {
	border: 1px solid #E6D9C0;
	background-color: #FDF8EB;
	margin: 0px 0px 10px 0px;
	padding: 10px;
}
.formTitle{
	margin:3px 0px 3px 0px;
	padding:0px;
}

/* ------------ home content box ------------ */
#homeContentBox{
	background-image:url(../res/siteFooterImg.jpg); 
	background-position:bottom right; 
	background-repeat:no-repeat;}
/* ------------ benefits of collaborative resolution box ------------ */
#benefitsBox{
	background-image:url(../res/bg_benefitsBox.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#EFEBD8;
	padding-top:55px;}

/* ------------ benefits of collaborative resolution list ------------ */
#benefitsList{
	padding-left: 0;
	margin-left: 0px;
	width: 190px;}
#benefitsList li{ 	
 	background-image:url(../res/bg_bulletArrow2.gif); 
	background-repeat:no-repeat; 
	background-position: 10px 9px;
	list-style: none;
	margin: 0;
	padding-left:25px;
	padding-top: 5px;
	padding-bottom:5px;
	border-bottom: 1px solid white;}	
	
/* ------------ for collaborative professionals box ------------ */
#forCollabPros{
	background-image:url(../res/bg_forCollabPros.gif); 
	background-repeat:repeat-x;
	width: 190px;
	height:81px;
	background-position:top left;
	margin:0px;
	padding:0px;}
/* ------------ for collab professionals links ------------ */
#forProsList{
	margin:0px; 
	padding-left:5px;}
#forProsList li{
	list-style-type:none; 
	background-image:url(../res/bg_bulletArrow.gif); 
	background-repeat:no-repeat; 
	background-position:0px 5px; 
	padding-left:10px;}
#forProsList a{
	font-size:11px;
	color:#FFFAE1;
	text-decoration:none;
	font-weight:normal;
	}
#forProsList a:hover{
	text-decoration:underline;}
/* ------------ find a collaborative professinal box ------------ */
#findCollabPro{
	background-image:url(../res/bg_findCollabPro.gif); 
	background-repeat:repeat-x;
	width: 190px;
	height:126px;
	background-position:top left;
	margin:0px;
	padding:0px;}
	
/* ------------ member logged in box ------------ */
#memLoggedIn{
	background-image:url(../res/bg_forCollabPros.gif); 
	background-repeat:repeat-x;
	width: 190px;
	height:81px;
	background-position:top left;
	margin:0px;
	padding:0px;}
#memLoggedIn li{
	color:#FFFAE1;
	list-style-type:none; 
	background-image:url(../res/bg_bulletArrow.gif); 
	background-repeat:no-repeat; 
	background-position:0px 5px; 
	padding-left:10px;}
#memLoggedInList a{
	font-size:11px;
	color:#FFFAE1;
	text-decoration:none;
	font-weight:normal;
	}
#memLoggedInList a:hover{
	text-decoration:underline;}
	
/* ------------ background color configuration ------------ */
.bgWhite{background-color:#fff;}
.bgLtBlue{background-image:url(../res/bg_ltBlueDot.gif); background-repeat:repeat;}
.bgDkBlue{background-image:url(../res/bg_dkBlueDot.gif); background-repeat:repeat;}
.bgDkBlue2{background-color:#6D8499;}
.bgLtGray{background-color:#CCCCCC;}
.bgCream{background-image:url(../res/bg_cream.gif); background-repeat:repeat;}
.bgTaupe{background-image:url(../res/bg_taupe.gif); background-repeat:repeat;}
.smallfont {font-size: 11px;}
.bgDkGreen{background-color:#666600;}
.bgCreme{color:#FFFAE1;}
.bgDkGreen{background-color: #A9A96A;}
.bgDkGray{background-color:#333333;}

/* ------------- Home Page Announcements -------------- */
div#announcements {float: right; position: relative; top: -58px; width: 220px; background: url(../res/bg-announcements.gif) repeat-x; min-height: 217px;}
#announcements dl {margin: 10px 0 0 0;}
#announcements dl dd {margin: 0; padding: 0 10px; margin: 2px 0 13px 0; color: #333;}
#announcements dl dd span a {font-size: 11px; color: #495a6a;}
#announcements dl dd span a:hover {text-decoration: none;}
#announcements dl dt {background: url(../res/icon-envelope.gif) no-repeat 0 2px; color: #495a6a; padding: 0 0 0 20px; margin: 0 0 0 10px;}
#announcements dl dt a {color: #495a6a;}
#announcements dl dt a:hover {text-decoration: none;}
#announcements p.viewall a {font-weight: bold; color: #495a6a; float: right; margin: 0 10px 0 0; font-size: 11px;} 
#announcements p.viewall a:hover {text-decoration: none;} 

/* ------------- Inner Page Announcements -------------- */
p.announcement-body {line-height: 20px; padding: 0 0 10px 0; margin: 10px 0 20px 0;}
p.announcement-date {font-size: 11px; color: #999; margin: 0;}
p.teaser {margin: 0 0 15px 0;}