@import url(reset.css);

/* COLOUR */
/* Dark Green:#5B9C28;Light Green:#E9F7DD;Light Blue:#8CB9DD;Dark Blue:#25567E */

/* HTML */
html,body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;color:#25567E; background:#DDEAF4 url(../images/layout/bg_body.png) top left repeat-x}

h1,h2,h3{padding:0 0 10px 0;font-weight:600;}

h1{font-size:1.2em;color:#5B9C28;}
h2{font-size:1em;color: #5B9C28;}
h3{font-size:0.95em;color:#25567E;text-align:center;}

a:link, a:visited{color:#5B9C28;text-decoration:none; font-weight:800;}
a:hover{color:#25567E;}

strong{font-weight:600;}

ol,ul{padding:0 0 10px 15px;font-size:0.9em;}

p{padding:0 0 10px 0;font-size:0.9em;}
td{vertical-align:top;font-size:0.9em;}

/* LAYOUT */
#container{padding:15px 0 0 0;margin:0 auto;width:948px;position:relative;}
#header{height:88px;background:url(../images/layout/bg_header.png) top left no-repeat;color:#FFF;}
#logo{padding:8px 0 0 0;margin:0 0 0 25px;height:70px;}
#navigation{padding:0 0 0px 10px;margin:0 0 0 5px;width:928px;height:24px;background:#25567E url(../images/layout/bg_navigation.png) top left no-repeat;clear:both;color:#FFF;}
#contentContainer{width:948px;float:left;background:url(../images/layout/bg_content.png) top center repeat-y;}
#contentLeft{padding:10px 10px 10px 15px;width:235px;float:left;}
#contentRight{padding:10px 20px 10px 10px;width:640px;float:right;}
#footer{padding:2px 0 0 0;height:29px;clear:both;background:url(../images/layout/bg_footer.png) top left no-repeat;text-align:center}

/* NAVIGATION */
#navigation{padding:0 0 0px 10px;margin:0 0 0 5px;width:928px;height:24px;background:#25567E url(../images/layout/bg_navigation.png) top left no-repeat;clear:both;color:#FFF;font-size:0.9em}
#navigation ul{padding:0;list-style: none;}
#navigation a{padding:3px 0 5px 0;font-weight:800;color:#FFF;text-decoration:none;display:block;}
#navigation a:hover{color:#25567E;}
#navigation li{margin:0 10px 0 10px;list-style:none;float:left;}

#navigation li ul{position:absolute;left:-999em;background-color:#E9F7DD;z-index:20;border-width:0 1px 1px 1px; border-style: solid; border-color:#5B9C28;}
#navigation li ul li{margin:0 10px; border-bottom:1px dashed #5B9C28;float:none;}
#navigation li ul a{color:#5B9C28;}
#navigation li:hover ul, #navigation li.sfhover ul{left:auto;z-index:20;backgroud-color:#5B9C28}

#navigation li ul li.lastList{border:none;}

/* FOOTER NAVIGATION */
#footer ul{list-style: none;}
#footer li{margin:0 0 5px 10px;list-style:none;display:inline;}

#footer a{padding:3px 0;font-size:0.8em;font-weight:800;color:#FFF;text-decoration:none;}
#footer a:hover{color:#25567E;}

/* SIDE-COLUMN */
.sideItem{padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px dashed #CCC;}
.sideItem p{padding:0 0 5px 0;}

/* IMAGES */
.sideImage{margin:0 10px 10px 10px;padding:3px;float:right;border:1px solid #8CB9DD;}

/* FORMS */
.inputText{padding:5px;height:20px;width:375px;background-color: #E1EEF2;border:1px solid #B3D5DF;color:#25567E;font-size:1em;}
.inputTextArea{padding:5px;height:150px;width:375px;background-color: #E1EEF2;border:1px solid #B3D5DF;color:#25567E;font-size:1em;font-family:Arial, Helvetica, sans-serif;}
.inputButton{border: #0067AC 1px solid; font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #ffffff; background-color: #1F6195;}

/* LINKS */
#jasweb a:link, #jasweb a:visited, #jasweb a:hover{text-align:right;color:#25567E;text-decoration:none;}
#jasweb{padding:0 10px 0 0;font-size:0.8em;text-align:right;}

/* FEEDBACK */
.feedbackName{font-size:1.1em;font-weight:800}
.feedbackDate{margin:0 0 10px 0;font-size:0.6em;}
.feedbackText{font-size:0.8em;text-align:justify;}
.feedback{padding:15px;margin:0 0 10px 0;background-color:#E1EEF2;border:1px solid #B3D5DF;text-shadow: 0 1px 0 #FFF;}

/* GENERAL */
.sideItem{padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px dashed #CCC;}
.sideItem p{padding:0 0 5px 0;}

#contentLeft h2{font-size:1.1em;color:#FF9900;text-align:center;}

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