/* CSS Style Sheet for the Week 4 Homework Assignment */
/* Edith Harvey */

/* body main style */
body {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 12px;
}

/* table main style */
table {
     border: none;
     width: 750px;
     padding: 0;
     margin: auto;
}

/* heading 1 style */
h1 {
     color: #0066cc; /* cool blue */
}

/* heading 3 style */
h3 {
     color: #0066cc; /* cool blue */
     background-color: #eee; /* light gray */
     padding: 5px;
     border-radius: 5px;
     max-width: 150px;
}

/* heading 5 style */
h5 {
     color: #000000; /* black */
     font-style: italic;
}

/* hr line break style */
hr {
     border: none;
     border-top: 1px dotted #000000; /* solid black dotted border 1px */
     height: 1px;
}

/* image style */
img {
     float: right;
     border: 1px solid #000000; /* solid black border 1px */
     border-right: 3px solid #000000; /* solid black right border 3px */
     border-bottom: 3px solid #000000; /* same as right border */
     margin: 0px 5px 10px 10px; /* sets up white space around image Top Right Bottom Left */
}

/* link anchor tag styles */
/* all links before clicked */
a:link {
     color: #0066cc; /* cool blue */
}
/* visited link style */
a:visited {
     color: #0066cc; /* cool blue */
}
/* hovering over link style */
a:hover {
     text-decoration: none;
     color: #ff9900; /* yellow-orange */
}
a:active {
     text-decoration: underline;
     color:#0066cc; /* cool blue */
}

/* travel_tip class style, multiple classes can be used */
.travel_tip {
     background-color: #ff9900; /* yellow-orange */
     padding: 5px 5px 5px 5px;
     border : 1px black solid;
     margin: 40px 5px 5px 0px;
}

/* quote class style */
.quote {
     font-style: italic;
     margin: 10px 10px 10px 10px;
     color: #666666; /* dark gray */
}

/* ID copyright area style, only one ID allowed per page */
#copyright {
     font-size: 9px;
     font-style: italic;
     text-align: center;
}

/* unordered/bulleted list style */
ul li {
     list-style-type: square;
     color: #666666; /* dark gray */
     list-style-position: inside;
}