/************* Style Sheet for Feng Shui *******************/
/***********************************************************/
/********* 2008 E-Man's Desktop Publications **************/
/******************* All Rights Reserved *******************/
/************** eman@star-webs.com *************************/
/***********************************************************/

.bagua { 
background-color:#FF3311; 
color : #FFFFFF ;
font-family: arial, helvetica; 
font-size: 12px; 
font-weight: bold; 
}
.fengshui { 
background-color:#efefef; 
color : #000000 ;
font-family: arial, helvetica, veranda; 
font-size: 12px; 
BORDER-RIGHT: #999999 1px solid;
BORDER-TOP: #999999 1px solid;
BORDER-LEFT: #999999 1px solid;
BORDER-BOTTOM: #999999 1px solid;
}
.chi { 
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
}

/*************** Main Nav - Home Page ******************/
#main-nav {
	width: 445px;
	margin: 0 auto;
}
#main-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#main-nav ul li {
	float: left;
    margin:0;
    padding:0;
    border:0;
    
}
#main-nav ul li a {
    display: block;
    margin:0;
    padding:0;

    overflow: hidden;
    text-indent:-1000em;
    border:0;
}
#main-nav ul li#practitioner a {
	width: 155px;
	height: 155px;
	background: url(images/nav-p-training.png) no-repeat 0px 0px;
}
#main-nav ul li#community a {
	width: 135px;
	height: 155px;
	background: url(images/nav-community.png) no-repeat 0px 0px;
}
#main-nav ul li#consultant a {
	width: 155px;
	height: 155px;
	background: url(images/nav-consultant.png) no-repeat 0px 0px;
}
#main-nav ul li#education a {
	width: 155px;
	height: 125px;
	background: url(images/nav-education.png) no-repeat 0px 0px;
}
#main-nav ul li#guidance a {
	width: 135px;
	height: 125px;
	background: url(images/nav-guidence.png) no-repeat 0px 0px;
}
#main-nav ul li#resources a {
	width: 135px;
	height: 125px;
	background: url(images/nav-resources.png) no-repeat 0px 0px;
}
#main-nav ul li#courses a {
	width: 155px;
	height: 155px;
	background: url(images/nav-o-training.png) no-repeat 0px 0px;
}
#main-nav ul li#essential a {
	width: 135px;
	height: 155px;
	background: url(images/nav-essential.png) no-repeat 0px 0px;
}
#main-nav ul li#blog a {
	width: 155px;
	height: 155px;
	background: url(images/nav-blog.png) no-repeat 0px 0px;
}
#main-nav ul li#practitioner a:hover,
#main-nav ul li#community a:hover,
#main-nav ul li#consultant a:hover,
#main-nav ul li#courses a:hover,
#main-nav ul li#essential a:hover,
#main-nav ul li#blog a:hover {
	background-position: 0px -155px;
}
#main-nav ul li#education a:hover,
#main-nav ul li#guidance a:hover,
#main-nav ul li#resources a:hover {
	background-position: 0px -125px;
}




