BODY {background-color:rgb(0, 34, 57); width:989px; margin:0px auto; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:14px}

.title, .navbar, .content {border-width: 0px 2px; border-style:solid; border-color: rgb(163, 77, 0)}

.title {height:35px; width: 945px; padding:21px; color: rgb(0, 34, 57); font-size: 35px; line-height: 35px; font-family: 'Macondo', cursive;
        background: url("images/sand.png"); background-size:32px}

.navbar {width: 987px; height:28px; background: url("images/stonebrick_cracked.png"); background-size:32px}
ul.nav {list-style: outside none none; float:left; padding:0px; margin:0px}
.navbar li {float:left;  position: relative; font-size: 17px}
.navbar a {display:block; padding:0px 7px; height:28px; line-height:28px;background: red; text-decoration:none; border-right: 1px solid rgb(59, 59, 59)}
.navbar a.NavOn {background: purple}

.navbar a:link {color:rgb(59, 59, 59); background: rgb(189, 189, 189)}
.navbar a:visited {color:rgb(59, 59, 59); background: rgb(189, 189, 189)}
.navbar a:hover {color:rgb(59, 59, 59); background: rgb(218, 207, 162) }
.navbar a:active {color:rgb(59, 59, 59); background: rgb(189, 189, 189)}

.navbar a.NavOn:link {color:rgb(189, 189, 189); background: rgb(59, 59, 59)}
.navbar a.NavOn:visited {color:rgb(189, 189, 189); background: rgb(59, 59, 59)}
.navbar a.NavOn:hover {color:rgb(59, 59, 59); background: rgb(218, 207, 162) }
.navbar a.NavOn:active {color:rgb(189, 189, 189); background: rgb(59, 59, 59)}

a:hover {color:rgb(234, 108, 0)}

.Links1, .Links2 {width: 450px; min-height: 50px; margin-top: 21px}
.Links1 {float:left}
.Links2 {float:right}

.content {width: 959px; padding: 14px; background: rgb(243, 240, 207); clear:both; min-height: 250px; border-bottom-width: 2px}

h1, h2 {margin-bottom:0px; font-family: 'Cormorant Garamond', serif;}

h1 {font-size: 24px; color: rgb(0, 34, 57)}
h2 {font-size: 18px; color: rgb(0, 34, 57)}
    
.Copyright {margin-top:7px; font-size:11px; color: rgb(189, 189, 189); font-style: italic; text-align: center}
.Copyright a:link {color:rgb(189, 189, 189)}
.Copyright a:visited {color:rgb(189, 189, 189)}
.Copyright a:hover {color:rgb(234, 108, 0)}
.Copyright a:active {color:rgb(189, 189, 189)}

.PictureFrame {width: 930px; text-align: center; padding:14px; box-shadow: 1px 1px 3px rgb(0, 34, 57); border: 1px solid rgb(189, 189, 189); margin-top:14px}
.PictureFrame img {box-shadow: 3px 3px 7px rgb(0, 34, 57)}
.PictureCaption {text-align: left; margin-top: 7px}
.PictureCaption .Title {font-weight:bold; color: rgb(0, 34, 57)}
.PictureCaption .Text {color: rgb(0,0,0)}

.SortSystem {width: 350px; border: 1px solid black; margin:7px 0px 0px 7px; padding: 0px; border-collapse: separate; border-spacing: 0;}
.SortSystem .Details {text-align: right}
.SortSystem th {border: 0 none !important; margin: 0; padding: 2px 5px; background: rgb(217, 125, 138)}
.SortSystem td {border: 0 none !important; margin: 0; padding: 2px 5px;}
.SortSystem .RowEven {background: rgb(212, 237, 202)}
.SortSystem .RowOdd {background: rgb(201, 203, 236)}