/* CSS Document */

/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#logo {
	float:left;
	background-image:url(../images/selfmatters_logo.jpg);
	width:948px;
	height:189px;
	background-repeat: no-repeat
}

#toplinks {
	position:absolute;
	right:10px;
	top:10px;
}
#menu {
	float:right;
	width:948px;
	height:32px;
	background-image:url(../images/bg_menu.jpg);
	background-repeat:repeat-x;
}
#submenu {
	float:right;
	width:948px;
	height:32px;
	background-image:url(../images/bg_submenu.gif);
	background-position:top;
	background-repeat:repeat-x;
}
#contenttext {
	float:right;
	width:632px;
}
#contenttext2 {
	float:center;
	width:942px;
}
#leftpanel {
	float:left;
	width:316px;
}
#footer {
	float:left;
	background-image:url(../images/pebbles.jpg);
	width:948px;
	padding:70px;
	background-repeat:no-repeat;
}
/*GRAY PANEL*/
.graypanel {
	border:solid 1px #666666;
	background-image:url(../images/paper.jpg);
	padding:10px;
	margin:10px;
}
/*TEXT STYLES*/
.bodytext {
	font: 0.9em Tahoma, sans-serif;
	color: #000000;
}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#673f6e;
}
.whitetitle {
	font: 0.8em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}

.blackbold {
	font: 0.8em Tahoma, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
.smalltitle {
	font: 0.8em Tahoma, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#673f6e;
}

.smallertitle {
	font: 0.8em Tahoma, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#673f6e
}
.smallwhitetext {
	font: 0.8em Tahoma, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a {
	font: 0.8em Tahoma, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover {
	text-decoration:underline;
}
.smallgraytext {
	font: 0.8em Tahoma, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a {
	font: 0.8em Tahoma, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover {
	text-decoration:underline;
}
.smallredtext {
	font: 0.8em Tahoma, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#673f6e;
}
.smallredtext a {
	font: 0.8em Tahoma, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover {
	text-decoration:underline;
}
.nodecoration {
	text-decoration:none
}

hr {color: #fff; background-color: #f4eafa; border: 3px dotted #673f6e; border-style: none none dotted;
 }


div.row {
float: left; 
margin: 0; 
padding: 0; 
width: 98.5%;}
div.cols2 {float: left; 
width: 49%; 
margin: 0 3px 0 0; 
padding: 0;
}