/* Specific Stylesheet for Outer Banks Guides 

Coded by:
Pete Schmeck
atari2600vcs@yahoo.com

*/




/* Specific styles for the ROANOKE ISLAND GUIDE page ----------------------------- */

h1.roanoke
{ 
  background: url(../images/roanoke/roanokeHeader.gif) no-repeat;
  color: #000;
  font-size: 14px;
  height: 90px;
  margin: 10px;
  width: 315px;
}

h1.roanoke span
{ 
  display: none;
}

h2.roanoke 
{ 
  color: #333; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 16px;
  line-height: 20px;
  padding-left: 20px;
  text-decoration: underline;
}

/* Left navigation --------------------------------------- */
ul#leftNavRoanoke
{
  list-style-type: none;
  margin: 0px;
  padding: 5px;
  position: absolute;
  top: 150px;
  left: 0;
  text-align: left;
  width: 140px;
}

ul#leftNavRoanoke li
{
  background: transparent;
  border-bottom: 1px solid #663;
  display: block;  
  font-family: Arial, Verdana,sans-serif, Helvetica;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin: 0px;
  padding: 5px 0 5px 0;
  text-align: left;
}

ul#leftNavRoanoke a
{
  color: #000;
  display: block;  
  margin: 0px;
}

ul#leftNavRoanoke li#select a
{
  color: #C05925;
  text-transform: uppercase;
}

ul#leftNavRoanoke li a:hover
{
  color: #C05925;
  display: block;  
  text-decoration: none;
}

div#tdiLogoRoanoke
{
  background: url(../images/3diLogo.gif) no-repeat;
  display: block;
  height: 70px;
  left: 30px;
  margin-left: 1px;
  position: absolute;
  top: 525px;
  width: 80px;
}


/* Roanoke Body Copy ------------------------------------ */

div#bodyCopyRoanoke
{
  background: #fff;
  border-left: 150px solid #838F47; /* Left navigation Side Bar*/
  border-right: 140px solid #BBC685; /* Right Side Bar*/
  color: #333;
  font-size: 12px;
  min-height: 500px; 
  margin: 0px;
  padding: 0px;
  width: 480px;
}

* html div#bodyCopyRoanoke /*IE only - creating minimum height of 300px*/
{
  /* hide from mac IE \*/
  height: 500px;
  /* end hide from mac IE */
}

div#bodyCopyRoanoke p
{
  padding-left: 15px;
  padding-right: 30px;
}

div#bodyCopyRoanoke img.inLine
{
  margin: 10px;
}







/* Roanoke Articles index page ------------ */

div#bodyCopyRoanoke dl
{
  padding: 0 0 0 20px;
}

div#bodyCopyRoanoke dt
{
  font-weight: bold;
}

div#bodyCopyRoanoke dd
{
  color: #333;
  font-size: 11px;
  padding: 2px 10px 8px 0;
}

img.picRight
{
 float: right;
 padding: 15px;
}



/* Roanoke Listings ------------------------------------ */
div#roanokeListing
{
  background: #fff;
  margin-left: 10px;
}


div.roanokeListingEnclosure
{
  display: block;
  padding: 5px 0 0 5px;
}

div.roanokeImageContainer
{
  display: inline;
  float: left;
  margin: 10px 0 0 15px;
  padding: 0;
  width: 120px;
}

div.roanokeContentContainer
{
  display: inline;
  float: left;
  margin: 10px 15px 3px 10px;
  padding: 0;
  width: 300px;
}

div.roanokeContentContainerWide
{
  display: block;
  margin: 10px 15px 3px 10px;
  padding: 0 10px 0 10px;
  width: 420px;
}

div#roanokeListing div.dotted
{ 
  border-bottom: 1px dashed #828DAB;
  margin: -30px 15px 3px 15px;
  padding: 5px 20px 5px 10px;
}

div#roanokeListing p.title
{
  color: #000;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0px 0px 5px 0px;
}

div#roanokeListing p.phone
{
  color: #000;
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

div#roanokeListing p.blurb
{
  color: #333;
  display: block;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

div#roanokeListing span.viewAd a
{
  color: #036;
  margin-left: 10px;
}

div#roanokeListing span.url
{
  color: #036;
  margin-left: 10px;
}

div#roanokeListing span.url a
{
  color: #036;
}