/* CSS Document */


/* inline syntax    <p style="color:sienna;margin-left:20px">This is a paragraph.</p>     */

body {background-color: aliceblue; {font-color: coral; font-family: verdana; font-size: 12pt; line-height: 130%;}/*margin: 20px 180px 20px 70px;*/}

h1 {color: #gray; font-family: courier; font-size: 10pt; margin: 20px 180px 20px 30px;}
h1.header {color: Lightgray; font-family: verdana; font-size: 10pt; letter-spacing: 2px; margin: 20px 180px 20px 30px;}
h1.left {color: white; font-family: verdana; font-size: 10pt; letter-spacing: 2px; margin: 20px 180px 20px 30px;}
h1.bottom {color: sienna; font-family: verdana; font-size: 10pt; letter-spacing: 2px; margin: 20px 180px 20px 30px;}

h2 {color: #996600; font-family: times; font-size: 11pt; font-style :italic; letter-spacing: 1px; margin: 20px 180px 20px 30px;}

h3 {color: Lightgray; font-family: verdana; font-size: 10pt; letter-spacing: 2px; margin: 20px 180px 20px 30px;}

p {color: #coral; font-family: arial; font-size: 12pt; /*line-height: 100%;*/ /*margin: 20px 180px 20px 30px;*/}
p.margin {margin: 20px 180px 20px 70px; }
p.fLeft {margin: 20px 180px 20px 0px; }
p.tightLeading {line-height: 90%}
p.looseLeading {line-height: 150%}
p2 {color: sienna; font-family: trebuchet, sans-serif; font-size: 9pt;  line-height: 120%; margin: 4px 4px 4px 4px;}



p.c1 {color: #484848; font-family: courier; font-size: 8pt; line-height: 130%; margin: 20px 180px 20px 30px;}

/* vessels................................................*/
/*S U N N Y ................................................*/






/* first row buttons................................................*/
a.bodytext {float:left;
font-family: courier;
font-size: 9pt;
height: 14px;
text-decoration:none;
color:white;
background-color:coral;
padding: 3px;
border-left:2px solid white;
border-bottom:1px solid white;
opacity:1;
}


a.bodytext2 {float:left;
font-family: courier;
font-size: 9pt;
height: 14px;
text-decoration:none;
color:white;
background-color:black;
padding: 3px;
border-left:2px solid white;
border-bottom:1px solid white;
opacity:0.4;
}


/* second row buttons................................................*/
a.bodytext3 {float:left;
font-family: courier;
font-size: 9pt;
height: 14px;
text-decoration:bold;
color:coral;
background-color:white;
padding: 3px;
border-left:;
border-bottom:;
opacity:.7;
}

/* third level buttons................................................*/
a.bodytext4 {float:left;
font-family: courier;
font-size: 9pt;
height: 14px;
text-decoration:bold;
color:white;
background-color:red;
padding: 3px;
border-left:;
border-bottom:;
opacity:.5;
}


a.bodytext5 {float:left;
font-family: courier;
font-size: 9pt;
height: 14px;
text-decoration:bold;
color:white;
background-color:black;
padding: 3px;
letter-spacing: .10em;
border-left:;
border-bottom:;
opacity:.5;
}

a.image_caption {float:left;
font-family: courier;
font-size: 9pt;
height: 14px;
width: 275 px;
text-decoration:none;
color:white;
background-color:black;
padding: 3px;
border-left:2px solid white;
border-bottom:1px solid white;
opacity:0.3;
}

a {float:left;
font-family: courier;
font-size: 9pt;
height: 14px;
text-decoration:none;
color:white;
background-color:coral;
padding: 3px;
border-left:2px solid white;
border-bottom:1px solid white;
/*target: current;*/

opacity:0.7;
} 


a:visited {color: white}
a:hover {color: black; background-color:orange}
a:active {color: white}

a2:visited {color: white}
a2:hover {color: black; background-color:orange}
a2:active {color: white}

a:visited {color: white}
a.dormant:hover {color: black}
a:active {color: white}



/*
image gallery thumbnails

a.img {float:left;
font-family: courier;
font-size: 9pt;
height: 90px;
text-decoration:none;
color: ;
background-color: black;
padding: 3px;
border-left:2px solid white;
border-bottom:1px solid white;
}



a.leftlink
{
font-family: arial;
font-size: 9pt;
height:40px; width:40px;
text-decoration:none;
color:darksteelblue;
background-color: white;
padding:0.8em 20px;
border-left:1px solid lightslategray;

position: absolute;
top: 0px;
left: 20px;}


*/

a.portfolio {float:left;
font-family: courier;
font-size: 10pt;
height: 14px;
text-decoration:none;
color:white;
background-color:black;
padding: 3px;
border-left:3px solid white;
opacity:0.8;
}

a.portfolio:hover {background-color:coral}







/* page layout ................................................................ */


/* page layout  home page, holiday 2009  */
#sheet_HH {
background: ;
position: absolute;
top: 41px;
left: 100px;
width:800px;
height: 400px;
border: ;
text-align: right;
float: center;
/*z-index:1*/}

#content_HH {
position: absolute;
top: 44px;
left: 5px;
width: 800px;
height: 800px;

*z-index:1}

/* page layout  home page, holiday 2009  */




#header {
  background: ;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1000px;
  height: 20px;
}

#header2 {
  background: ;
  position: absolute;
  top: 21px;
  left: 0px;
  width: 780px;
  height: 20px;
}

