html, body {width: 100%; height: 100%}
body {background: #3F779D url(./images/background.gif) scroll repeat-x; text-align: center; font-family: Tahoma; color: #4E575D; font-size: 0.8em;}
a {cursor: pointer; text-decoration: none}
a, a:visited, a:focus, a:active {color: #035E7E}
a:hover {color: #035E7E}
img {vertical-align: middle}

#topBar {text-align: left; height: 38px; line-height: 38px; color: #FFF}
#topBar .horizontalNavigation, #header .horizontalNavigation {float: right}
#topBar .horizontalNavigation li {margin: 0 7px}
#topBar .horizontalNavigation li a {color: #FFF}

#topBar, #header, #main {width: 1024px; margin: 0 auto}

#header .horizontalNavigation {float: right}
#header {height: 134px}

#header .horizontalNavigation {margin: 47px 0 0; height: 44px}
#header .horizontalNavigation li {padding: 0 15px; background: #7A8993; line-height: 47px; font-weight: bold; font-size: 1.1em}
#header .horizontalNavigation li.firstItem {-moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px;}
#header .horizontalNavigation li.lastItem {-moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px}
#header .horizontalNavigation li.activeItem {background: #FFF}
#header .horizontalNavigation li.activeItem a {color: #7A8993}
#header .horizontalNavigation li a {color: #FFF}

#sideBar {position: relative; float: right; text-align: left; width: 300px; padding: 0 0 36px}
#sideBar h2 {border: none; background: #7A8993; padding: 8px; font-size: 0.9em; margin: 36px 0 0; color: #FFF; font-weight: bold}
#sideBar ul li {background: #C9D8E5; margin-bottom: 1px; padding: 8px}
#sideBar ul li a {color: #4E575D}
#sideBar ul li.activeItem {background: #FFF}

#siteMap ul li {float: left; width: 45%; padding: 5% 5% 0 0; font-size: 1.2em; font-weight: bold}
#siteMap ul li ul li {float: none; width: auto; padding: 0; font-size: 0.8em; font-weight: normal}

#main {background: #B5CAD9; margin: 60px auto 0; border: 1px solid #B5CAD9; border-right: none; -moz-border-radius: 10px; line-height: 1.6em}
#content {min-height: 500px; height: auto !important; height: 500px; background: #FFF; text-align: left; float: left; width: 674px; padding: 18px 25px 25px; height: 100%;  -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px}
#navigation {margin: 0 auto; width: 549px}
#navigation li {float: left; margin: 0 10px; border-width: 1px 1px 0; border-style: solid; border-color: #0478a0; font-weight: bold}
#navigation li a {display: block; background: #035E7E; margin-bottom: -1px; position: relative; padding: 8px; color: #FFF}
#navigation li.activeItem a, #navigation li a:hover {color: #035E7E; padding: 8px 8px 9px; background: #FFF url(./images/navigation.png) scroll repeat-x bottom}
#topBar:after, #header:after, #main:after, .floatContainer:after, .horizontalNavigation:after, .formElement:after{content: ""; height: 0; display: block; clear: both}

h1, .hidden {position: absolute; top: -9000px; left: -9000px}

.horizontalNavigation li {float: left}
.bordered {padding: 4px; border: 1px solid #B5CAD9}
.leftFloat {float: left}
.rightFloat {float: right}

tr.row-2 {background-color: #D9E7F1}
tr.row-1 td, tr.row-2 td {padding: 10px 8px; text-align: justify}

.download {margin: 0 0 10px 30px}

#footer {width: 1024px; margin: 10px auto 60px; padding-top: 5px; color: #FFF; text-align: center}

#logo {display: block; width: 360px; height: 44px; float: left; margin-top: 47px}
p {margin: 10px 0; text-align: justify}
h1, h2, h3, h4, h5, h6 {color: #3F779D; margin: 20px 0 7px; font-weight: bold; border-bottom: 1px solid #B5CAD9; padding: 0px 0px 7px;}
h3, h3 a, h3 a:hover  {color: #7A8993 !important}
#content h2, #content h3 {border: none; text-align:center}
h2 {background: #FFF url(./images/titleBackground.gif) scroll repeat-x 0% 45%;}
h3 {background: #FFF url(./images/subTitleBackground.gif) scroll repeat-x 0% 45%;}
h2 span, h3 span{background: #FFF; padding: 0 10px}
h2 {margin: 7px 0}
#fbconnect {margin-top: 36px}

.references {padding: 1px 0 13px}
.references p {width: 524px}

#contact {margin-top: 30px}
.reg {font-size: 0.8em; vertical-align: super}

hr {border-top: 1px dashed #B5CAD9; height: 0px; margin: 10px 0}

ul.circle {list-style: circle inside}

ul.arrow {list-style: none url(./images/list.png) inside}
ul.arrow li {margin: 8px 0}

ul.gallery li {float: left; width: 110px; margin: 8px 12px}

div.formLabel {float: left; width: 150px; text-align: right}
div.formField {margin-left: 160px; background: #C9D8E5; -moz-border-radius: 0 8px 8px 0}

div.formElement {min-height: 25px; height: auto !important; height: 25px; line-height: 25px; margin: 5px 0 3px; border: 1px solid #B5CAD9; -moz-border-radius: 10px}

.fieldError {border-color: #CF7474 !important; background-color: #CF7474; color: #FFF}
p.fieldError {padding: 5px}
p.success {padding: 5px; border-color: #C7EFB3; background-color: #C7EFB3;}
.formData {text-align: center; margin: 10px 0}
.formData input {width: auto !important; -moz-border-radius: 8px; border: 1px solid #B5CAD9}
input, textarea {font-family: Tahoma; color: #4E575D; border: none; background: #C9D8E5; -moz-border-radius: 0 8px 8px 0; padding: 5px; width: 98%; font-size: 1em}

h1 {font-size: 2em}
h2 {font-size: 1.8em}
h3 {font-size: 1.5em}
h5 {font-size: 1.17em}
h6 {font-size: 0.83em}