/*************** Side Navbar Hyperlinks ******************/
.sidenav { 
font-family: arial, helvetica; 
font-size: 12px; 
line-height: 120%
}
a.sidenav { 
text-decoration: none; 
color : #FFFFFF 
}
a:hover.sidenav { 
text-decoration: none; 
color : #FFCC00
}
/*************** Page Hyperlinks ******************/
.pagenav { 
font-family: arial, helvetica; 
font-size: 14px; 
line-height: 120%
}
a.pagenav { 
text-decoration: underline; 
color : #000000 
}
a:hover.pagenav { 
text-decoration: underline; 
color : #666666
}
.bottomnav { 
font-family: arial, helvetica; 
font-size: 13px; 
line-height: 120%
}
a.bottomnav { 
text-decoration: underline; 
color : #6E2668; 
}
a:hover.bottomnav { 
text-decoration: underline; 
color : #333333;
}
/************* Top Navbar Hyperlinks ****************/
.whitenav { 
font-family: arial, helvetica; 
font-size: 13px; 
font-weight: bold; 
line-height: 120%
}
a.whitenav { 
text-decoration: none; 
color : #FFFFFF 
}
a:hover.whitenav { 
text-decoration: none; 
color : #FF3311
}
/*************** Admin Navbar Hyperlinks ******************/
.adminav { 
font-family: arial, helvetica; 
font-size: 10px; 
line-height: 120%
}
a.adminav { 
text-decoration: none; 
color : #FEFEFE 
}
a:hover.adminav { 
text-decoration: none; 
color : #BCBCBC
}
.topnav { 
font-family: arial, helvetica; 
font-size: 12px; 
font-weight: bold; 
line-height: 120%
}
a.topnav { 
text-decoration: none; 
font-weight: bold; 
color : #FFFFFF 
}
a:hover.topnav { 
text-decoration: none; 
font-weight: bold; 
color : #FFFFFF
}
.topnav2 { 
font-family: arial, helvetica; 
font-size: 12px; 
font-weight: bold; 
line-height: 120%
}
a.topnav2 { 
text-decoration: none; 
font-weight: bold; 
color : #000000 
}
a:hover.topnav2 { 
text-decoration: none; 
font-weight: bold; 
color : #000000
}
/********************** Page Text ***************************/
.yellowtext { 
font-family: arial, helvetica; 
color : #FFCC00; 
font-size: 10px; 
line-height: 120%
}
.orangetext { 
font-family: arial, helvetica; 
color : #FFCC00; 
font-size: 12px; 
font-weight: bold; 
line-height: 120%
}
.bluetext { 
font-family: arial, helvetica; 
color : #336699; 
font-size: 10px; 
line-height: 120%
}
.bluetextbold { 
font-family: arial, helvetica; 
color : #336699; 
font-size: 14px; 
font-weight: bold;
line-height: 120%
}
.redtext { 
font-family: arial, helvetica; 
color : #FF3311; 
font-size: 14px; 
line-height: 120%
}
.redtextbold { 
font-family: arial, helvetica; 
color : #FF3311; 
font-size: 14px; 
font-weight: bold; 
line-height: 120%
}
.greentext { 
font-family: arial, helvetica; 
color : #339999; 
font-size: 14px; 
line-height: 120%
}
.greentextbold { 
font-family: arial, helvetica; 
color : #339999; 
font-size: 14px; 
font-weight: bold; 
line-height: 120%
}
.blacktext { 
font-family: arial, helvetica; 
color : #000000; 
font-size: 14px; 
line-height: 120%
}
.blacktextsmall { 
font-family: arial, helvetica; 
color : #000000; 
font-size: 11px; 
line-height: 120%
}
.blacktextbold { 
font-family: arial, helvetica; 
color : #333333; 
font-size: 14px; 
font-weight: bold; 
line-height: 120%
}
.graytext { 
font-family: arial, helvetica; 
color : #BBBBBB; 
font-size: 10px; 
line-height: 120%
}
.graytextbold { 
font-family: arial, helvetica; 
color : #BBBBBB; 
font-size: 12px; 
font-weight: bold; 
line-height: 120%
}
.smallwhitetext { 
font-family: arial, helvetica; 
color : #FEFEFE; 
font-size: 10px; 
line-height: 100%
}
.whitetext { 
font-family: arial, helvetica; 
color : #FEFEFE; 
font-size: 12px; 
line-height: 120%
}
.whitetextbold { 
font-family: arial, helvetica; 
color : #FEFEFE; 
font-size: 14px; 
font-weight: bold; 
line-height: 120%
}
/******************** Side Menu *************************/
#selectmenu{
border: 1px solid #FFFFFF;
width: 100%;
background-color: ;
}
#coolmenu{
border: 1px solid #000000;
width: 100%;
background-color: ;
}
#coolmenu a{
font: 13px arial, helvetica;
font style: bold;
padding: 4px;
padding-left: 0px;
display: block;
width: 100%;
height: 24px;
color: #FFFFFF;
text-decoration: none;
}
#coolmenu a{
width: auto;
}
#coolmenu a:hover{
background-color: #333333;
filter:alpha(opacity=80);
-moz-opacity:30;
color: #FFFFFF;
}
.clear {
	clear: both;
}