/* BASIC HTML DEFINITIONS */

body       {font-family: Verdana, Arial, sans-serif; background: #C1A687 url('images/background.jpg') repeat-x top; margin: 20px 0; padding: 0; font-size:75%; text-align:center;}
ul li      {list-style-image: url('images/bullet.gif'); font-size: 100%; margin-bottom: 0; padding-bottom: 0}
hr         {background-color: #AC885E; color: #AC885E; height: 1px; width: 100%;}
blockquote {margin-bottom: 0;}

form       {margin: 5px 0 0 0; padding: 0; font-size: 100%;}
.forminput {background-color: #FFFFFF; color: #000000; border: 1px solid #C0C0C0; padding: 2px; font-size: 100%; font-family: Verdana, Arial, sans-serif; margin: 2px 0;}
.contact label {width: 150px; float: left; text-align: right;margin: 3px 5px 5px 5px; clear: both}
.contactbutton {text-align: center; margin: 5px 0 0 170px;}

/* BASIC LINK COLORS */

A:LINK    {color: #AC885E; text-decoration: none; font-weight: bold;}
A:VISITED {color: #AC885E; text-decoration: none; font-weight: bold;}
A:HOVER   {color: #A35623; text-decoration: underline; font-weight: bold;}
A:ACTIVE  {color: #AC885E; text-decoration: none; font-weight: bold;}

/* HEADING DEFINITIONS */

h1 {font-family: Georgia, Georgia, serif; color: #947249; text-align: left; font-size: 20px; font-weight: bold; padding: 0px; margin: 0 0 10px 0;}
h2 {font-family: Verdana, Geneva, sans-serif; color: #7E4119; text-align: left; font-size: 16px; font-weight: bold; letter-spacing: 2px; margin: 10px 0;}
h3 {font-family: "Times New Roman", Times, serif; color: #8B6442; text-align: left; text-transform: lowercase; font-size: 18px; font-weight: normal; margin: 10px 0;}
h4 {font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; font-size: 12px; font-weight: bold; color: #8B6442; margin: 10px 0;}
h5 {font-size: 120%; font-weight: bold; color: #7E4119; margin: 10px 0;}
h6 {font-size: 120%; font-weight: bold; color: #000000; margin: 10px 0;}

span.dropcap {font-family: Georgia, Georgia, serif; float: left; color: #947249; font-size: 58px; font-weight: bold; line-height: 45px; padding: 0 2px 0 0;}
span.heading {color: #947249;}

/* PROPERTIES FOR PAGE LAYOUT SECTIONS */

.wrapper {width: 750px; background-color: #FFFFFF; background-image: url('images/background2.gif'); color: #000;
         text-align: left; border: 1px solid #000; margin: 0 auto;}

.header  {background-color: #000; background-image: url('images/logoimageFLUTE.jpg'); text-align: right; padding: 20px 20px 0 0; color: #C1A687; height: 175px; font-size: 90%;}
.header A:LINK    {color: #C1A687; text-decoration: none; font-weight: bold;}
.header A:VISITED {color: #C1A687; text-decoration: none; font-weight: bold;}
.header A:HOVER   {color: #C1A687; text-decoration: underline; font-weight: bold;}
.header A:ACTIVE  {color: #C1A687; text-decoration: none; font-weight: bold;}

.navigation {background-color: #FFF; background-image: url('images/navigation.jpg'); text-align: center; padding: 15px 0 0 0; color: #FFF; height: 35px; font-size: 90%; word-spacing: 30px;}
.navigation A:LINK    {color: #FFF; text-decoration: none; word-spacing: 2px;}
.navigation A:VISITED {color: #FFF; text-decoration: none; word-spacing: 2px;}
.navigation A:HOVER   {color: #FFF; text-decoration: underline; word-spacing: 2px;}
.navigation A:ACTIVE  {color: #FFF; text-decoration: none; word-spacing: 2px;}

.content {width: 480px; float: left; padding: 20px 10px; line-height: 18px; text-align: justify;}

.sidebar {float: right; width: 230px; padding: 20px 10px; font-size: 90%;}

.footer {clear: both; background-image: url('images/footer.jpg'); color: #C1A687; text-align: center; font-size: 90%; height: 60px; padding: 20px 0 0 0; line-height: 12px;}
.footer A:LINK    {color: #C1A687; text-decoration: none; font-weight: bold;}
.footer A:VISITED {color: #C1A687; text-decoration: none; font-weight: bold;}
.footer A:HOVER   {color: #C1A687; text-decoration: underline; font-weight: bold;}
.footer A:ACTIVE  {color: #C1A687; text-decoration: none; font-weight: bold;}


/* ASSIGN CLASSES TO IMAGES TO PLACE THE PHOTOS' BORDER AND ALIGNMENT */

.imageleft {border: 3px double #606060; margin: 2px 10px 2px 0px; float: left;}
.imageright {border: 3px double #606060; margin: 2px 0px 2px 10px; float: right;}