/*All elements*/
* { margin: 0; padding: 0; }
:focus { outline: none; }
/*Tags*/
html, body, form { width: 100%; height: 100%; border: 0; }
html { overflow: hidden; }
body { background-color: #414141; font-family: Georgia, Sans-Serif; font-size: 13px; color: #333; }
h1 { font-size: 26px; font-weight: normal; color: #00506E; padding-bottom: 5px; }
h2 { font-size: 18px; font-weight: normal; color: #00506E; padding-bottom: 5px; font-style: italic; }
a { font-weight: bold; color: #00506E; }
a:hover { font-weight: bold; color: #000; }
p { padding-bottom: 10px; text-align: justify; }
input, textarea { border: solid 1px #666; font-size: 11px; font-family: Verdana, Sans-Serif; padding: 2px; background-color: #FFF; font-weight: bold; }
/*ID elements*/
div#Frame1 { height: 85%; background-color: #CCC; background-image: url(back.jpg); background-repeat: repeat-x; background-position: center bottom; position: relative; }
div#Frame2 { background-image: url(nav-back.jpg); background-repeat: repeat-x; background-position: left top; height: 15%; }
div#Nav { width: 895px; height: 85px; margin: auto; border-bottom: solid 5px #323232; }
div#Nav ul { list-style-type: none; margin: 0; padding: 0; }
div#Nav ul li { display: block; height: 85px; float: left; }
div#Content { width: 896px; height: 500px; position: absolute; bottom: 10px; left: 50%; margin-left: -448px; background-color: #F0F0F0; }
/*Classes*/
div#Nav ul li.Sep { width: 5px; background-image: url(item-sep.jpg); background-repeat: no-repeat; background-position: center center; }
div#Nav ul li.Item a { display: block; float: left; width: 145px; height: 80px; line-height: 75px; text-align: center; font-weight: bold; color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 12px; }
li.Tab1 a { border-top: solid 5px #00506E; }
li.Tab2 a { border-top: solid 5px #006482; }
li.Tab3 a { border-top: solid 5px #007896; }
li.Tab4 a { border-top: solid 5px #008CAA; }
li.Tab5 a { border-top: solid 5px #00A0BE; }
li.Tab6 a { border-top: solid 5px #00B4D2; }
li.Tab1 a:hover { background-color: #00506E; }
li.Tab2 a:hover { background-color: #006482; }
li.Tab3 a:hover { background-color: #007896; }
li.Tab4 a:hover { background-color: #008CAA; }
li.Tab5 a:hover { background-color: #00A0BE; }
li.Tab6 a:hover { background-color: #00B4D2; }
li.Tab1 a.Active { background-color: #00506E; border-top: solid 5px #CCC; }
li.Tab2 a.Active { background-color: #006482; border-top: solid 5px #CCC; }
li.Tab3 a.Active { background-color: #007896; border-top: solid 5px #CCC; }
li.Tab4 a.Active { background-color: #008CAA; border-top: solid 5px #CCC; }
li.Tab5 a.Active { background-color: #00A0BE; border-top: solid 5px #CCC; }
li.Tab6 a.Active { background-color: #00B4D2; border-top: solid 5px #CCC; }
.wrapper { height: 470px; }
div.Logo { width: 170px; height: 70px; position: absolute; top: 0; right: 20px; z-index: 999; background-image: url(logo.png); background-repeat: no-repeat; background-position: right top; padding-top: 5px; }
div.panel1 .wrapper { background-image: url(content-back-1.jpg); background-repeat: no-repeat; background-position: 100px bottom; }
div.panel2 .wrapper { background-image: url(content-back-2.jpg); background-repeat: no-repeat; background-position: 230px top; }
div.panel3 .wrapper { background-image: url(content-back-3.jpg); background-repeat: no-repeat; background-position: 50px bottom; }
div.panel4 .wrapper { background-image: url(content-back-4.jpg); background-repeat: no-repeat; background-position: 100px bottom; }
div.Clear { clear: both; }
.TextImage { border: solid 5px #E0E0E0 !important; margin-bottom: 5px; }
div.InfoBox { border: solid 5px #E0E0E0; background-color: #F3F3F3; font-size: 12px; padding: 10px; }
div.InfoBox2 { border: solid 5px #7DCBFF; background-color: #B0DFFF; font-size: 12px; padding: 10px; }
div.InfoBox table td { vertical-align: top; }
div.SpecialBox { border: solid 5px #7DCBFF; background-color: #B0DFFF; font-size: 12px; padding: 10px; margin-top: 10px; font-style: italic; background-image: url(messages-back.jpg); background-repeat: no-repeat; background-position: 170px bottom; }
div.MapBox { border: solid 5px #7DCBFF; background-color: #B0DFFF; }
input.Button { background-color: #00506E; color: #FFF; }
div.Captcha img { border: solid 1px #666; }
div.Captcha input { text-transform: uppercase; }
div.Loader1 { background-image: url(loader-1.gif); background-repeat: no-repeat; width: 16px; height: 16px; }
/*Grid*/
table.Grid { width: 100%; border: none; border-collapse: collapse; }
table.Grid tr th { padding: 5px 10px 5px 10px; background-color: #00506E; color: #FFF; border-bottom: solid 1px #333; border-collapse: collapse; }
table.Grid tr td { padding: 5px 10px 5px 10px; background-color: #FFF; border: none; border-bottom: solid 1px #E0E0E0; border-collapse: collapse; }
img.CalendarButton { cursor: pointer; vertical-align: top; }