/***begin #wrapper, this style sheet is for homeP too***/
body {
	background-color: #FFFFF2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding:0;
	/*min-width: 725px; /*netscape 6 fix CSS mastery pg 136*/
}
h1 {
	font-size: 14px;
	font-weight: bold;
}


#colthree ul{
    margin:15px 0 0 0;
    padding: 8px 0 0 5px;
    list-style: none;
	width: 100px;
	/*border: thin solid #FF00FF;*/ 
}
#colthree ul li.second {
    margin-bottom: 10px;
	margin-top: 15px;
	display: block;
	background-color: #E1E1E1;
	border-bottom: 1px solid #996600;
	padding: 3px 0 3px 5px;
}
#colthree ul li.middle, #colthree ul li.first {
    padding: 0 0 0 8px;
	margin-bottom: 8px;
}

#warning  {
	float: right;
	width: 165px;
	text-align:center;
	color: #DBDBB7;
	font-weight: bold;
	cursor: help;
}



#wrapper{
	position:relative;
	width: 640px;/*increased from 600*/
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-image: url(/Images/logo.gif);
	background-repeat: no-repeat;
	background-position: 175px 120px;
	clear:right;
	/*border: thin solid #FF00FF;*/
}


#main_navbar {
	margin: 0 0 0 100px;
	padding: 12px 0 0 0;
	z-index: 20000 !important;/*IS this doing anything*/
	height: 30px;
	background-color:#DBDBB7;
	border-style:solid;
	border-color: #960;
	border-width: 0 0 1px 0;
}
#p7PMnav li a .subtxt {
       font-size: 9px;
}
/***begin midsection***/
#midsection/*contains #colone and #coltwo*/
{
    float:left;
    width: 395px;
    margin: 0;
    padding: 0;
	/*border: thin solid #999999;*/
}
/***begin colone***/
#colone {
	float:left;
	width: 150px;
	height: 445px;
	margin: 0;
	padding: 0;
	background-image:url(/Images/left_bckgrnd.gif);/*90px*/
	background-repeat: repeat-y;	
	/*border: thin solid #00FFFF;*/
}

#resources {
	margin: 45px 0 0 45px; 
}

#resources a {
    background-image: url(/Images/b_resources.gif);
	background-repeat: no-repeat;
	text-indent: -3000px;
	display: block;
	height: 95px;
	width: 95px;
}

#resources a:hover, #resources a:active{
    background-position: 0 -98px;
}
/*Preview page*/
#resourcesP {
	margin: 45px 0 0 45px; 
}

#resourcesP a {
    background-image: url(/Preview/b_resourcesP.gif);
	background-repeat: no-repeat;
	text-indent: -3000px;
	display: block;
	height: 95px;
	width: 95px;
}
#resourcesP a:hover, #resourcesP a:active {
    background-position: 0 -98px;
}
/*Preview page ends*/
#surfing {
	margin: 5px 0 0 25px;
}

#surfing a {
    background-image:url(/Images/b_surfing.gif);
	background-repeat: no-repeat;
	text-indent: -3000px;
	display: block;
	height: 95px;
	width: 95px;
}

#surfing a:hover, #surfing a:active {
    background-position:0 -97px;
}

#archives {
	margin: 5px 0 0 45px;
}

#archives a {
    background-image: url(/Images/b_archives.gif);
	background-repeat: no-repeat;
	text-indent: -3000px;
	display: block;
	height: 95px;
	width: 95px;
}

#archives a:hover, #archives a:active{
    background-position:0 -99px;
}
/***end #colone***/

/***begin #coltwo***/
#coltwo {
    position:relative;
	left: 7px;
	float:left;
	z-index: 99;/* so monthly article is in front of bottom*/
	width: 219px;
    margin:0;
    padding: 0;
	/*border: thin solid #00FF00;*/

}

#monthlyarticle {
    margin-top: 325px;
	width: 215px;
	text-align: center;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #3C2800;
	text-align: center;
	
}/*transparent by default*/

#monthlyarticle ul{
   padding:0;
   margin:0;
   list-style: none;
   color: #3C2800;
   
}

#monthlyarticle li {
	padding: 10px 15px 10px 15px;
	font-size:12px;
	
}

#monthlyarticle li a {
    font-size: 16px;
	font-weight: bold;
	color: #3C2800;
	text-decoration: none;
	
}
#monthlyarticle li a:hover, #monthlyarticle li a:active{
    color: #336633;
	text-decoration: underline;
}


#footer {
	width: 215px;
	font-size: 9px;
	text-align: center;
	margin-top: 10px;
}
/***end #coltwo***/

/***begin #colthree***/
#colthree {
	float:right;
	width: 210px;
	margin:55px 0 0 0;
	padding: 0;
	background-image:url(/Images/right_bckgrnd.gif);/*width 115px*/
	color: #960;
	background-repeat: repeat-y;
	height: 390px;
	background-position: left;	
	/*border: thin solid #FFFF00;*/
}
#colthree a.int {
    font-size: 12px;
}
#colthree a.int:link, #colthree a.int:visited {
    color: #996600;
	text-decoration: none;
}
 
