/* -------------------------------------------
Main style sheet for Message Hub website 

created: November 2006
author: Brett Chaney
website: http://www.thegoodwebcompany.com
------------------------------------------- */

/* leftNav styles */

#leftNav {
	background: url(../images/leftnav_bg.gif) repeat-y;
	width: 176px;
	margin-left: 53px;
	margin-top: 13px;
	border-bottom: 1px solid #919191;
}

#leftNav img {
	vertical-align: top;
}

#leftNav ul {
	margin: -6px 0 0 8px;
	padding: 0;
	list-style: none; 
	width: 159px;
}

#leftNav li.mainHeadersTop {
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 7px;
	padding-top: 0;
	font-size: 12px;
	font-weight: bold;
	background: none;
}

#leftNav li.mainHeadersTop a  {
	text-decoration: none;
	color: #545454;
}

#leftNav li.mainHeadersTop a:hover  {
	text-decoration: underline;
}

#leftNav li.mainHeaders {
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 7px;
	padding-top: 7px;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/leftnav_divider.gif) top repeat-x;
}

#leftNav li.mainHeaders a  {
	text-decoration: none;
	color: #545454;
}

#leftNav li.mainHeaders a:hover  {
	text-decoration: underline;
}

#leftNav ul.innerUl {
	margin: -3px 0 5px -1px;
	_margin: 2px 0 0 -1px;
	padding: 0;
	list-style: none; 
	width: 159px;
}

#leftNav ul.innerUl li {
	padding-bottom: 1px;
	padding-top: 1px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	height: 18px;
	line-height: 18px;
}


#leftNav ul.innerUl li img {
	vertical-align: middle;
	line-height: 18px;
}

#leftNav ul.innerUl li a.greyBG {
	padding-left: 6px;	
	color: #000;
	height: 18px;
	display: block;
	line-height: 18px;
}

#leftNav ul.innerUl li a:hover.greyBG {
	display: block;
	background-color: #e8e8e8;
	text-decoration: none;
}

#leftNav ul.innerUl li a.greyBG2 {
	padding-left: 20px;	
	color: #000;
	height: 18px;
	line-height: 18px;
	display: block;
	background: url(../images/leftnav_arrow.gif) no-repeat;
	font-size: 10px;
}

#leftNav ul.innerUl li a:hover.greyBG2 {
	display: block;
	background-color: #e8e8e8;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
	font-size: 10px;
}

#leftNav ul.innerUl li a.blueBG {
	padding-left: 6px;	
	color: #000;
	height: 18px;
	display: block;
	line-height: 18px;
}

#leftNav ul.innerUl li a:hover.blueBG {
	display: block;
	background-color: #b1cef9;
	text-decoration: none;
}

#leftNav ul.innerUl li a.blueBG2 {
	padding-left: 20px;	
	color: #000;
	height: 18px;
	line-height: 18px;
	display: block;
	background: url(../images/leftnav_arrow.gif) no-repeat;
	font-size: 10px;
}

#leftNav ul.innerUl li a.greenBG2 {
	padding-left: 20px;	
	color: #000;
	height: 18px;
	line-height: 18px;
	display: block;
	background: url(../images/leftnav_arrow.gif) no-repeat;
	font-size: 10px;
}


#leftNav ul.innerUl li a:hover.blueBG2 {
	display: block;
	background-color: #b1cef9;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
}

#leftNav ul.innerUl li a:hover.greenBG2 {
	display: block;
	background-color: #83da44;
	height: 18px;
	line-height: 18px;
	text-decoration: none;
}


#leftNav ul.innerUl li a.greenBG {
	padding-left: 6px;	
	color: #000;
	height: 18px;
	display: block;
	line-height: 18px;
}

#leftNav ul.innerUl li a:hover.greenBG {
	display: block;
	background-color: #83da44;
	text-decoration: none;
}

#leftNav ul.innerUl li a.yellowBG {
	padding-left: 6px;	
	color: #000;
	height: 18px;
	display: block;
	line-height: 18px;
}

#leftNav ul.innerUl li a:hover.yellowBG {
	display: block;
	background-color: #fde345;
	text-decoration: none;
}

#leftNav ul.innerUl li a.orangeBG {
	padding-left: 6px;	
	color: #000;
	height: 18px;
	display: block;
	line-height: 18px;
}

#leftNav ul.innerUl li a:hover.orangeBG {
	display: block;
	background-color: #eaa23b;
	text-decoration: none;
}

#leftNav ul.innerUl li a.tealBG {
	padding-left: 6px;	
	color: #000;
	height: 18px;
	display: block;
	line-height: 18px;
}

#leftNav ul.innerUl li a:hover.tealBG {
	display: block;
	background-color: #72f1e1;
	text-decoration: none;
}

#leftNav ul.innerUl li a.purpleBG {
	padding-left: 6px;	
	color: #000;
	height: 18px;
	display: block;
	line-height: 18px;
}

#leftNav ul.innerUl li a:hover.purpleBG {
	display: block;
	background-color: #bc98df;
	text-decoration: none;
}