/* --------------------------------------------

Name:     2006-Base
Designer: Holly Valero
URL:      www.hollyworks.com
Date:     August 2006

COLORS:  
Background body #dbdbdf
Dark Gray: #3B3B49
Tan: #E5DFBD
Current color:#F3EDCF
Chebeague Green: #204A3A
Dark Gray Brown: #312F28
Nut brown:#6F501F
link blue:#656BAB

PARAMS:  
PAGE WIDTH: 760 px.

Text:
'Lucida Sans', Verdana, Sans-Serif;  
Georgia, 'Times New Roman', Times, Serif; 
----------------------------------------------- */


 
#cc {position: absolute; left: -9999px; font-size: small;}
#cc a:hover {color:#ece8e3;}
.skip {display: none;}
a.skip {display: none;}




.clear {clear:both;}





.fl {float:left;}
.left {float:left;}

.fr {float:right;}
.right {float:right;}

.clear {clear:both;}

.center {margin-left: auto; margin-right: auto;}
.c {text-align:center;}



.callout { padding:4px 15px 4px 15px; font: 1.1em/1.7em 'Lucida Sans', Verdana, Sans-Serif; color:#424b76;}
 

abbr, acronym {font-style: normal; border-bottom: dotted 1px #d6d6d6; cursor: help;}

img {border:0; padding:0;}

p { padding:2px 15px; font: 1.1em/1.5em 'Lucida Sans', Verdana, Sans-Serif; color:#111111;}

.quote { margin:4px 30px; padding:3px 3px; font: 1.5em 'Lucida Sans', Verdana, Sans-Serif; color:#333333; border-bottom:3px solid #dddddd;  border-top:1px solid #dddddd;}




.bullet li {list-style-image: url(http://www.cehl.org/elements/images/bullet.gif);}

h1 { font-family : "Franklin Gothic Medium", Optima, Helvetica, Arial, sans-serif; color : #5D627C; font-weight : normal; font-size: 1.8em; line-height:22px; font-style : normal;}


h2 {font-family : "Franklin Gothic Medium", Optima, Helvetica, Arial, sans-serif; color : #5D627C; font-weight : normal; font-size: 1.8em; line-height:20px; font-style : normal;}


h2.category {font-family : "Franklin Gothic Medium", Optima, Helvetica, Arial, sans-serif; color : #424b76; font-weight:normal; font-size: 1.8em; line-height:14px;  left:10px; margin-top:15px; display:block;}

h2.article {font-family : "Franklin Gothic Medium", Optima, Helvetica, Arial, sans-serif; color : #50526e; font-weight:normal; font-size: 1.8em; line-height:14px;  left:10px; margin-top:15px; display:block;}



h3 { padding:4px 0px; font: 1.2em/1.4em 'Lucida Sans', Verdana, Sans-Serif; color:#111111; display:inline;}
h4 { padding:4px 0px; font: 1.2em/1.4em 'Lucida Sans', Verdana, Sans-Serif; color:#111111; display:inline;}
h5 { padding:4px 0px; font: 1.2em/1.4em 'Lucida Sans', Verdana, Sans-Serif; color:#111111;}


a:link, a:visited {color: #0000cc;}
a:hover {color: #0000cc; }

.rev a:link, .rev a:visited {color: #6F501F; text-decoration: none; font: .8em/.8em Georgia, 'Times New Roman', Times, serif;}
.rev a:hover {color: #6F501F; text-decoration: none; }

.tiny  {color: #686c6f; text-align:center; font-size:10px; font-weight:normal; }
.tiny a:link, .tiny a:visited {color: #686c6f; text-decoration: none;}
.tiny a:hover {color: #686c6f; text-decoration: underline;}


.caption  {color: #111111; text-align:left; font-size:9px; }




body {
color:#111111;
background:#efefec;
font: 62.5%/1.3em 'Lucida Sans', Verdana, Sans-Serif; 
margin: 0; 
padding: 0; 
text-align: center;  /* -- to center page --*/
}
 
 
body.print {
color:#000000;
background:#ffffff;
font: 72.5%/1.3em 'Lucida Sans', Verdana, Sans-Serif; 
margin: 0; 
padding: 0; 
text-align: left;  
}
 
 
 
 
 
#container_shell {
width:760px;
margin:0 auto;
text-align: left; /* -- to left align text page --*/
}

#container_wrap {
width:760px;
float:left;
background: url(http://www.cehl.org/elements/images/pagewall.gif) repeat-y;
}





#pagetop {
width:760px;
height:72px;
background: url(http://www.cehl.org/elements/images/pagetop.gif) no-repeat;
}

#pagetopfeature {
width:760px;
height:160px;
background: #ddd7a1 url(http://www.cehl.org/elements/images/spacer.gif) no-repeat;
}


#pagetop ul	{
	width: 760px;
	height: 72px;
	background: url(http://www.cehl.org/elements/images/pagetop.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#pagetop ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#pagetop ul li, #pagetop a {
	height: 72px;
	display: block;
}

#pagetop ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}


#pt1 {left: 8px; width: 102px;}
#pt2 {left: 550px; width: 50px;}
#pt3 {left: 612px; width: 52px;}
#pt4 {left: 680px; width: 60px;}






#page {
width:100%;
margin:0;
padding:0;
}


#left {
width:15px;
margin:0;
padding:0;
float:left;
overflow:hidden;
}




.classicmenu1 {
list-style-type: none;
margin:0;
padding: 0;
border: 0;
position:absolute;
width:230px;
}

.classicmenu1 li a{
font: 1.1em/1.1em "Optima", "Lucida Sans", Arial, Verdana, Helvetica, sans-serif;
color: #50526e;
display: block;
padding: 6px 0;
padding-left: 10px;
text-decoration: none;
background: transparent url(http://www.cehl.org/elements/images/spacer.gif) repeat-x bottom left;
}


* html .classicmenu1 li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 220px;
}

.classicmenu1 li a:visited, .classicmenu1 li a:active{
color: #50526e;;
}

.classicmenu1 li a:hover{
color: #0000cc;
background: transparent url(http://www.cehl.org/elements/images/classicmenuhover.gif) repeat-y top left;
}


#middle {
width:505px;
margin:0;
padding:0;
float:left;
}

#right {
width:230px;
height:100%;
margin:0;
padding:0;
float:right;
}




#pagebot {
width:760px;
height:100px;
background: #50526e url(http://www.cehl.org/elements/images/pagebot.gif) no-repeat bottom;
}



#catban { 
	width: 500px;
	margin: 0;
	border:0;
	padding: 0;
	position:absolute;
	top:0;
	left:15px;
}




/* -- Primary Navigation:  -- */

#navwrap { 
	width: 760px;
	height: 32px;
	margin: 0;
	border:0;
	padding: 0;
	position:relative;
	background: url(http://www.cehl.org/elements/images/pnav.gif) no-repeat;
}


#nav { 
	width: 760px;
	height: 32px;
	margin: 0;
	border:0;
	padding: 0;
	background: #F3EDCF;
	position:relative;
}


#nav ul	{
	width: 760px;
	height: 32px;
	background: url(http://www.cehl.org/elements/images/pnav.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#nav ul li, #nav a {
	height: 32px;
	display: block;
}

#nav ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}


#nav1 {left: 0px; width: 55px;}
#nav2 {left: 56px; width: 90px;}
#nav3 {left: 150px; width: 82px;}
#nav4 {left: 233px; width: 78px;}
#nav5 {left: 315px; width: 215px;}
#nav6 {left: 658px; width: 100px;}


#nav1 a:hover, #on1 {background: transparent url(http://www.cehl.org/elements/images/pnav.gif) -0px -32px;}
#nav2 a:hover, #on2 {background: transparent url(http://www.cehl.org/elements/images/pnav.gif) -56px -32px;}
#nav3 a:hover, #on3 {background: transparent url(http://www.cehl.org/elements/images/pnav.gif) -150px -32px;}
#nav4 a:hover, #on4 {background: transparent url(http://www.cehl.org/elements/images/pnav.gif) -233px -32px;}
#nav5 a:hover, #on5 {background: transparent url(http://www.cehl.org/elements/images/pnav.gif) -315px -32px;}
#nav6 a:hover, #on6 {background: transparent url(http://www.cehl.org/elements/images/pnav.gif) -658px -32px;}





/* -- SUBNAV FEEDERS:  -- */

#anavwrap { 
	width: 760px;
	margin: 0;
	border:0;
	padding: 0;
	position:relative;
	top:38px;
}


#anav  ul	{
	width: 760px;
	padding-left: 0;
	margin-left: 0;
	color: #5D627C;
	float: left;
	width: 100%;
	font-size:11px;
	font-family: "Lucida Sans", Verdana, Helvetica, sans-serif;
}

#anav ul li {
	display:inline;
}

#anav ul li a {
	padding: 0.6em 1em  0.6em 1em;
	color: #5D627C;
	text-decoration: none;
	float: left;
	border-right: 1px solid #ffffff;
}

#anav  ul li a:hover {
text-decoration:underline;
color: #5D627C;
}








#bnavwrap { 
	width: 760px;
	height: 20px;
	margin: 0;
	border:0;
	padding: 0;
	position:relative;
	background: url(http://www.cehl.org/elements/images/bnav.gif) no-repeat;
}


#bnav  ul	{
	width: 760px;
	height: 20px;
	background: url(http://www.cehl.org/elements/images/bnav.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#bnav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#bnav ul li, #bnav a {
	height: 20px;
	display: block;
}

#bnav  ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}


#bnav1 {left: 12px; width: 70px;}
#bnav2 {left: 96px; width: 82px;}
#bnav3 {left: 230px; width: 54px;}
#bnav4 {left: 446px; width: 16px;}
#bnav5 {left: 466px; width: 16px;}
#bnav6 {left: 486px; width: 16px;}
#bnav7 {left: 508px; width: 16px;}

#bnav1 a:hover {background: transparent url(http://www.cehl.org/elements/images/bnav.gif) -12px -20px no-repeat;}
#bnav2 a:hover {background: transparent url(http://www.cehl.org/elements/images/bnav.gif) -96px -20px no-repeat;}
#bnav3 a:hover {background: transparent url(http://www.cehl.org/elements/images/bnav.gif) -230px -20px no-repeat;}
#bnav4 a:hover {background: transparent url(http://www.cehl.org/elements/images/bnav.gif) -446px -20px no-repeat;}
#bnav5 a:hover {background: transparent url(http://www.cehl.org/elements/images/bnav.gif) -466px -20px no-repeat;}
#bnav6 a:hover {background: transparent url(http://www.cehl.org/elements/images/bnav.gif) -486px -20px no-repeat;}
#bnav7 a:hover {background: transparent url(http://www.cehl.org/elements/images/bnav.gif) -508px -20px no-repeat;}



/* -- search -- */
#searcherbox {width: 760px; height: 33px; position: relative; margin: 0; background: url(http://www.cehl.org/elements/images/searchbar.gif) no-repeat;}
#searcherbox2 {width: 760px; height: 33px; position: relative; margin: 0; background: url(http://www.cehl.org/elements/images/searchbar2.gif) no-repeat;}

#searcher label {display:none;}
#searcher #search {position:absolute; left: 580px; top:2px; margin:4px; width:100px; height:22px; border-top:#bbbbbb 1px solid; border-left:#bbbbbb 1px solid;  border-bottom:#cccccc 1px solid; border-right:#cccccc 1px solid; font-size:11px; color:#222; line-height:20px;}
#searcher .button {position:absolute; left:690px; top:5px;}

 





 

/* -- Print  -- */

#containerprint {width: 560px; text-align:left; margin-left:20px; background: #ffffff; color:#000000;}  

#containerprint h1 {color:#000;}  


#axs {display:none;}
 

 ul.toc li {list-style-image: url(http://www.cehl.org/elements/images/ligt.gif); padding-bottom:3px;}