html, body
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100%
    background: white;
}

#top
{
    width: 100%;
    /*background: #777171;*/
     background: #595858;

}
#topcontainer
{
    width: 936px;
    margin: 0px auto;
}
/*
#toprow
{
    width: 100%; /* probably not even required */
}*/
#toprow img { float: left; border: none; }
/** getting this span to stay on the bottom is tricky so this is a real janky
 * solution. Just give it some margin-top because we know how big the coastlines logo is (66px tall)
 * if you ever change the coast lines logo, you gotta change this too
 */
#toprow span
{
	float: right;
	margin: 40px 30px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #666666;*/
	color: #525151;
	text-decoration: none;
}
#middle
{
    width: 100%;
    /*padding: inherit;
    clear: both;*/
    background: #e0dcdc;    
}
#middlecontainer
{
    width: 936px; /* all containers need some width */
    margin: 0px auto;
    /*background: #e0dcdc;
	background: #ffffff;
    min-height: 800px;
align: center;
}
#middlecontainer2
{
    width: 936px; /* all containers need some width */
    margin-top: 0px auto;
    background: #ffffff;
    min-height: 400px;
}
#middlecontainer3
{
    width: 936px; /* all containers need some width */
    margin-top: 0px auto;
    background: #ffffff;
    min-height: 100px;

}

#middlecontainer h6
{
    background: #b52025;
    font-size: 1.25em;
    font-family: Verdana, sans-serif;
    color: white;
    width: 100%;
    margin: 0px;
    padding: 10px 0px;
    text-indent: 20px;
}
div.middleinnercolleft
{
	width: 589px;
	margin: 20px 0px 0px 5px;
	background: white;
	float: left;
	padding-right: 5px;
	padding-left: 15px;
	padding-top: 10px;
    border-right: solid 1px #585956;
}
div.middleinnercolleft2
{
	width: 725px;
	margin: 20px 0px 0px 5px;
	background: white;
	float: left;
	padding-right: 25px;
	padding-left: 15px;
	padding-top: 10px;
    border-right: solid 1px #585956;
}
div.middleinnercolleftsidebar
{
	width: 300px;
	margin: 0px 0px 0px 0px;
	background: white;
	float: left;
	padding-right: 15px;
	padding-top: 5px;
}
div.middleinnercolrightsidebar
{
	width: 250px;
	margin: 0px 0px 0px 20px;
	background: white;
	float: right;
	padding-right: 15px;
        padding=left: 60px;
	padding-top: 5px;
}

div.middleinnercolright
{
	width: 306px;
	margin: 10px 5px 0px 2px;
	background: ffffff;
	float: right;
}

div.middleinnercolrighttext h1
{
    font-size: 14px;
    font-family: arial;
    margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
}

div.middleinnercolrighttext h3
{
    font-size: .9em;
	line-height: 1.25;
    font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 10px 0px;
	color: #5c5b5b;
	font-weight: normal;
}


/* alternate style*/
div.middlecolleft2
{
    width: 200px;
    margin: 20px 14px 0px 36px;
    background: blue;
}

div.middlecoltext
{

    margin: 0px 0px 20px 0px;
}
div.middlecoltext h1
{
    font-size: 14px;
    font-family: arial;
    margin: 0px 0px 10px 0px;
}
div.middlecoltext h2
{
	font-size: .9em;
	line-height: 1.5;
    font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 10px 0px;
	color: #535353;
	font-weight: normal;
}
div.middlecoltext h3
{
	font-size: .9em;
	line-height: 1.25;
    font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px 0px 10px 0px;
	color: #5c5b5b;
	font-weight: normal;
}


img.mainpic
{
    margin: 0px 20px 10px 0px;
    float: left;
}

#bottom
{
    width: 100%;
    /*float: left; */
    background: #ffda89;
}
#bottom2
{
    width: 100%;
    /*float: left; */
background: #e0dcdc;
}

#bottomcontainer
{
    width: 936px; /* all containers need some width */
    margin: 0px auto;
    padding: 30px 0px;
    position: relative;
   background: #ffda89;
}
#bottomcontainer2
{
    width: 936px; /* all containers need some width */
    margin: 0px auto;
    padding: 30px 5px 30px 5px;
    position: relative;
   background: #ffda89;
}
#homelink
{
    float: left;
    text-decoration: none;
    color: black;
    vertical-align: middle;
}
#homelink2
{
    float: left;
    text-decoration: none;
    color: black;
    vertical-align: middle;
    margin: 0px 0px 0px 70px;
}
span.groupoflinks
{
    float: right;
    margin: 0px 50px 0px 0px;
    vertical-align: middle;
}
span.groupoflinks a
{
   text-decoration: none;
   color: black;
}
a.imglink
{
    position: absolute;
    top: 8px;
    right: 0px;
    border: none;
}
a.imglink2
{
    position: absolute;
    top: 8px;
    right: 20px;
    border: none;
}
#bottomcontainer img
{
    float: right;
    border: none;
}

p.middle
{
   font-family: garamond, serif;
   font-size: 8px/17px;
   color: #7a7474;
}

/*a:link {color:#488db2;}*/ 
a:link {color:#ffda89;} 
a { text-decoration:none }
a:visited {color:#d584f7;}
a:hover {color:#acd9ae;}  


div.clearer { display: block; clear: both; visibility: hidden; line-height: 0px; height: 0px; }
/*simple classes*/
.red {color: #c0513d;}
.issue {font-size: 14px; color: #909191;}
.cap {font-size: 13px; color:#525151; margin: 15px 0px 4px 0px; font-style: italic;}
img.fleft{ float: left; margin: 10px 20px 10px 0px; }
img.fright{ float: right; margin: 10px 0px 10px 20px; }

div.quoteleft { float: left; width: 300px; margin: 10px 20px 10px 0px; font-size: 40px; }