/* Style for page body */
body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-Serif;
font-size: small;
color:#000;
background-color: #ffffff;
background-image: url("pix/bkg/bluerepeatx.jpg");
background-repeat: repeat-x;
}

/* styles links */

/* Unvisited links (no underline) */
a:link{
color: #0000cd; /* blue */
text-decoration: none;
}

/* Visited links (no underline) */ 
a:visited{
   color: #990099; /* violet */
   text-decoration: none;
}

/* Hover links (red underlined) */ 
a:hover{
  color: #990000; /* deep red */
  text-decoration: underline;	
  }

/* Active links (pink underlined) */ 
a:active{
   color: #CC6699; /* pink */
   text-decoration: underline;
}

/* This styles the navigation bar */

a.navbar
{
float: left;
width: 150px;
margin-top: .45em;
padding: 6px;
border: 1px solid white;
font-family: arial,helvetica;
font-weight: bold;
text-decoration: none;
text-align: center;
}

a.navbar:link
{
color: #0000cd;
background-color: #66CCCC;
}

a.navbar:visited
{
color: #0000cd;
background-color: #66CCCC;
}

a.navbar:hover
{
color: white;
background-color: #00BFFF;
}

a.navbar:active
{
color: #0000cd;
background-color: #FFE4E1;
}

/* Styles wrapper */

#wrapper{
/* Set layout width */
width:60em;
/* Center the layout */
margin: auto;
background-color: #cba47c;
border:2px solid #663300;
}

/* Style for left sidebar */
#sidebar {
float: left;
display: inline;
margin: 1em;
width: 13em;
/* Actual em*/
}

/* Style for main content area */
#main {
background-color: #cba47c;
margin: 1.5em;
margin-left: 15em;
padding-left: 1em;
padding-right: 1em;
}

/* Style for page header */
#header {
margin: 0;
width: 100%;
background-image: url("pix/bkg/fabric01.jpg");
background-repeat: repeat;
border-bottom: 1px solid #663306;
}

/* Style for page footer */
#footer {
clear: both;
margin: 0;
width: 100%;
background-image: url("pix/bkg/fabric01.jpg");
background-repeat: repeat;
border-top: thin solid #663300;
padding-top: 4px;
}

/* Styles header box for assignment eight */

p.headerbox
{
float: right;
border: 1px solid #663300;
width: 250px;
height: 55px;
padding: 4px;
font-family: arial,helvetica;
font-size: 1.5em;
text-align: center;
color: black;
margin: 50px 20px 10px 10px;
}

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

/* Centers a Level 1 heading */
h1.center {
text-align: center;
}


/* Level 2 headings */
h2 {
 font-family: "Arial Black", Impact, Charcoal, fantasy;
 color: #1F2159;
}

/* Level 3 headings */
h3 {
 font-family: Arial, Helvetica, sans-serif;
 font-style:italic;
 color: #1F2159;
}

/* Float image to left of paragraph */
img.floatLeft{
   float: left;
   margin-right: 10px;
}

/* Float image to right of paragraph */
 img.floatRight{
 float: right;
 }

p.box
{
border-right: 2px solid #663300;
border-left: 2px solid #663300;
border-top: 2px solid #663300;
border-bottom: 2px solid #663300;
width: 371px;
height: 293px;
background-color: #fff;
background-image: url(pix/photos/jasper2.jpg);
padding: 4px;
font-family: arial,helvetica;
text-align: center;
margin: auto;
color: black;
}


/* Styles Welcome Header */
.welcome{
font-family: arial,helvetica;
font-weight: bold;
font-size: 2em;
color: #663300;
}


/* Paragraphs styled as tips */
p.tip {
 background-color:#FFFFFF;
 color: #000000;
 text-align: center;
 padding:10px;
 border:solid thin #663300;
}
 
/* Paragraphs styled as warnings */
p.warning {
 background-color:#FFCCFF;
 text-align: center;
 padding:5px;
 border:solid thin #ff0000;
}

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

/* Styles caption in sidebar */

#caption {
font-size: 85%;
font-style: italic;
color: #444;
padding: 5px;
}

/* Gives images a frame */

.imgborder {
background: white;
padding:2px;
border:2px dashed #cba47c;
}

/* Generic style class for highlighting text */
.hilite{
 background-color:#ffff00;
}

/* Custom bullet for bulleted lists */
ul{
   list-style-image: url("pix/bullets/bulletgold.png");
}

/* Style for tables of thumbnail images */
table.thumbs{
text-align: center;
border-collapse: collapse;
margin: auto;
margin-bottom: 20px;
}

/* Style for table cells that contain thumbnails */
td.thumbs{
border: solid 2px #663300; padding: 10px; }

/* Style for thumbnail images */
img.thumbs{
width:100px;
border-width: 0px;
}

/* Styles a block quote with italics */

blockquote {
font-style: italic;
}

/* Styles quote */

.quote{
font-style: italic;
}