@import url(crocker.css);
@import url(crocker2.css);

body, html {
 font-size: 100%;
}

img#gary {
 z-index: 100;
 position: absolute;
 top: -144px;
 left: -52px;
 border: 0;
}

div#intro {
 margin: 0;
 padding: 0 0 10px 0;
 position: relative;
 background: #003300 url(background-intro.jpg) repeat-y -80px 0px;
}
div#intro div.item {
 position: relative;
 clear: both;
 margin-top: 0px;
 margin-right: 1%;
 margin-bottom: 0px;
 margin-left: 180px;
 padding-top: .4em;
 padding-left: 0;
}
div#intro div.item:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}
/* Hides from IE-mac \*/
* html div#intro div.clearfix {height: 1%;}
/* End hide from IE-mac */

div#intro div.item img {
 display: block; 
 position: relative; 
 visibility: visible; 
 float: right; 
 margin: .5em 0px 0px 1em;
 border: 0;  
}
div#intro h1 {
 clear: both;
 margin: 0 0 .2em 0px;
 padding: 0;
 font-family: georgia, 'Times New Roman', times, serif;
 font-variant: small-caps;
 font-weight: bold;
 font-size: 1.6em;
 line-height: 1.3em;
 color: white;
 letter-spacing: .2em;
} 
div#intro h2 {
 position: relative;
 margin: 1em 0px .5em 0px;
 padding: 0;
 font-family: georgia, 'Times New Roman', times, serif;
 text-transform: uppercase;
 font-weight: normal;
 font-size: 1.2em;
 line-height: 1.3em;
 color: white;
 letter-spacing: .2em;
} 
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {
 text-decoration: none; 
 color: white;
}
h1 a:hover, h2 a:hover {
 text-decoration: none;
 color: #EDF6EA;
 border-bottom: .1em dotted green;
}

div#indexSalesPitch {
 position: absolute; 
 top: 200px; 
 left: 20px; 
 width: 145px; 
 border: 2px solid green; 
 margin: 0px; 
 padding: 0px; 
 font-weight: bold; 
 text-align: center; 
 background-color: #F5DEB3; 
 color: #003300;
 }
div#indexSalesPitch a:link {
 display: block;
 margin: 5px;
 text-decoration: none;
 color: #003300;
 }
div#indexSalesPitch a:hover {
 text-decoration: underline;
 }

p, ul, h1, h2, h3 {
 visibility: visible;
 text-align: left;
}
div#intro p {
 margin: 1em 2em .5em 0em;
 padding: 0px;
 color: #FFEBCD;
 font-family: verdana, arial, sans-serif;
 font-size: .9em;
 line-height: 1.3em;
 text-align: justify;
}
div#intro ul {
 margin: 0;
 padding: .5em 0 10px 30px;
 color: #FFEBCD;
 font-family: verdana, arial, sans-serif;
 font-size: .9em;
 line-height: 1.3em;
}
div#intro li {
 margin: 8px 0;
 padding: 0;
}
div#intro li a:link, div#intro li a:visited {
 padding: 0;
 color: #F5DEB3;
}
div#intro li a:hover {
 color: white;
}
/*
 background-color: #F5DEB3;
 text-decoration: none; 
}*/
div#intro p a:link, div#intro p a:visited {
 padding: 0 2;
 color: #F5DEB3;
}
div#intro p a:hover {
 color: white;
}
/*
 background-color: #F5DEB3;
 text-decoration: none; 
 color: black;
}*/

p.introLinks {
 padding: 0;
 margin: 0; 
 font-size: 14px;
}
div#introlinks a {
 float: right;
 padding: 0;
 background-color: #003300;
 border: 1px solid #F5DEB3;
 border-width: 1 0 0 1;
 text-decoration: none;
 font-size: 16px;
 font-weight: bold; 
 color: #F5DEB3;
}
div#introLinks a:hover {
 background-color: #F5DEB3;
 text-decoration: none; 
 color: black;
}
div#introLinks img {
 float: left;
 border: 0;
 margin: 8px 5px 0px 20px;
}

div#news p {
 margin: 0;
 padding: 3 15 0 50; 
 font-size: 12px;
 font-weight: normal;
 font-family: arial, sans-serif;
}
div#news a {
 color: #CC3333;
 font-weight: bold;
}
div#news em {
 font-weight: normal; }
div#news strong {}
div#news h2 {
 clear: both;
 margin: 20px 0 0 0;
 padding: 6px 0 20px 50px;
 text-align: left;
 font-size: 20px;
 color: #003300; 
 background-image: url(tiny-maine.gif);
 background-repeat: no-repeat;
 background-position: 28 10;
 border-top: 2px solid #003300;
}
div#news h4 {
 margin: 0 0 2px 50px;
 font-size: 15px;
}
div#news ul {
 margin: 5px 0 5px 35px;
}
div#news li {
 padding: 3px 0;
 font-size: 13px;
 font-weight: normal;
 font-family: arial, sans-serif;
}
div#news img {
 float: right;
 margin: 0 10;
 padding: 0;
 border: 0;
}
div#indexPromo {
 position: relative; 
 float: right;
 margin: 10px 0 10px 20px;
 padding: 0; 
 width: 260px; }
div#indexPromo a {
 margin: 0;
 padding: 0; }
 
div#promoQuote {
 width: 260px;
 float: right;
 clear: right;
 margin: 5px;
 border: 2px outset darkgreen;
}
div.peninsula {
 padding-bottom: 100px;
 background-image: url(peninsula-watermark.gif);
 background-position: bottom left;
 background-repeat: no-repeat;
}
div#promoQuote h2 {
 margin: 0;
 padding: 5px;
 background-color: #336633;
 border: none;
 color: white;
 background-image: none;
 text-align: center;
}
div#promoQuote span {
 font-size: 85%;
}
div#promoQuote p {
 margin: 10px;
 padding: 0;
}



div#introGraphics {
 position: relative;
 margin: 10px auto 0px auto;
 background-color: transparent;
 text-align: center;
}
div#introGraphics img {
 border: none;
 margin: 0px auto;
 padding: 0;
}