@import url(reset.css);

/* COLOUR */
/* grey:#333; blue:#004A92; yellow:#FFDC74 */

/* HTML */
html,body{font-family:Arial, Helvetica, sans-serif;background:#004A92 url(../images/layout/bg-body.png) top left repeat;color: #333333;}

h1,h2,h3{margin:0 0 10px 0;font-weight:600;color:#004A92}
h1{font-size:1.5em;}
h2{font-size:1.2em;color:#FFC924;}

a:link,a:visited,a:hover{color:#004A92;text-decoration:none;font-weight:600;}

ul,p{padding:0 0 10px 0;}

li ul{padding:10px 0 0 0;}

li{margin:0 0 5px 15px;}

img{border:0;}

strong{font-weight:800;}

table{width:100%;border-spacing:0;border-collapse:collapse;}

/* MAIN LAYOUT */
#container{padding:0 15px;margin:0 auto;width:930px;position:relative;background-color:#FDFEFE;}
#logo{padding:15px 0;height:92px;background:url(../images/layout/logo.png) center no-repeat;}
#log-in{margin:0 20px 15px 0; text-align:right;color:#004A92;font-weight:600;}
ul#navigation{padding:0;margin:0 0 15px 0;float:left;width:100%;background-color:#004A92;text-decoration:none;}
#top-content{margin:0 0 5px 0;padding:0 0 0 10px; height:280px;background:#FFDC74 url(../images/layout/bg-top-content.png) top left repeat-x;clear:both;text-align:center; font-weight:600;font-size:0.95em;clear:both;}
#content{padding:15px 0;width:930px;font-size:0.9em;background-color:#FDFEFE;}
#bottom-content{padding:0 0 20px 0;height:144px;clear:both;text-align:center;}
#footer{padding:10px;text-align:center;color:#FFF;font-size:0.75em;clear:both;}

/* NAVIGATION */
ul#navigation li{display: inline;list-style:none;}
ul#navigation li a{padding:0.67em 0.6em;float:left;color:#FFF;font-size:0.95em;font-weight:800;text-transform:uppercase;}

ul#navigation li a.home-navigation{padding:0.67em 0.6em 0.67em 30px; background:url(../images/icons/house_icon.png) 6px 0.6em no-repeat;}
ul#navigation li a.contact-navigation{padding:0.67em 0.6em 0.67em 30px; background:url(../images/icons/envelope_icon.png) 6px 0.8em no-repeat;}

ul#navigation li a:hover{background-color:#FFDC74;}

/* FORMS */
.input-text{padding:2px;width:150px;border-width:1px;border-style:solid;border-color:#666 #CCC #CCC #666;color:#666;background-color:#F6F6F6;font-size:1em; vertical-align:middle;}
.input-text-small{padding:2px;width:25px;border-width:1px;border-style:solid;border-color:#666 #CCC #CCC #666;color:#666;background-color:#F6F6F6;font-size:1em; vertical-align:middle;}
.input-select{padding:2px;height:auto;width:156px;border-width:1px;border-style:solid;border-color:#666 #CCC #CCC #666;color:#666;background-color:#F6F6F6;font-size:1em; vertical-align:middle;}
.input-select-auto{padding:2px;height:auto;border-width:1px;border-style:solid;border-color:#666 #CCC #CCC #666;color:#666;background-color:#F6F6F6;font-size:1em; vertical-align:middle;}
.input-checkbox{margin:0 5px;vertical-align:middle;}
.input-button{padding:3px 2px;margin:5px 0 0 0;border:1px solid #FFD146;color:#FFF;background:#FFD146 url(../images/layout/bg-button.png) center left repeat-x;display:inline-block;cursor:pointer; text-align:center;}

a.input-button {color:#FFF;}

label{float:left;width:170px; vertical-align:middle;}
.label-auto{width:auto;float:none;}

/* LINKS */
#footer a{color:#FFF;}

/* GENERAL */
.error{padding:0.5em;margin:0 0 10px 0;width:325px;clear:both;border:1px solid #CC0000;background-color:#F7DCCA;text-align:center;color:#CC0000; font-size:0.9em;}
.success{padding:0.5em;margin:0 0 10px 0;width:325px;clear:both;border:1px solid #69B92F;text-align:center;color:#69B92F;background-color:#C1F5AF;font-size:0.9em;}

.required{color:#004A92;font-weight:bold;}


.recaptchatable .recaptcha_image_cell, #recaptcha_table{border-color:#FFFFFF !important; width:30%;}
#recaptcha_response_field{padding:2px;border-width:1px;border-style:solid;border-color:#666 #CCC #CCC #666  !important;color:#666;background-color:#F6F6F6;font-size:1em;}