/* header3 for home page ................................................................ */
#header3 {
	background: ;
	position: absolute;
	top: 30px;
	left: 325px;
	width:400px;
	height: 40px;
	border: ;
	*z-index:3*}

#gel {
background: sienna;
position: absolute;
top: 60px;
left: 00px;
width:1200px;
height: 650px;
border-top: 2px dotted lightgray; border-bottom: 2px dotted lightgray; 
text-align: center;
vertical-align: middle;
opacity:0.3;
}

#gel_home {
background: ;
position: absolute;
top: 60px;
left: 00px;
width:1000px;
height: 650px;
border: ;
text-align: left;
vertical-align: middle;
opacity:0.7;
}

#sheet {
background: ;
position: absolute;
top: 170px;
left: 150px;
width:800px;
height: 558px;
border: 1px dotted sienna;
text-align: right;
float: center;
/*z-index:1*/}

#image_caption {
background: ;
position: absolute;
top: 350px;
left: 500px;
width:200px;
height: 18px;
/*
border: 1px dotted sienna;
*/
text-align: left;
float: right;
/*z-index:1*/}

#left_column {
background: ;
position: absolute;
top: 70px;
left: 0px;
width:200px;
height: 558px;
border: 1px dotted white;
text-align: right;
float: center;
*z-index:3*}

#sheet_gallery {
background: white;
position: absolute;
top: 70px;
left: 20px;
width:1100px;
height: 600px;
border: 1px dotted sienna;
text-align: right;
float: center;
z-index:3}

#sheet_quicktime {
background: white;
position: absolute;
top: 70px;
left: 150px;
width:320px;
height: 240px;
border: 1px dotted sienna;
text-align: right;
float: center;
/*z-index:1*/}

#thumbnails {
background: white;
position: absolute;
top: 71px;
left: 21px;
width:300;
height: 600px;
border: ;
text-align: right;
float: left;
/*z-index:1*/}


#sheet_home {
background: ;
position: absolute;
top: 41px;
left: 100px;
width:800px;
height: 400px;
border: ;
text-align: right;
float: center;
/*z-index:1*/}

#content_home {
position: absolute;
top: 80px;
left: 200px;
width: 800px;
height: 800px;

*z-index:1}

#contact {
border: ;
position: absolute;
top: 0px;
left: 720px;
width: 3000px;
height: 20px;
background: ;

*z-index:1}

#leftcol {
  background: lightslategray;
  position: absolute;
  top: 400px;
left: 0px;
  width: 150px;
  height: 500px;
}


/* end - absolute shapes .............................*/


#content_column {
background: black;
position: absolute;
top: 0px;
left: 0px;
width: 800px;
height: 800px;

*z-index:2}

span.vertplus50 {position: relative; top: 50px;}

/* end - page layout ............................................................. */



/*  w3 image gallery styles - orignally internal sheet ...................................
div.img
  {
  margin:2px;
  border:  ;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid black;
  }
div.img a:hover img
  {
  border:1px solid orange;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  width:120px;
  marg

*/



table {font-family: verdana; font-size: 8pt; padding: 50px; width: 100px; text-align: center; border-spacing: 10px 10px; background-color: LightGrey; border: medium double DarkGray; color: Black; margin: 20px 180px 20px 30px;}

span.highlight {background-color:LightBlue} 
 /*doesn't work with table cells would like to know how to change bck color of a cell in styles not html*/
 


/*
.img
  {
  margin: 20px 180px 20px 0px;
  border:6px solid black;
  height:200;
  width:200;
  float:left;
  text-align:center;
  opacity:1.0;
  filter:alpha(opacity=100);
  z-index:1.0;
  }
*/


/*#middle_ab {
background: #E5F2C3;
position: absolute;
top: 100px;
left: 100px;
width: 400px;
height: 400px;
border: 1px dotted sienna;
opacity:0.4;
/*z-index:2*/}*/


 
/* a.box {display: block; 
width: 138px; height: 14px; 
border: 2px dotted darkGray; 
padding: 4px; color:lightgrey; 
background: slategray; 
text-decoration: none; */




 
  
/*
 #page {
  
  background: lightblue;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 500px;
  opacity:0.5;}
   
*/

/*



#rightcol {
  background: lightslategray;
  position: absolute;
  top: 100px;
left: 650px;
  width: 150px;
  height: 500px;
}

#content {
  /*background-image: url('dog-cat-luck_L_teal.jpg');  
  background: aliceblue;
  position: absolute;
  top: 500px;
left: 300px;
  width: 600px;
  height: 600px;
  opacity:0.5;
   z-index:-1
  

#footer {
  background: lightslategray;
  position: absolute;
  top: 500px;
  left: 0px;
  width: 800px;
  height: 100px;
}

.divtest { background-color: yellow; }
*/