#colthree a.int:hover, #colthree a.int:active {
    text-decoration: underline;
	color: #3C2800;
}
/*Preview page*/
li.secondP a {
    background-image: url(/Preview/precautionP.gif);
	background-repeat: no-repeat;
	text-indent: -3000px;
	display: block;
	height: 40px;
	width: 118px;
	margin: 0 0 0 3px;
	}
	
li.secondP a:hover, li.secondP a:active{
    background-position:0 -40px;
}

/*Preview ends*/

/***end #colthree***/
/***begin absolutely positioned elements, these are in #wrapper***/

a.new:link, a.new:visited {
	position:absolute;/* position absolute so this placement
	isn't determined by the text in col three*/
	top: 285px;
	left: 525px;
	background-color: #CCC;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #960;
	font-size: 16px;
	font-weight: bold;
	color: #960;
	text-decoration: none;
	display: block;
	line-height: 50px;
	text-align: center;
	width: 50px;
	
}
a.new:hover, a.new:active {
	text-decoration: underline;
	background-color: #E1E1E1;  
	
}


#lrgcircle, #lrgcircleP {
	position:absolute;/* position absolute so it can be z indexed in front of purple bottom*/
	top: 325px;
	z-index: 99;
	left: 405px;
	 
}/*book review*/
#lrgcircle a {
    background-image: url(/Images/bk_ERD.gif);
	background-repeat: no-repeat;
	text-indent: -3000px;
	display: block;
	height: 141px;
	width: 132px;
}
#lrgcircle a:hover, #lrgcircle a:active {
    background-position:0 -140px;
}
/*Preview page, book reviews*/
#lrgcircleP a {
    background-image: url(/Images/bk_ERDP.gif);
	background-repeat: no-repeat;
	text-indent: -3000px;
	display: block;
	height: 141px;
	width: 132px;
}
#lrgcircleP a:hover, #lrgcircleP a:active {
    background-position:0 -140px;
}
/*Preview page ends*/

#bottom {
	position:absolute;/*position absolute so z index works and it can span whole wrapper*/
	top: 410px;
	left: 13px;
	margin: 0 auto;/* I need this to keep it centering?*/
	z-index: 1;
	background-color: #CCCCCC;
	height: 35px;
	width: 570px;
	border-style:solid;
	border-color: #960;
	border-width: 0 1px 1px 0;
	/*opacity: .50;  not doing anything, check for moz-opacity for IE*/
}
#bottom a{
	float:right;
	margin-right: 7px;
	margin-top: 12px;
}

#bottom a:link {
	color: #3C2800; /*brown*/
	z-index: 50;
	text-decoration: none;
}

#bottom a:visited {
	color: #6AB56A; /*light green, needs to be unique from link and hover*/
	z-index: 50;
	text-decoration: none;
  }
  
#bottom a:hover, #bottom a:active {
    color: #336633; /*drk green*/
	z-index: 50;
	text-decoration: underline;
}
/***end #bottom ***/

#fundapm {
    position:absolute; /*position abolute for z index to work over purple bar & avoid neg margins w/rel pos*/
    z-index: 99;
	top: 410px;
	left: 25px;

}
.menulist {
	margin: 0; /*removes indent IE and Opera*/
    padding: 0; /*removes indent Mozilla and NN7*/
    list-style-type: none; /*turns off display of bullet*/
    text-align: left;
} 
/*#fundapm ul.menulist a{
 display: block;!!! a.int as selector has same effect, working in FF but not my IE6...seems to be doubling 
 padding or margin and not responding as block when hovered!!!
}*/

a.int:link {
	color: #336633; /*green only working in Mozilla not IE6*/
	z-index: 50;
	text-decoration: none;
	 /*added for home page see if it causes any problems anywhere else*/
}

a.int:visited {
	color: #6AB56A; /*light green, needs to be unique from link and hover*/
	z-index: 50;
	text-decoration: none;
  }
  
a.int:hover, a.int:active {
    color: #3C2800; /*brown*/
	z-index: 50;
	text-decoration: underline;
}
.clearit {
clear:both;
}
/***end #wrapper***/
.info {
	font-family: "Courier New", Courier, mono;
	font-size: 16px;
	font-weight: bold;
	color: #996600;
	margin-right: 3px;
	margin-left: 5px;
	cursor: help;
	text-align: left;
}/* i for information pop up box*/

a.buttontemp:link, a.buttontemp:visited {
	background-color: #E1E1E1;
	color: #3C2800;
	text-decoration: none;
	width: 75px;
	margin: 3px 0 0 7px;
	border: 1px solid #3C2800;
	display: block;
	
	text-align: center;
	width: 100px;
}

/*preview page only, remove when database is fixed*/
a.buttontemp:hover, a.buttontemp:active {
    color: #960;
	text-decoration: underline;
}