/* stylesheet.css for Assignment 11 */


/* Set layout width */

#wrapper
{
  width:95%;
  margin:auto;
  

}


/* Page header style */

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


/* Page footer style */

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


/* add some margin space to main content */
  
#main
  {
    text-align:left;
    padding-left:20px;
    padding-right:20px;
    padding-top:2px;
    margin-left:250px;
    margin-right:100px;
    
}

div#main h1
{
  font-family:Georgia, Times, Serif;
  color:#133676;
  font-size:24px;
  text-align:left;
  margin-left:1em;
}



/*  Clearing contents */

cleardiv
{
clear:both;
height:1em;
}


/* Style for sidebar column */

#sidebar
{
  float:left;
  display:inline;    /* Only here for AOL and older browser glitches */
  padding:0;
  margin:1em;
  width:12em;
    
    /* Total width is 12em because the margin property sets for both left and right */
    /*   1 + 10 + 1 = 12 */
}

/* Style for sidebar links */

a.side
{
  font-family: arial, helvetica;
  font-weight: bold;
  font-size:12px
}

a.side:link
{
  color: black;
  text-decoration: none;
  font-size:12px
}

a.side:visited
{
  color: black;
  text-decoration: none;
  font-size:12px
}

a.side:hover
{
  color: black;
  text-decoration: underline;
  font-size:12px
}

a.side:active
{
  color: red;
  text-decoration: underline;
  font-size:12px
}


/* body text and page background */


body {
  margin:0;
  padding:0;
  font-family:Georgia, Times, Serif;
  color:#1F2159;
  font-size:13px;
  background-color:#ffffff;
  background-image:url("images/bluefadewhite.jpg");
  background-repeat:repeat-y;
  }
  



/* 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:Georgia, Times, Serif;
  color:#1F2159;
  font-size:14pt;
  }

/* 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;
  }
  
/* paragraphs styled as warning */

p.reference {
  background-color:#B6F3F4;
  margin-left:100px;
  margin-right:100px;
  padding:5px;
  border:solid thin #1F2159;
  }
  

 
/* Back to home link */

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

a.backtohome:link
{
  color: black;
  text-decoration: none;
  font-size:14px
}

a.backtohome:visited
{
  color: black;
  text-decoration: none;
  font-size:14px
}

a.backtohome:hover
{
  color: black;
  text-decoration: underline;
  font-size:14px
}

a.backtohome:active
{
  color: red;
  text-decoration: underline;
  font-size:14px
}



/* 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:100%;
  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 video player */

div.boxright2
{
  width:320px;
  color:#1F2159;
  font-size:10pt;
  background-color:#B6F3F4;
  height:285px;
  border:ridge;
  float:right;
  margin:10px;
  padding:5px;
}



/* style for right ridge border box with music player */

div.boxright3
{
  width:300px;
  color:#1F2159;
  font-size:10pt;
  height:50px;
  border:ridge;
  float:right;
  margin:10px;
  margin-top:0;
  padding:5px;
}