/**
 * General HTML Body Styling
 * -------------------------
 */
 
body {
	font: 75%/1em Arial, Helvetica, sans-serif;
	/*font-family: Arial, Helvetica, sans-serif;*/
	margin-top:0px;
	background-color:#697172;
}		


p {	line-height: 1.35em; } 				


/**
 * Font Sizing 
 * -------------------------
 */

								  /* Enables all modern browsers to display em units */
/*body { font-size: 62.5%; } 		  /* Targets Internet Explorer - Windows --was set to 62.5%, but to small!!*/ 
/*html>body { font-size: 10px; }	  /* Targets Other Browsers  */

/*
#content 	 { font-size: 1.1em; } 
#rightColumn { font-size: 1.0em; } 
#pathway     { font-size: 0.8em; }
#footer      { font-size: 0.9em; }
#pagetitle   { font-size: 3.25em;} 
#rightColumn h2 { font-size: 1em; }
#content h2 { font-size: 1.25em; }*/

a { 
    text-decoration: none;
	  color : #C7270D;
} 

a:hover {
	color: #CC7E55;  

}
h1 { 
	
	font: 185%/1em Arial, Helvetica, sans-serif; 
	font-size: 1.95em; 
	font-weight: bold; 
} 

hr { 
	border: none; 
	border-top: 1px solid #cccccc; 
	height : 3px; 
	width : 100%; 
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

li {
	background-image: url('../images/arrow4.png');
	background-repeat: no-repeat;
	background-position: 0 .1em;
	padding-left: 1.2em;
	line-height: 140%;
}

#quickLinks select {
    font: 90%/1em Arial, Helvetica, sans-serif;
	width: 145px; 
	margin :  0px 0px 1em 0px;
	color: #CC7E55;  

}

#quickLinks h2 { 
	font-weight: normal; 
	padding-left: 2px; 
	margin-bottom: 10px;
	line-height: .1em; 
	border: none; 
}
/* CSS Document for the 5 DIV elements:
	1)header
	2)container
		---leftcolumn---(for the home page only)
		2a)content
		2b)rightColumn
	3)footer
*/
#header {
	height:80px;
	margin: 0 auto;
	text-align:center;
	margin-bottom:0px;
	width:756px;
	background-image:url(../images/papivore_sign.gif);
	background-repeat:no-repeat;
	background-color:#D83A20;
}
#container {	
	width:756px;
	margin: 0 auto;
	text-align:center;
	background-color:#FFFFFF;
}
#content {
	padding:1em;
	margin-right:175px;
	margin-left:175px;
	text-align:left;
	background-color:#FFFFFF;
	min-height: 550px; 
}
#leftColumn {
	float : left;
	width : 150px;
	margin: 0; 
	margin-top: 20px; 
	padding: 1em; 
	min-height: 600px;
	border-right: 1px dotted #cccccc;		
}	    
#rightColumn {
	float:right;
	width:150px;
	margin:0;
	margin-top:20px;
	text-align:left;
	padding:1em;
	border-left: 1px dotted #cccccc;		
	min-height:600px;
}
#footer {
    clear: both; 
	text-align: left;
	margin: 0px auto;
	margin-top:0px; 
	width: 736px;
	height: 60px;
	line-height: 1.0em; 
	background-color:#FFFFFF;	
	padding: 1em 0 ; 
	padding-left: 10px; 
	padding-right: 10px; 
}
#footer {
    clear: both; 
	text-align: left;
	margin: 0px auto;
	margin-top:0px; 
	width: 736px;
	height: 40px;
	line-height: 1.0em; 
	background-color:#FFFFFF;	
	padding: 1em 0 ; 
	padding-left: 10px; 
	padding-right: 10px; 
}
/*DIV element for the main heading of each page (followed by the headingspacer underneath it)*/
#pageheading { 
	font-size: 3.25em; 
	font-weight: bold; 
	padding-top: 20px; 
	color: #999999; 
	padding-bottom: 20px;
}		
/*DIV element placing an image ruler under each page main title*/
#headingspacer { 
    margin: 0 0 0 0; 
    height: 22px;
	background: url('../images/pagetitlespacer.gif') repeat bottom;
	background-repeat:no-repeat;
}
/*rightColumn formatting for the tag <p>*/
#rightColumn p{
	margin:.5em 0 1em 0;
	line-height:1.35em;
}
/*rightColumn formatting for the tag <h2>*/
#rightColumn h2{
	font:100%/1em Verdana, Geneva, Arial, helvetica, sans-serif;
	margin:.5em 0 1em 0;
	border-bottom:1px dotted #cccccc;
	font-weight:bold;
	padding-left:12px;
	padding-bottom:3px;
	margin-bottom:10px;
	line-height:1.35em;
	background-image:url(../images/darrow.gif);
	background-position:top left;
	background-repeat:no-repeat;
}	
/*
Rounded border of the general design.
One for the top of the page, and one for the bottom.
*/
#topBorder {
	margin: 0 auto;
	margin-top: 10px; 
	width: 756px;
	height: 8px;
	font: 1px/1px sans-serif;
	font: 0px/0px sans-serif;
	background: url('../images/bordertop.gif') no-repeat center bottom;
}	
#bottomBorder {
	text-align: left;
	margin: 0px auto;
	width: 756px;
	height: 8px;
	background: transparent url('../images/borderbot.gif') no-repeat center top;
}