body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }

/* ------------------- PAGE LAYOUT ------------------- */

#wrapper {
  background: #fff url(images/bg_wrapper.png) repeat-x 0% 0%;
  border: 2px solid #374758;
  font-size: 0.8em; 
  margin: 0px auto;
  overflow: hidden;
  padding-bottom: 5px;
  width: 960px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#header {
  background: url(images/bg_header.png) no-repeat right 3px;
  float: left;
  height: 203px;
  margin-top: -3px;
  width: 955px;
}

#content {
  float: left;
  margin: 20px;
  height: auto !important;
  height: 500px;
  min-height: 500px; /* Must be the same value as height */
  width: 920px;
}

#footer {
  background: #015a8c url(images/bg_footer.png) repeat-x 0% 0%;
  color: #fff;
  float: left;
  font-size: 85%;
  height: 20px;
  margin: 0 5px 0 5px;
  padding: 10px 0;
  text-align: center;
  width: 950px;
}

/* ------------------- NAVIGATION ------------------- */

#navbar {
float: left;
display: block;
  margin: 0;
  padding: 0;
  height: 1em; 
}

#navbar li { list-style: none; float: left; }

#navbar li a {
  background: url(images/menu_right.png) no-repeat top right;
  display: block;
  padding: 6px 10px;
  color: #00588a;
  text-decoration: none; 
}

#navbar a:hover { background-color: #00588a; color: #ffec01; }

#navbar li ul {
  border-left: 1px solid #00588a;
  border-right: 1px solid #00588a;
  display: none; 
  width: 12em; /* Width to help Opera out */
  background-color: #00588a;
}


#navbar li:hover ul, #navbar li.hover ul {
  display: block;
  position: absolute;
  margin: 0;
  padding: 0; 
  z-index: 1000;
}

#navbar li:hover li, #navbar li.hover li { float: none; }

#navbar li:hover li a, #navbar li.hover li a {
  background-image: none;
  background-color: #f4f9ff;
  border-bottom: 1px solid #00588a;
  color: #000; 
}

#navbar li li a:hover { background-color: #00588a; color: #ffec01; }

/* ------------------- SITE STYLES ------------------- */

body { 
	background-color: #3c81c4;
	font: normal 100%/1.1em Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0;
	padding: 18px 0;
}

h1, h2, h3, h4, h5, h6 { color: #00588a; line-height: normal; margin: 0 0 18px 0; }
h1 { font-size: 3em; font-style: italic; letter-spacing: -3px; margin-top: 18px; }
h2 { font-size: 2.3em; letter-spacing: -2px; text-transform: uppercase; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

p, ol, ul, table, form { margin-bottom: 18px; }

blockquote {
  color: #ec7f00;
  font-size: 1.3em;
  font-style: italic;
  letter-spacing: 1px;
  line-height: 1.2em;
  margin-left: 12px;
  text-indent: -10px;
}

ol { margin-left: 20px; }
ul { margin-left: 15px; }

*:first-child+html { margin-left: 25px; }
*:first-child+html { margin-left: 16px; }

hr { 
  width: 100%; 
  height: 1px; 
  color: #00588a; 
  border: none;
}

*:first-child+html hr { 
  margin: -9px 0 0 0; 
}

html>body hr { 
  margin: 9px 0;
  width: 100%; 
  height: 1px;
  background-color: #00588a; 
  border: none; 
}

*:first-child+html html>body hr { 
  margin: -9px 0 0 0;
}

a, a:link { color: #ec7f00; font-weight: bold; text-decoration: underline; }
a:hover { text-decoration: none; }
a:active, a:focus { outline: none; }

#footer a, #footer a:link { color: #ffec01; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

table {
  border-left: 1px solid #00588a;
  border-top: 1px solid #00588a;
  vertical-align: top;
  width: 100%;
}

td { border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 4px; }

td.stripe { background-color: #f4f9ff; }

th {
  background-color: #00588a;
  border-right: 1px solid #00588a;
  border-bottom: 1px solid #00588a;
  color: #fff;
  padding: 4px;
}

input, textarea { border: 1px solid #00588a; margin-bottom: 9px; padding: 4px; }
input:focus, textarea:focus { background-color: #f4f9ff; border: 2px solid #00588a; padding: 3px; }
*:first-child+html input:hover, *:first-child+html textarea:hover { background-color: #f4f9ff; border: 2px solid #00588a; padding: 3px; }

input { width: 200px; }

textarea {
	font: normal 1.2em Verdana, Arial, Helvetica, Sans-Serif;
	height: 200px;
	overflow: auto;
	width: 300px;
}

/* ------------------- CLASSES ------------------- */

.title1 {
  font-size: 56px;
  font-weight: bold;
  color: #c6ddf5;
  line-height: normal;
  letter-spacing: -4px;
  margin: 0px 0px 0px 0px;
  position: relative;
  padding: 10px 0 0 20px;
  text-transform: uppercase;
  z-index: 1;
}

.title2 {
  font-size: 56px;
  font-weight: bold;
  color: #6fb9ff;
  line-height: normal;
  letter-spacing: -4px;
  margin: -75px 0px 0px 2px;
  position: relative;
  padding: 10px 0 0 20px;
  text-transform: uppercase;
  z-index: 2;
}

.title3 {
  font-size: 56px;
  font-weight: bold;
  color: #374758;
  line-height: normal;
  letter-spacing: -4px;
  margin: -75px 0px 0px 4px;
  position: relative;
  padding: 10px 0 0 20px;
  text-transform: uppercase;
  z-index: 0;
}

.subtitle {
  font-size: 18px;
  font-weight: bold;
  color: #6fb9ff;
  line-height: normal;
  padding: 18px 0 0 10px;
}

/* IMAGE POPUP*/

a.screen, a.screen:visited {
   position: relative; 
   z-index: 1;
}

a.screen b {
   position: absolute;
   visibility: hidden;
   width: 500px;
   height: 0;
   border: 2px solid #00588a;
   left: 0;
   top: -11px;
}

*:first-child+html a.screen b { top: 2px; }

a.screen:hover b {
  visibility: visible;
  height: 375px;
  cursor: pointer;
  z-index: 500; 
}

a.screen:hover b img { border: 0; }

.button {
  background: #00588a url(images/bg_button.png) repeat-x 0% 0%;
  border: 1px solid #3c81c4;
  color: #00588a;
  font-weight: bold;
  padding: 4px 8px;
}

*:first-child+html .button {
  margin-right: 5px;
  padding: 2px 4px 0 4px;
}

.button:hover { 
  background-image: none;
  background-color: #00588A;
  border: 1px solid #00588A;
  color: #ffec01;
  cursor: pointer;
}

.floatLeft { float: left; }
.floatRight { float: right; }

img.floatLeft { float: left; margin: 3px 10px 0 0; }
img.floatRight { float: right; margin: 3px 0 0 10px; }

img.border { 
  border-top: 2px solid #b2d6ea;
  border-right: 2px solid #00588a;
  border-bottom: 2px solid #00588a;
  border-left: 2px solid #b2d6ea;
  padding: 4px; 
}

.thumb {
  height: auto;
  float: left;
  margin: 0 5px 10px 0;
  width: 100px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }