/* stylesheet.css for Assignment 8-2 */

/* Page header style */

#header
{
  height:150px;
  width:80%;
  background-image:url("pix/bkg/drops.jpg");
  background-repeat:repeat;
  border-bottom:thin solid #191970;
  margin-right: auto;
  margin-left:auto;
}


/* Page footer style */

#footer
{
  height:75px;
  width:80%;
  background-image:url("pix/bkg/drops.jpg");
  background-repeat:repeat;
  border-top:thin solid #191970;
  margin-right: auto;
  margin-left:auto;
}




/* body text and page background */


body {
  margin:0px;
  font-family:"Book Antiqua", Times, Serif;
  color:#0000cd;
  background-color:#ffffff;
  background-image:url("images/bluefadewhite.jpg");
  background-repeat:repeat-y;
  }
  

/* add some margin space to main content */
  
#main
  {
    padding-left:150px;
    padding-right:150px;
    
}

/* level 1 headings */
  
h1 {
  font-family: Papyrus, "Curlz MT", "Juice ITC", Algerian, fantasy;
  font-weight:bold;
  text-align:center;
  color:#1F2159;
  }

/* level 2 headings */

h2 {
  font-family: "Arial Black", Impact, Charcola, fantasy;
  color:#1F2159;
  }

/* level 3 headings */

h3 {
  font-family:Arial, Helvetica, sans-serif;
  font-style:italic;
  text-decoration:underline;
  color:#1F2159;
  }
  
  
/* level 4 headings */
  
h4 {
  font-family:Arial, Helvetica, sans-serif;
  font-style:italic;
  text-decoration:none;
  color:#1F2159;
}

/* generic style class for highlighting text */

.hilite {
  background-color:#ffff00;
  }
  
/* Center this paragraph */
p.center
{
  text-align: center;
}


/* paragraphs styled as tips */

p.tip {
  background-color:#ACD095;
  width:400px;
  margin:1em auto;
  padding:5px;
  border:solid thin #167A58;
  }
  
/* paragraphs styled as warning */

p.warning {
  background-color:#FFCCFF;
  margin-left:100px;
  margin-right:100px;
  padding:5px;
  border:solid thin #ff0000;
  }

p.reference {
  background-color:#FFFF99;
  margin-left:300px;
  margin-right:300px;
  padding:5px;
  border:solid thin #1F2159;
  }
 
/* Back to home link */

a.backtohome
{
  font-family: arial, helvetica;
  font-weight: bold;
}

a.backtohome:link
{
  color: black;
  text-decoration: none;
}

a.backtohome:visited
{
  color: black;
  text-decoration: none;
}

a.backtohome:hover
{
  color: black;
  text-decoration: underline;
}

a.backtohome:active
{
  color: red;
  text-decoration: underline;
}

/* My Favorite links style - size changing */

a.szchg:link
{
  text-decoration:underline overline; 
  color: #1F2159;
}

a.szchg:visited
{
  text-decoration:underline overline; 
  color: #1F2159;
}

a.szchg:active
{
  text-decoration:none;
}

a.szchg:hover
{
  font-size:1.25em;
  font-weight:bold;
  color:red;
  text-decoration:none;
}
  



/* Float image to left of paragraph */

img.floatleft
{
  float:left;
  margin-right:10px;
}

/* Float image to right of paragraph */

img.floatright
{
  float:right;
}



/* Center image between margins */

div.center
{
  width:100%;
  text-align:center;
}




/* style for table of thumbnail images */

table.thumbs
{
  text-align:center;
  border-collapse:collapse;
  margin:auto;
  vertical-align:middle;
  
}

/* style for table cells that contain thumbnails */

td.thumbs
{
  border:solid 10px #1F2159;
  padding:10px;
  font-size:0.75em;
  
}

/* style for thumbnail images */

img.thumbs
{
  width:150px;
  height:100px;
}


/* style for centered blue line 50% */

hr.blue50
{
  width:50%;
  color:#133676;
  background-color:#133676;
  height:5px;
}


/* style for left white box solid border */

div.boxleft
{
  width:290px;
  color:#1F2159;
  font-size:14pt;
  background-color:#FFFFFF;
  height:190px;
  border:thin solid #133676;
  float:left;
  margin:10px;
  padding:5px;
}

/* style for right light blue box dotted border */

div.boxright
{
  width:290px;
  color:#1F2159;
  font-size:10pt;
  background-color:#B6F3F4;
  height:190px;
  border:thin dotted #133676;
  float:right;
  margin:10px;
  padding:5px;
}

/* style for left white box double border */

div.boxleft2
{
  width:290px;
  color:#1F2159;
  font-size:14pt;
  background-color:#FFFFFF;
  height:290px;
  border:double #133676;
  float:left;
  margin:10px;
  padding:5px;
}

/* style for right ridge border box with closeup of dolphin image */

div.boxright2
{
  width:250px;
  color:#1F2159;
  font-size:10pt;
  background-color:#B6F3F4;
  height:190px;
  border:ridge;
  float:right;
  margin:10px;
  padding:5px;
  background-image:url("images/closeup2.jpg");
}

/* style for right ridge border box with Todd Endris image */

div.boxright3
{
  width:250px;
  color:#1F2159;
  font-size:10pt;
  background-color:#B6F3F4;
  height:190px;
  border:ridge;
  float:right;
  margin:10px;
  padding:5px;
  background-image:url("images/endris.jpg");
}