body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#233E53;
}

#bg_image {
width: 100%;
height: 100%;
left: 0px;
top: 0px;
position: absolute;
z-index: 1;
}
#contents {
	position:absolute;
	width: 100%;
	z-index:2;
	left: 4px;
	top: -1px;
}
.booktitle {
	font-size: 16px;
	color: #223C51;
	font-weight: bold;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
.error_link {
	font-size: 16px;
	color: #CC3300;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}


.searchengine {
	font-size: 1px;
	color: #223C51;
}
.emailink {
	font-size: 14px;
	color: #0033FF;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}



#footer {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* !!!!!!!!!!!!!!!!!!!!!!!!!!!! BEGIN NAVIGATIONAL FORMATTING !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
#menu-wrap {width:748px; height:26px; position:relative; z-index:100;background-color: #E9ECEF;   }
/* hack to correct IE5.5 faulty box model */
* html #menu-wrap {width:100%; w\idth:100%}
/* remove all the bullets, borders and padding from the default list styling */
#menu-wrap ul {padding:0;margin:0;list-style-type:none;}
#menu-wrap li, #menu-wrap a, #menu-wrap div {padding:0;margin:0;}
#menu-wrap ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu-wrap ul li {float:left;position:relative;}
#menu-wrap ul ul li {width:100%}

/* style the links for the top level */
#menu-wrap ul a, #menu-wrap ul a:visited {
	padding: 3px 18px 3px 13px;
    background-color: #E9ECEF;
    font: 12px arial;
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    display: block;
	border-right:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	line-height:20px;
	
}
/* FIRST LEVEL BACKGROUND ON HOVER */
#menu-wrap ul li:hover a, #menu-wrap ul a:focus, #menu-wrap ul a:active{    
    background-color: #D7E1FD;
	z-index:300;
	 
	       
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu-wrap a, * html #menu-wrap a:visited {width:10px; w\idth:10px;padding-right:10px;white-space:nowrap;}

/* style the second level background */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
border-bottom:1px solid #46689C;
border-right: 1px solid #46689C;
border-left: 1px solid #46689C;
 background-color: #ffffff;  
	text-align:left;
	z-index:100;
	
}

#menu-wrap a.trigger, #menu-wrap a.trigger:hover, #menu-wrap a.trigger:visited {
    background-image: url(http://www.colleencoble.com/content/wp-content/plugins/cms-navigation/img/cms-nav-dark-s.gif);
    background-repeat: no-repeat;
    background-position: right center;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu-wrap ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;}
/* another hack for IE5.5 */
* html #menu-wrap ul ul {top:20px;t\op:20px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu-wrap table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
    padding: 3px 8px 4px 8px;
    font: 11px tahoma;
    color: #333333;
    font-weight: bold;
    text-decoration: none;

    white-space: nowrap;

	background-color:#E9ECEF;
	padding: 6px 8px 5px 8px;
	text-align:left;
	background-color:#D7E1FD;
	
	
 
}
/* yet another hack for IE5.5 */
* html #menu-wrap ul ul a, * html #menu-wrap ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#menu-wrap a:hover, #menu-wrap ul ul a:hover{
    padding: 3px 18px 3px 13px;
    
    font: 12px arial;
    color: #333333;
    font-weight: bold;
    text-decoration: none;

    white-space: nowrap;

}
/* FIRST LEVEL BACKGROUND */
#menu-wrap :hover > a, #menu-wrap ul ul :hover > a {

color:#000; background: #E9ECEF;
 line-height:20px;



}
          
/* style the second level hover */
#menu-wrap ul ul a:hover{

text-align:left;
    padding: 6px 8px 5px 8px;
    font: 11px tahoma;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
	background-color:#D7E1FD;
	
}
#menu-wrap ul ul :hover > a {
background-color:#E9ECEF;
text-align:left;

}
                                  
/* make the second level visible when hover on first level list OR link */
#menu-wrap ul li:hover ul,
#menu-wrap ul a:hover ul{visibility:visible; }


#menu-wrap li div.selected{    
	padding: 3px 10px 3px 7px;
    background-color: #E9ECEF;
    font: 12px arial;
    color: #333333;
    font-weight: bold;
    text-decoration: none;

    white-space: nowrap;

border-bottom:1px solid #46689C;
border-right: 1px solid #46689C;
border-left: 1px solid #46689C;
	 line-height:20px;
	 text-align:left;
	 
	 
   
	
}
#menu-wrap ul ul li a.selected, #menu-wrap li ul li.current-cat a{    
background-color:#D7E1FD;
text-align:left;

	
}

.cms-nav-clearit {
    clear: both;
    height: 0;
    line-height: 0.0;
    font-size: 0;
}
.cms-nav-sub-section{    
    font-weight:bold;
    font-size: 110%;
    list-style-type: none;
	
	
}
ul li.cms-nav-sub-section:before{
    content: '' !important;
}

.cms-nav-left-menu ul, .cms-nav-left-menu li, .cms-nav-left-menu a{
    padding:0;
    margin:0;
	
}
.cms-nav-left-menu{
    list-style: none;
    padding:0;
    margin:0;
}
.cms-nav-left-menu li{
    position: relative;
    margin:4px 8px 2px 8px;
	
}