/* --------------------------------------------------------------- **
** Generic
** --------------------------------------------------------------- */	
body {
	background: #DCEDCB url(/library/images/body_bg.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center; 
	margin: 0;
	padding: 0;
	color: #666;
	}	
p { 
	margin: 15px 0; 
	color: #333;  
	clear: both;
	}
h2, h3, h4, h5, a {
	color: #54A02C; 
	}	
h4 { 
	font-size: 1.1em; 
	}
a { 
	text-decoration: underline; 
	}
a:hover,
a:focus { 
	text-decoration: none; 
	}
a img {
	border: 0;
	}	
	
/* --------------------------------------------------------------- **
** Container
** --------------------------------------------------------------- */			
#container {
	margin: 0 auto;
	width: 766px;
	text-align: left; 
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: 0;
	padding-top: 25px;
	}

/* --------------------------------------------------------------- **
** Logo
** --------------------------------------------------------------- */
#container h1 { 
	padding-left: 25px; 
	margin: 0 0 25px; 
	float: left;  
	}
#container h1 a { 
	background: url(/library/images/webfusion_logo.gif) no-repeat 0% 50%;
	display: block;
	width: 165px;
	height: 46px;
	}
#container h1 a span { 
	display: none; 
	}

/* --------------------------------------------------------------- **
** Mini Navigation
** --------------------------------------------------------------- */
.mininav { 
	margin: 0 0 25px; 
	padding: 0 25px 0 0; 
	list-style-type: none; 
	float: right;
	}
.mininav li { 
	border-left: 1px solid #ccc; 
	padding: 0 10px; 
	margin: 0; 
	float: left;
	line-height: 1.2em; 
	}
.mininav li a { 
	font-size: 0.9em; 
	color: #666; 
	text-decoration: none; 
	padding: 2px 5px; 
	border: 1px solid #fff; 
	display: block; 
	}
.mininav li a:hover,
.mininav li a:focus { 
	background-color: #f7f7f7; 
	border: 1px solid #ddd; 
	}

/* --------------------------------------------------------------- **
** Main Navigation
** --------------------------------------------------------------- */
#mainnav { 
	background: #ddd url(/library/images/nav_back.jpg) repeat-x;
	margin: 0;  
	padding: 3px 0;
	list-style-type: none;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	height: 1%;
	clear: both;
	}		
#mainnav li { 
	border-left: 1px solid #999; 
	margin: 0; 
	padding: 0 3px; 
	float: left; 
	}
#mainnav li a { 
	color: #333; 
	text-decoration: none; 
	padding: 0 10px; 
	display: block; 
	}
#mainnav li a:hover,
#mainnav li a:focus { 
	background-color: #ddd; 
	}

/* --------------------------------------------------------------- **
** Body - Layout
** --------------------------------------------------------------- */
#body { 
	height: 1%; /* IE Fix */ 
	padding: 0 25px; 
	}

/* Content */
#content { 
	float: left; 
	margin-right: 25px; 
	}
.admin #content { 
	float: right; 
	margin-left: 25px;
	margin-right: 0;
	}		


/* Content splitting */
.coltwothirds #content { width: 65%; }
.coltwothirds #submenu { width: 31%; }
.colthreequarters #content { width: 75%; }
.colthreequarters #submenu { width: 21%; }

/* Submenu */
#submenu { 
	float: left; 
	font-size: 0.9em;  
	}
#submenu div { 
	border: 1px solid #B4DC9F; 
	padding: 10px; 
	margin: 2em 0; 
	height: 1%; /* IE6 fix */ 
	}
/* cancel out for any divs inside divs */
#submenu div div { 
	border: 0; 
	padding: 0; 
	margin: 0; 
	} 
	
/* --------------------------------------------------------------- **
** Footer
** --------------------------------------------------------------- */	
#footer { 
	border-top: 3px solid #69BA3F; 
	padding: 10px 0; 
	margin-top: 25px; 
	}
#footer p { 
	float: right;
	color: #999;
	margin: 0; 
	padding: 3px 15px 0 0;
	font-size: 0.9em;
	}	
#footer .mininav { 
	float: none; 
	}