/* CCRogers CSS file - This is my first attempt to create a CSS for an entire site.
I know I have a long way to go in getting it to look professional but I'll get there */



/* BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY */



/* Define body background color & font */

body
{
  font-family: georgia;
  font-size: 10pt;
  color: #708193;
  background-color: #FFFFFF;
}


/* style for Kamren's background */


body.kamren {
  font-family:Georgia, Times, Serif;
  color:#0000cd;
  background-color:#FFAE16;
  background-image:url("images/kamrenBG.jpg");
  background-repeat:repeat-x;
  }
  
  
/* style for Ryland's background */


body.ryland {
  font-family:Georgia, Times, Serif;
  color:#0000cd;
  background-image:url("images/rylandBG.gif");
  background-repeat:repeat;
  }
  
  
/* style for Megan's background */


body.megan {
  font-family:Georgia, Times, Serif;
  color:#0000cd;
  background-image:url("images/meganBG.jpg");
  background-repeat:y;
  }
  

/* style for Joey's background */


body.joey {
  font-family:Georgia, Times, Serif;
  color:#0000cd;
  background-color:#000000;
  background-image:url("images/joeyBG.jpg");
  background-repeat:repeat-y;
  }

/* BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY BODY */













/* TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES TABLES */



/* BEGIN HEADER TABLE     BEGIN HEADER TABLE    BEGIN HEADER TABLE  */



/* TABLE */

table.table1
{
  border: 5px #708193 solid;
}  




/* HEADER TEXT */
h1
  {
  margin: 10pt;
  font-family: georgia;
  font-size: 25pt;
}
  
/* END HEADER TABLE     END HEADER TABLE         END HEADER TABLE   */











/* BEGIN FOOTER TABLE    BEGIN FOOTER TABLE    BEGIN FOOTER TABLE    */



/* TABLE */


table.table2
{
  border: 5px #708193 solid;
}  



/* FOOTER TEXT */
h2
  {
  font-family: georgia;
  font-size: 8pt;
}



/* FOOTER LINKS */

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

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

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

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

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


/* END FOOTER TABLE    END FOOTER TABLE    END FOOTER TABLE    */














/* BEGIN LEFT COLUMN    BEGIN LEFT COLUMN    BEGIN LEFT COLUMN    */


td.lcol
{ 
  width: 95px;
  background-color: #708193;
}



/* VERTICAL NAV BAR*/

a.navbar2
{
  float: left;
  width: 75px; 
  padding: 5px;
  border-right: 2px solid #E4E2F8;
  border-left: 2px solid #E4E2F8;
  border-bottom: 2px solid #E4E2F8;
  border-top: 2px solid #E4E2F8;
  font-family: georgia;
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

a.navbar2:link
{
  color: black;
  background: #BD89B9;
}

a.navbar2:visited
{
  color: black;
  background-color: #AA8BBF;
}

a.navbar2:hover
{
  color: #C09791;
  background: #F1F0F8;
}

a.navbar2:active
{
  color: black;
  background: #AA8BBF;
} 



/* END LEFT COLUMN    END LEFT COLUMN    END LEFT COLUMN    */
















/* BEGIN CENTER COLUMN    BEGIN CENTER COLUMN    BEGIN CENTER COLUMN    */

td.centcol
{
  background-color: #F1E5B5;
}

p.p1
{
  font-family: georgia;
  font-size: 10pt;
  margin-right: .25in;
  margin-left: .25in;
  margin-top: .25in;
  margin-bottom: .25in;
  width: 500px;
}



/* FLOATING BOX */

p.box1
{
  float: right;
  width: 170px;
  height: 125px;
  background-color: #B6CDDB;
  padding: 7px;
  font-family: georgia;
  font-size: 12pt;
  text-align: left;
  color: black;
  font-style: italic;
  margin: 10px;
}


h3
{
  font-family: georgia;
  font-size: 12pt;
  text-align: center;
  font-weight: bold;
  font-style: italic;
}


h4
{ 
  font-family: georgia;
  font-size: 10pt;
  text-decoration:underline;
  font-style: italic;
  margin-left: .25in;
  margin-top: .25in;
  margin-bottom: .25in;
  width: 500px;
}


/* paragraphs styled as tips */

p.ctrverse {
  background-color:#B6CDDB;
  margin-left:100px;
  margin-right:100px;
  padding:5px;
  border:solid thin #167A58;
  padding: 7px;
  font-family: georgia;
  font-size: 12pt;
  text-align: left;
  color: black;
  font-style: italic;
  margin: 10px;
  }

/* style for table of thumbnail images linked to a page */

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 #708193;
  padding:10px;
  font-size:0.75em;
  
}

/* style for thumbnail images */

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




/* END CENTER COLUMN    END CENTER COLUMN    END CENTER COLUMN    */


















/* BEGIN RIGHT COLUMN    BEGIN RIGHT COLUMN    BEGIN RIGHT COLUMN    */

td.rcol
{ 
  width: 100px;
  background-color: #708193;
}


p.p2
{
  margin: 5pt;
  font-family: georgia;
  font-size: 10pt;
  font-weight: bold;
  margin-right: .25in;
  margin-left: .25in;
  margin-top: .25in;
  margin-bottom: .25in;
  text-decoration: none;
  color: black;
}



a.footlink2
{
  font-family: georgia;
}

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

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

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

a.footlink2:active
{
  color: white;
  text-decoration: underline;
}

  


/* END RIGHT COLUMN    END RIGHT COLUMN    END RIGHT COLUMN    */