* {padding: 0; margin: 0; border: 0}
body {background: #BAC6D3 url(images/bg.jpg) repeat-x; font: normal 12px/1.5 Verdana, Arial, Helvetica, sans-serif}
p.info {font: bold 14px/1.5 "Trebuchet MS"; margin: 10px}
p {margin: 10px 0}
#header {width: 970px; height: 220px; margin: 10px auto}

#nav {margin: 0 auto; text-align: center; width: 950px; height: 36px}
#nav ul {margin: 0 auto; width: 700px}
#nav ul li {float: left; margin: 0 5px; list-style: none; width: 158px; height: 22px}
#nav ul li a {display: block; font: bold 13px/1.0 "Trebuchet MS"; color: #fff; background: url(images/button.gif) no-repeat; text-decoration: none; text-align: center; padding: 14px 0 9px 0; text-transform: uppercase}
#nav ul li a:hover {background: url(images/button_h.gif) no-repeat}

#wrapper {margin: 0 auto; width: 950px; padding: 5px; overflow: hidden; background: #fff url(images/bg_wrapper.jpg) no-repeat top}

#leftcolumn {color: #333; padding: 10px; width: 165px; float: left}
#leftcolumn p.h {font: bold 13px "Trebuchet MS"; margin: 0; padding: 12px 10px 11px 10px; background: url(images/button1.gif) no-repeat left top; color: #fff}
#leftcolumn ul.menu {list-style: none; margin: 5px 5px 10px 5px}
#leftcolumn ul.menu li {font: normal 11px/1.5 Verdana; margin-bottom: 2px}
#leftcolumn ul.menu li a {display: block; text-decoration: none; border-bottom: 1px solid #3D6387; color: #3D6387; padding: 2px 4px}
#leftcolumn ul.menu li a:hover {background: #3D6387; color: #fff}

#content {float: left; color: #333; margin: 0; padding: 10px; width: 560px}
#content ul, #content ol {margin: 10px 20px}
#content a {color: #3D6387}
#content a:hover {text-decoration: none}
#content .news {clear: both; overflow: hidden; margin: 10px; padding: 5px; border-top: 3px solid #3D6387; background: #eee; width: 530px}
#content .news a {color: #3D6387}
#content .news a:hover {text-decoration: none}
#content .news p.newstitle {font: normal 15px Verdana; margin: 0 0 5px 5px}
#content .news p.newstitle a {padding: 3px; color: #3D6387}
#content .news p.newstitle a:hover {text-decoration: none; background: #3D6387; color: #fff}
#content .news p.newsphoto {float: left; margin-right: 20px}
#content .news p.newsphoto img {border: 1px solid #3D6387; background: #3D6387}
#content .news p.newscontent {font: normal 12px/1.5 Verdana; margin: 5px; }
#content .news p.newskeywords {font: normal 11px/1.5 Verdana; margin: 5px; border-top: 1px solid #3D6387; padding: 5px; background: #fff}
#content .news p.newsattraction {font: normal 11px/1.5 Verdana; margin: 5px; border-top: 1px solid #3D6387; padding: 5px; background: #fff}
#content h1 {font: bold 20px "Trebuchet MS"; margin: 0 0 10px 5px; color: #3D6387}
#content h2 {font: bold 16px "Trebuchet MS"; margin: 10px 5px; color: #3D6387}
#content .tag {margin: 20px; padding: 10px; background: #eee; border-left: 3px solid #3D6387}
#content .tag p {font: bold 15px "Trebuchet MS"}
#content .tag ul {margin: 10px}
#content .tag ul li {font: 11px/1.5 Verdana}
#content .tag ul li a {color: #3D6387}
#content .tag ul li a:hover {text-decoration: none}
#content hr {clear: both; margin: 10px; border: 1px solid #3D6387}

#rightcolumn {color: #333; padding: 10px; width: 165px; float: left}
#rightcolumn p.h {font: bold 13px "Trebuchet MS"; margin: 0; padding: 12px 10px 11px 10px; background: url(images/button1.gif) no-repeat left top; color: #fff}
#rightcolumn ul.newphoto {list-style: none; margin: 0 5px}
#rightcolumn ul.newphoto li {text-align: center}
#rightcolumn ul.newphoto li a {display: block; padding: 3px}
#rightcolumn ul.newphoto li a:hover {background: #3D6387; border: 2px solid #fff}
#rightcolumn ul.newphoto li img {border: 1px solid #3D6387; background: #3D6387}

#footer {width: 950px; clear: both; color: #444; background: #3D6387; margin: 0px 0px 10px 0px; padding: 5px; text-align: center; margin: 0 auto; color: #fff; font-size: 10px}
#footer a {color: #fff}
#footer a:hover {text-decoration: none}

#formadd {margin: 10px}
#formadd div {margin: 10px 0}
#formadd input {width: 640px; padding: 3px 6px; font: 12px/1.5 Verdana; border: 1px solid #3D6387}
#formadd textarea {width: 640px; height: 200px; padding: 3px 6px; font: 12px/1.5 Verdana; border: 1px solid #3D6387}
#formadd .select {width: 640px; padding: 3px 6px; font: 12px/1.5 Verdana; border: 1px solid #3D6387}
#formadd .submit {font-weight: bold; background: #3D6387; color: #fff; padding: 6px 0; border: 2px solid #BACBD7}

#searchform {margin: 20px}
#searchform div {margin: 10px}
#searchform .inputtext {width: 450px; border: 1px solid #3D6387; padding: 4px 6px; font: 12px Verdana; background: #eee}
#searchform .inputsubmit {width: 200px; padding: 4px 6px; font: bold 12px Verdana; background: #3D6387; color: #fff}

.submit {font-weight: bold; background: #3D6387; color: #fff; padding: 5px 0; border: 6px solid #BACBD7}
textarea {padding: 3px 6px; font: 12px/1.5 Verdana; border: 1px solid #3D6387}

table {border: 1px solid #3D6387}
thead td {font: bold 11px Verdana}
td {border: 1px solid #3D6387; padding: 4px 8px; font: normal 10px Verdana}
