/* generic */

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; color:#000; background:url(images/bg.jpg) 50% 0 repeat-y #f1f1f1;}
h1 {margin:0; padding:0; font-weight:normal; color:#006cb7;}
h2 {margin:0; padding:0; font-weight:normal; color:#006cb7;}
a {color:#006cb7; text-decoration:none;}

#print-header {display:none;}

/* structure */

#wrapper {float:left; margin:0; padding:0; width:100%; text-align:center;}
#ff-container {margin:auto; padding:0; width:800px; text-align:left;}
#container {float:left; margin:0; padding:0; width:800px;}
#header {float:left; margin:0; padding:0; width:100%; min-height:146px; background:url(images/logo.jpg) 0 48px no-repeat;}
#main-nav {float:left; margin:117px 0 0 0; padding:0; width:100%; background:url(images/main-nav-bg.jpg) 0 0 repeat-x; text-align:center;}
#main-nav ul {float:left; margin:0 0 0 620px; padding:0; width:auto;}
#main-nav li {float:left; margin:0; padding:0; width:auto; display:inline; border-right:1px solid #fff;}
#main-nav li.last {border-right:none;}
#main-nav li a {float:left; margin:0; padding:0 10px; color:#fff; text-decoration:none; font-size:1.2em; display:block; line-height:29px;}
#main-nav li a:hover {background:url(images/main-nav-hover-bg.jpg) 0 0 repeat-x;}
#content {float:left; margin:0; padding:0; width:100%;}

/* home */

#home-content-wrapper {float:left; margin:0; padding:0; width:100%; min-height:307px; background:url(images/home-content-bg.jpg) 0 0 repeat-x;}
#home-content-container {float:left; margin:0; padding:0; width:100%; min-height:307px; background:url(images/home-content-bg-2.jpg) 100% 0 no-repeat;}
#home-content {float:left; margin:28px 0 0 28px; padding:0; width:450px;}

/* subpage */

#content-left {float:left; margin:14px 0 0 14px; padding:0; width:530px;}
#content-right {float:left; margin:3px 0 0 0; padding:0; width:229px;}

#content-image {float:left; margin:0; padding:0 0 14px 0; width:100%;}

/* boxes */

.info-box {float:left; margin:11px 0 0 11px; padding:0; width:185px; min-height:163px; border:1px solid #d6d6d6;}
.info-box-content {float:left; margin:10px 0 0 10px; padding:0; width:97px;}
.info-box-content-extended {float:left; margin:20px 0 0 10px; padding:0; width:209px;}

.info-box-var {float:left; margin:11px 0 0 11px; padding:0; width:auto; min-height:163px; border:1px solid #d6d6d6;}

.master-plan {background:url(images/report-box-bg.jpg) 100% 0 no-repeat;}
.feedback {background:url(images/feedback-box-bg.jpg) 100% 0 no-repeat;}
.fi {background:url(images/fi-box-bg.jpg) 100% 0 no-repeat;}
.sea {background:url(images/sea-box-bg.jpg) 100% 0 no-repeat;}
.saa {background:url(images/saa-box-bg.jpg) 100% 0 no-repeat;}

/* feedback form */

ul.feedback-form {float:left; margin:10px 0 0 0; padding:0; width:100%;}
ul.feedback-form li {float:left; margin:0; padding:0 0 8px 0; width:100%; list-style-type:none;}
ul.feedback-form li label {float:left; margin:0; padding:0; width:100px;}
ul.feedback-form li select {float:left; margin:0; padding:2px; width:205px; font-size:1em; border:1px solid #d6d6d6;}
ul.feedback-form li input.text-box {float:left; margin:0; padding:2px; width:200px; font-size:1em; border:1px solid #d6d6d6;}
ul.feedback-form li input.text-box:hover {border:1px solid #006cb7;}
ul.feedback-form li input.submit {float:left; margin:0 0 0 100px; padding:0; width:auto;}
ul.feedback-form li textarea {float:left; margin:0; padding:2px; width:400px; height:100px; font-size:1em; font-family:Arial, Helvetica, sans-serif; border:1px solid #d6d6d6;}
ul.feedback-form li textarea:hover {border:1px solid #006cb7;}
ul.feedback-form li.mandatory {font-size:0.9em;}
ul.feedback-form li span {float:left; margin:8px 0 0 100px; padding:0; width:auto; clear:both;}
ul.feedback-form li span.alert {color:#ff0000;}

/* item templates */
.item-image-left, .item-image-right { float: left; width: 100%; }
.item-image-left img { float: left; margin: 0 0 10px 10px; border: 1px solid #d6d6d6;}
.item-image-right img { float: right; margin: 0 0 10px 10px; border: 1px solid #d6d6d6;}
.image-area { width: 170px; float: right; text-align: right; padding: 0 0 10px 0; }
.item-image-top { float: left; width: 100%; }
.image-bottom { float: left; width: 100%; }

.document-item { float:left; width: 510px; border: 1px solid #d6d6d6; margin-bottom: 15px; padding: 10px;}
.pdf-link { float: right; text-align:center; width: 110px; padding-left: 10px; }

#content-left table { width: 100%; border: 0; }
#content-left tr {vertical-align:top; }
#content-left td {background-color:#EEEEEE; border:1px solid white; padding: 4px;}

.img-desc { font-size:0.8em; text-align:center;}
.img-desc img { border: 1px solid #d6d6d6;}