body { font: .9em Verdana, Arial, Sans-Serif; line-height: 1.6em; margin: 10px 0 0 0; background: #330000;}

p {margin: 20px 20px 20px 50px;}

p.clear { clear:both; margin: 4px 4px 4px 4px; } /* <p class="clear"> */

a { color: #808080; background: inherit; }
a:hover { color: #808080; background: inherit; }

h1 { font: bold 1.6em Arial, Arial, Sans-Serif; color: #660000; padding: 0; margin: 0;}
h2 { font: bold 1.4em Arial, Arial, Sans-Serif; color: #660000; padding: 0; margin: 0; clear:both;}
h3 { font: bold 1.3em Arial, Arial, Sans-Serif; color: #660000; padding: 0; margin: 0;}
h4 { font: bold 1.2em Arial, Arial, Sans-Serif; color: #660000; padding: 0; margin: 0;}

ol {  padding-left: 25px; margin: 10px auto;}
ul {  padding-left: 25px; margin: 10px auto;}
li { list-style-type: square;}

#logo { float: left; margin: 10px 0 1em 1em; }
#menu { float: right; margin: 20px 1em 0 0; }
#menu li { display: inline; margin: 0 0 0 1.4em; }
#menu li a.current{ font-weight: bold; }

#subheader { 
	clear: both; 
	background: #990000;
	color: #FFF;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
	height: 25px;
	line-height: 25px;
}

#breadcrumbs { float: left; }


#wrap {
	margin: 0 auto;
	width: 1000px;
	background: #fff;
	padding: 3px;
}

#left {
	float: left;
	width: 630px;
	padding: 0 0 0 1em;
}

#right {
	float: right;
	width: 350px;
	margin: 0 0 1px 0;
}

#right .box {
	border: 1px solid #eee;
	padding: 0.5em;
	margin: 0 0 0.5em 0;
}

#right .box ul { padding-left: 5px; margin: 0;}
#right .box li { list-style-type: none;}


#footer { clear: both; border-top: 1px dotted #990000; margin: 0 0 0 0; text-align: center; font-size: .8em;}

#ads { background: #fff; /*url('/images/ads-shadows.jpg'); */
	background-repeat: no-repeat;
	width: 549px;
	height: 109px;
	padding-left: 40px;
	padding-top: 22px;
}

/* css logo*/
/* #logo { float: left; margin: 0 0 1em 1em; }*/

h2.logo {
    margin-top: 5px; /* for this particular site, set this as you like */
    position: relative; /* allows child element to be placed positioned wrt this one */
    overflow:hidden; /* don't let content leak beyond the header - not needed as height of anchor will cover whole header */
    padding: 0; /* needed to counter the reset/default styles */
}

h2.logo a {
    position: absolute; /* defaults to top:0, left:0 and so these can be left out */
    height: 0; /* hiding text, prevent it peaking out */
    width: 100%; /* 686px; fill the parent element */
    background-position: center top;
    background-repeat: no-repeat;
}

h2#logo {
    height: 90px; /* height of replacement image */
	
}

h2#logo a {
    padding-top: 90px; /* height of the replacement image */
    background-image: url("/images/header.jpg"); /* the replacement image */
}

#amaz
{
float:right;
width:120px;
height:240px;
margin:5px;
}

#photocredits { margin: 3px 3px 3px 3px; text-align: center; font-size: .5em; float: right; color: #ccc;}
#photocredits a {text-decoration: none; color: #ccc;}

/*<div id="alp">*/
#alp
{
float:right;
width:180px;
height:200px;
margin: 4px 4px 4px 4px;
}
/* <br style="clear:both;" /> */

.APCTitleAnchor {color: #cc333f; font: .7em Verdana, Arial, Sans-Serif;}
.APCAnchor {color: #cc333f; font: .7em Verdana, Arial, Sans-Serif;}