/*
Author: George Poulos, www.abovethemezzanine.com

[Table Of Contents]
0- Reset
1- Global
2- Links
3- Headings
4- Header
5- Navigation
6- Middle
7- Forms
8- Extras
9- Footer
*/

/* =0 Reset */
@import url('reset.css');

/* =1 Global */
body { font: 62.5%/1.25 Helvetica, Arial, sans-serif; vertical-align: top; background: url(../images/bg-tile.gif); color: #000; }
#container { width: 975px; height: 100%; /*background: #DEDEDE;*/ margin: 38px auto 0 auto; position: relative; }
p { font-size: 1.2em; padding: 0 0 10px 0; }
.clearfix { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

/* =2 Links */
a:link, a:visited { font-size: 1.2em; color: #ec5919; text-decoration: underline; }
a:hover { font-size: 1.2em; color: #ec5919; text-decoration: none; }
a:active { font-size: 1.2em; color: #ec5919; text-decoration: underline; }

/* =3 Headings */
h1, h2, h3, h4, h5 {font-style:bold;}
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}

/* =4 Header */
#header { width: 975px; height: 73px; background: url(../images/header.png); }
#header h1 {text-indent: -9999px; }

/* =5 Navigation */
#navigation { width: 975px; height: 39px; background: url(../images/nav-bg.png); }

#menu { /*background: #9C1F1B; width: 975px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;*/ top: 0px; left: 0px; position: relative; z-index: 1000; }
#menu, #menu ul { float: left; list-style: none; line-height: 38px; margin: 0; padding: 0; /*width: 975px;*/ }
#menu a { display: block; color: #000000; text-decoration: none; text-transform: uppercase; padding: 0px 10px 0px 10px; }
#menu li { float: left; padding: 0; }
#menu ul { position: absolute; left: -999em; height: auto; width: 201px; font-weight: normal; margin: 0 0 0 -1px; line-height: 1; border: 0; border-top: 1px solid #656564; }
#menu li li { width: 199px; border-bottom: 1px solid #656564; border-left: 1px solid #656564; border-right: 1px solid #656564; font-family: Helvetica, Arial, sans-serif; }
#menu li li a { padding: 11px 10px 11px 10px; width: 180px; font-size: 12px; color: #000000; }
#menu li ul ul { margin: -21px 0 0 170px; }
#menu li li:hover { /*background: #585858;*/ color: #ffffff; }
#menu li ul li:hover a, #menu li ul li li:hover a, #menu li ul li li li:hover a, #menu li ul li li li:hover a { color: #ffffff; }
#menu li:hover a, #menu li.sfhover a { color: #ffffff; }
#menu li:hover li a, #menu li li:hover li a, #menu li li li:hover li a, #menu li li li li:hover li a { color: #ffffff; }
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul { left: -999em; }
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul { left: auto; background: #F05D18; }
#menu li:hover, #menu li.sfhover { background: #656564; }

/* =6 Middle */
#horizontal-bar-top { background: #005293 url("../images/horiz-border.png"); margin: 10px 0 0 0; padding: 0; width: 975px; height: 9px; }
#horizontal-bar { background: #005293 url("../images/horiz-border.png"); margin: 0; padding: 0; width: 975px; height: 9px; }
#main-wrapper { background: #005293; margin: 10px 0 0 0; width: 975px; height: 500px; }
#main { padding: 10px; }
#feature { background: #ffffff; float: left; height: 480px; width: 720px; margin: 0; padding: 0; }
#feature-content { background: #ffffff; float: left; height: 455px; width: 679px; margin: 15px 0 10px 0; padding: 0 20px 0 20px; border-right: 1px solid #97989b; }
#feature-content h2 { color: #0b5192; margin: 0 0 5px 0; }
#sidebar { background: #ffffff; float: left; height: 455px; width: 215px; padding: 15px 10px 10px 10px; }
#sidebar h2 { color: #0b5192; margin: 0 0 10px 0; }
#sidebar a { font-size: 1.0em; }
#main-internal-wrapper { background: #005293 url("../images/wrapper-bg.png") repeat-y; margin: 0; padding: 10px; width: 955px; }
#main-internal { padding: 0; }
#internal { position: relative; background: #ffffff; float: left; width: 720px; margin: 0; padding: 0; }
#internal-content { position: relative; background: #ffffff; float: left; width: 680px; margin: 15px 0 10px 0; padding: 0 20px 0 20px; }
#internal-content img { margin: 10px 0 0 0; }
#internal-content h2 { color: #0b5192; margin: 0 0 5px 0; }
#internal-sidebar { position: relative; background: #ffffff; float: left; width: 214px; padding: 15px 10px 10px 10px; border-left: 1px solid #97989b; }
#internal-sidebar h2 { color: #0b5192; margin: 0 0 10px 0; }
#internal-sidebar a { font-size: 1.0em; }

#col-1 { float:left; background: #FFFFFF; width: 210px; padding: 15px 20px 10px 0; }
#col-2 { float:left; background: #FFFFFF; width: 210px; padding: 15px 20px 10px 0; }
#col-3 { float:left; background: #FFFFFF; width: 210px; padding: 15px 0 10px 0; }
#col-1 a, #col-2 a, #col-3 a { font-size: 1.0em; }

#catalogue-image, #support-image { float: right; position: relative;}
#catalogue { float: left; margin: 15px 0 0 0; }
.catalogue-item { width: 330px; }
.cat-block { float: left; width: 25px; height: 25px; }
.catalogue-item a { line-height: 25px; padding: 0 0 0 5px; text-decoration: none; }
.date { color: #ec5919; margin: 5px 0 10px 0; }
.teaser { font-size: 1.0em; }
.map { margin: 10px 0 15px 0;  }
.disclaimer-list { font-size: 1.2em; list-style-type: decimal; padding: 0 0 10px 30px; } 

/* JCAROUSELLITE CSS */
/* buttons */
button, .Button  { cursor: pointer; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background-color: #ec5919; padding: 3px 10px 3px 10px; border: none; }
button:hover, .Button:hover { background-color: #000; }
button.prev {width: 16px; height: 16px; margin: 0; background: #ec5919 url("../images/carousel/prev-button.gif") no-repeat; padding: 0;}
button.next {width: 16px; height: 16px; margin: 0; background: #ec5919 url("../images/carousel/next-button.gif") no-repeat; padding: 0;}
button.prev:hover {background: #ee9f7b url("../images/carousel/prev-button.gif") no-repeat;}
button.next:hover {background: #ee9f7b url("../images/carousel/next-button.gif") no-repeat;}

/* =7 Form */
input.text { padding: 1px 2px 1px 2px; background: #FFFFFF; }
#search { float: right; width: 230px; padding-top: 7px; }
#search fieldset { border: none; }
#search #s { width: 130px; }
#search #x { width: 80px; }

form { margin: 0; padding: 0; display: inline; }
#contact-form { margin: 10px 0 20px 0; padding: 10px 0 0 0; color: #2E5189; background: #E5EBEB; float: left; width: 660px; }
#form-message {	margin: 10px 0 20px 0; padding: 10px 0 10px 20px; color: #444444; background: #E5EBEB; float: left; width: 640px; }
#form-message p { margin: 0 0 0 70px; }
#form-message img { float: left; }
#form-alert {	margin: 10px 0 20px 0; padding: 10px 0 10px 20px; color: #444444; background: #FFF6BF; float: left; width: 640px; }
#form-alert p { margin: 0 0 0 70px; }
#form-alert img { float: left; }
#contact-form fieldset { margin: 0; padding: 10px 0 0 0; border: none; background: #E5EBEB; float: left; display: inline; width: 310px; }		
#contact-form legend { display:none; }	
#contact-form p { margin: .5em 20px; }	
#contact-form label { display:block; }	
#contact-form input, #form4 textarea { width: 270px; border: 1px solid #dfdfdf; background: #fff; padding: 5px 3px; }		
#contact-form textarea {height: 180px; overflow: auto; }
#contact-form select { width: 270px; border: 1px solid #dfdfdf; background: #fff; padding: 4px 2px 4px 2px; }					
#contact-form p.submit { text-align: left; }	
#contact-form button{ height: 28px; line-height: 28px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #333; border-bottom: 1px solid #333; background: url(../images/form_button.gif) no-repeat; padding: 0 10px 0 25px; color: #2E5189; cursor: pointer; text-align: left; font-size: 11px; font-weight: bold; }		
#contact-form p.mandatory { color: red; }
.mandatory  { color: red; }

/* =8 Extra */
/* =9 Footer */
#footer { width: 975px; font-size: 0.9em;}
#footer a { font-size: 1.0em; text-decoration: none }
#footer a:hover { font-size: 1.0em; text-decoration: underline; }
#footer-contact { width: 960px; height: 66px; background: url(../images/footer-contact-bg.png); text-align: right; padding: 15px 15px 0 0; }
#footer-contact a { font-weight: bold; }
#footer-copyright { width: 975px; }
#footer-rights { display: inline; float: left; text-align: left; text-transform: uppercase; padding: 10px 0 0 0; }
#footer-links { display: inline; float: right; text-align: right; text-transform: uppercase; padding: 10px 0 0 0; }
#footer-links a { padding: 0 4px 0 4px; font-weight: bold; }