/*
    You Have the Power web site CSS
    by Charissa
*/

/* ==== golobal styles ==== */

body {
	font-family: Helvetica,sans-serif;
	background: #f0eadf;
	margin: 0;
	padding: 0;
	
	background-image: url(../images/background.jpg);
  	background-position: 50% 0%;
  	background-repeat: no-repeat;
}

p, h1, h2, h3, h4, h5, h6, li {
	margin: 0;
}

div#outerDiv {
    width: 950px;
    margin: 0 auto;
    background: none;
}

#outerDiv a:link, #outerDiv a:visited {
    text-decoration: none;
    color: #d94827;
    font-style: italic;
}

#outerDiv a:hover, #outerDiv a:active {
    color: #666666;
    font-style: italic;
}

/* ==== header ==== */

#topTabs {
	list-style: none;
	width: 260px;
	margin: 0px 0px 0px 700px;
}

#topTabs img {
	margin: 0;
	border: none;
}

#Logo {
	list-style: none;
	width: 300px;
	padding: 25px 0 25px 0;

}

#mainMenu {
	float: right;
	list-style: none;
	width: 950px;
	margin: 99px 0px 15px 0px;
	padding: 0;
}

#idBanner {
	float: right;
	list-style: none;
	width: 950px;
	margin: 0px 0px;
	padding: 0;
}

/* ==== main menu ==== */

#mainMenu img {
	margin: 0;
	border: none;
}

#mainMenu ul#navRollovers {
	list-style: none;
	width: 950px;
	margin: none;
}

#mainMenu ul#navRollovers li {
	float: left;
	margin: none;
	padding: none;
}

#mainMenu ul#navRollovers a {
	width: 88px;
	height: 66px;
	font-family: "Helvetica", sans-serif;
	color: #d94827;
	font-size: 8px;
	text-decoration: none;
	padding: none;
	margin-right: none;
	border: none;
	display: block;
}

#mainMenu li a:current {
    margin-top: 0;
    height: 128px;
    background: url(../images/WorkCurrent.jpg) no-repeat;
    color: #aaa;
    line-height: 25px;
}

#mainMenu a.home { 
background: url(../images/homeOFF.jpg) no-repeat top left; 
}

#mainMenu a.aboutUs { 
background: url(../images/aboutUsOFF.jpg) no-repeat top left; 
}

#mainMenu a.community { 
background: url(../images/communityOFF.jpg) no-repeat top left; 
}

#mainMenu a.thrivors { 
background: url(../images/thrivorsOFF.jpg) no-repeat top left; 
}

#mainMenu a.recoveringOffenders { 
background: url(../images/recoveringOFF.jpg) no-repeat top left; 
}

#mainMenu a.yhtpBiz { 
background: url(../images/bizOFF.jpg) no-repeat top left; 
}



#mainMenu a.home:hover { 
background: url(../images/homeON.gif) no-repeat top left; 
}

#mainMenu a.aboutUs:hover { 
background: url(../images/aboutON.gif) no-repeat top left; 
}

#mainMenu a.community:hover { 
background: url(../images/communityON.gif) no-repeat top left; 
}

#mainMenu a.thrivors:hover { 
background: url(../images/thrivorsON.gif) no-repeat top left; 
}

#mainMenu a.recoveringOffenders:hover { 
background: url(../images/recoveringON.gif) no-repeat top left; 
}

#mainMenu a.yhtpBiz:hover { 
background: url(../images/bizON.jpg) no-repeat top left; 
}

/* ==== main content ==== */

#content div#mainContent {
	float: left;
    left: 0px;
	width: 525px;
	margin: 10px  0px;
	padding: 30px;
	background: #ffffff;
}

#mainContent p {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #27100c;
	margin: 10px 0 10px 0;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
	font-family: "Helvetica", sans-serif;
}

#mainContent h1 {
	font-size: 24px;
	font-weight: normal;
	color: #27100c;
	margin: 0px 0 0px 0;
}

#mainContent h2 {
	font-size: 18px;
	font-weight: bold; 
	color: #27100c;
	margin: 10px 0 0 0;
}

#mainContent h3 {
	font-size: 14px;
	font-weight: bold; 
	color: #27100c;
	margin: 20px 0 0 0;
}

#mainContent h4 {
	font-size: 14px;
	font-weight: bold; 
	color: #27100c;
	margin: 20px 0 0 0;
}

#mainContent li {
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal; 
	color: #27100c;
	margin: 0px 0 0 0;
}

#mainContent p.introCopy {
	font-family: "Helvetica", sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #27100c;
	margin: 10px 0 10px 0;
}

#mainContent p.dottedLine {
	margin: 20px 0 20px 0;
}

/*==== side bar  ====*/

#content div#sideBar {
	float: right;
	width: 350px;
	padding: 0;
	margin: 10px  0px;
}

#content div#sideBar img {
	margin: 0;
	border: none;
}

#content div#sideBar p.sideBarCopy{
	font-family: "Helvetica", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #27100c;
	padding: 15px;
	background: #ffffff;
}

/* ==== footer ====*/

div#footer {
	clear:both;
	background: transparent;
	margin: 40px 0 40px 0;
	padding: 0px;
}

#footer p {
	font-family: "Helvetica", sans-serif;
	font-size: 10px;
	color: #010000;
	margin: 0;
	padding: 0 0 0 0;
}

#footer a {
	color: #666666;
	text-decoration: none;
	font-style: italic;
}

/*==== miscellaneous styles ====*/

.clear { clear: both }