/* hpear3 CSS for pear3.org website */
/* Common Objects */
body,p,h1,h2,h3,h4,h5,h6,table,td,th,ol,textarea,input{
        color:#060;
        font: 1em/1.5em bold italic verdana,helvetica,arial,sans-serif;
	line-height: 110%;
}
h1 {    font-size: 160%; }
h2 {    font-size: 120%;margin-top:10px;margin-bottom:10px;}
h3 {    font-size: 110%; }
h4 {    font-size: 100%; }
h5 {    font-size: 90%; }
h6 {    font-size: 80%; }
h1,h2,h3,h4,h5,h6 { background-color:transparent; }
img.left { float:left; }
img.right { float:right; }
hr { color:#060; background-color:#060; height:1px; }
/* Body */
body {
	margin: 0px; padding: 0px;
	font-size: 0.8em;
	background-image: 
	url(http://www.pear3.org/images/nav_blank.gif);
	background-repeat: repeat-y;

}
#boxed {
	width: 100%;
	margin: 0px; padding: 1px;
	margin-top: 1em; margin-right: 1em;
        border: 1px solid #060;
	border-style: solid;
}

/* Top Horizontal Logo & Nav Bar Layout */ 
div#logo {
	height: 52px;
	margin: 0px; padding: 2px;
	text-align: right; 
	padding-left: 5px; padding-right: 5px;
	background: #060; color: #fff;
	clear: both;
}
div#logo a:link 	{ color: white; text-decoration: none; }
div#logo a:visited 	{ color: white; text-decoration: none; }
div#logo a:active 	{ color: #3c3; text-decoration: none; }
div#logo a:hover 	{ color: #3f3; text-decoration: underline;}
 
/* Main Page Layout*/
div#main {
	margin: 0px; padding: 0px;
	background: transparent;
	line-height: 120%; 
}
div#onemain {
	margin: 0px; padding: 0px;
	background: white;
}
div#footer {
	font-size: 0.8em; 
	margin: 0px; padding: 0px;
	clear: both;
	background: #fff;
}
div#spacer {
	margin: 0px; padding: 0px;
	height: 0px;
}
div#mainpage {
	margin-top: 10px;
	margin-left: 145px;
	background: #fff;
}
div#mainpage p {  
	margin: 1em 1em 0em 1em; padding: 0px;
	line-height: 120%; 
	margin-left: 5px
}
div#mainpage h1 {  
	font-size: 200%;
	color: #060; 
	margin-left: 5px
}
div#mainpage h2 {  
	font-size: 160%;
	color: #060;
	margin-left: 5px;
}
div#mainpage ul {
	margin: 5px;
	padding: 5px;
	border-style: none;
}
div#mainpage li {
	margin: 5px;
	padding: 5px;
	
}
#norm {
	margin: 5px;
	padding: 5px;
	width: 100%;	
	line-height: 120%; 
	list-style-type: disc;
}
#norm ul {
	margin: 0px;
	padding: 0px;
	width: 100%; /* Width of Menu Items */
	}
#norm li {
	margin-left: 5px;
	padding-left: 5px;
	width: 100%; /* Width of Menu Items */
	}
	

/* Left Nav Layout */
div#leftnav {
	position: relative;
	left: 1px; top: 0px;
	float: left;
	width: 138px;
	color: white; background: #060;
	z-index: 1;
}
div#leftnav h2 {  
	font-size: 130%;
	margin: 0px;
	padding-left: 2px;
	color: white;
}
div#leftnav p {  
	font-size: 100%;
	color: white;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 2px;
}
div#leftnav small {  
	font-size: 80%;
	color: white;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 2px;
}
/* Right Pane Insert (Optional)*/
div#rinsert {
        width: 160px;
        float: right;
        border: 1px solid #060;
        text-align: center;
        clear: right;
	background-color: #fff;
}
div#rinsert ul {
        margin: 5px;
        padding: 0;
        list-style: none;
        width: 140px; /* Width of Menu Items */
        border-bottom: 1px solid #3c3;
        font: 1.0em/1.0em bold italic verdana,helvetica,arial,sans-serif;
}
div#rinsert li {
        margin: 0px;
        padding: 0px;
        width: 100%;
        list-style-type: none;
}
div#rinsert a {
        font-size: 0.8em;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        font-weight: lighter;
        text-align: right;
}
div#rinsert a:link {
    color: #fff;
    text-decoration: none
}
div#rinsert a:visited {
    color: #fff;
    text-decoration: none
}
div#rinsert a:active {
    color: #3c3;
    text-decoration: none
}
div#rinsert a:hover {
    color: #fff;
    text-decoration: none
}

/* Left Pane Insert (Optional)*/
div#linsert {
	width: 140px;
	padding: 10px;
	float: left;
	border: 1px solid #060;
	text-align: center;
	clear: right;
}
div#linsert ul {
        margin: 5px;
        padding: 5px;
}
div#linsert li {
        margin: 0px;
        padding: 0px;
        width: 100%;
        list-style-type: none;
}
div#linsert a {
	font-size: 0.8em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: lighter;
	text-align: right;
}
div#linsert a:link { 
    color: #fff;
    text-decoration: none
}
div#linsert a:visited { 
    color: #fff;
    text-decoration: none 
}
div#linsert a:active { 
    color: #3c3;
    text-decoration: none 
}
div#linsert a:hover { 
    color: #fff;
    text-decoration: none 
}
/* Styles for Left Menu Callout Items */
/* drop_down.js is critical here for IE */
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 138px; /* Width of Menu Items */
	border-bottom: 1px solid #3c3;
	font: 1.0em/1.0em bold italic verdana,helvetica,arial,sans-serif; 
	}
	
#menu ul li {
	position: relative;
	}
	
#menu li ul {
	position: absolute;
	left: 137px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

#menu ul li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left; 
	color: white;
	background: #060; /* IE6 Bug */
	padding: 3px;
	border: 1px solid #3c3; /* IE6 Bug */
	border-bottom: 0;
	}
#menu ul li a:hover {
        display: block;
        text-decoration: none;
        color: white;
        background: #3C3; /* IE6 Bug */
        padding: 3px;
        border: 1px solid #3C3; /* IE6 Bug */
        border-bottom: 0;
        }
	
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } /* The magic */

/* Print Me Layout */
@media print {
	body {
		font-size: 10pt;
		font-family: times new roman, times, serif;
		background-color: white;
		width: 100%;
	}

	#leftnav {
		display: none;
	}
}