@import url(reset.css);

/* HTML */
html,body{font-family: Arial, Helvetica, sans-serif; height:100%}

h1,h2,h3,h4{margin:0 0 10px 0;font-weight:800;clear:both; color:#333; font-family: Arial, Helvetica, sans-serif;}
h1{font-size:1.5em;}
h2{margin:0 0 10px 0;font-size:1.2em;}
h3{font-size:1.2em;}
h4{font-size:1em;color:#86B300}

a:link,a:visited,a:hover{color:#5F9E2A;text-decoration:none;}

strong{font-weight:800;}

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

li ul{margin:10px 0}

img{border:0;}

label{float:left;width:150px;}

input,select{vertical-align:middle;}

form{clear:both;}

table{padding:0 0 10px 0; margin:0 0 10px 0;width:100%;border:1px solid #333;border-spacing:0;border-collapse:collapse;}
th{padding:5px;background-color:#999;color:#FFF;font-weight:800;text-align:center;}
th.title{padding:5px 10px; background-color:#333; text-align:left;}
td{padding:15px 10px;border-bottom:1px solid #333;font-size:0.9em;text-align:center; vertical-align:middle}

/* MAIN LAYOUT */
#container{margin:0 auto;padding:0 8px; width:800px; background:url(../images/layout/container-background.png) top left repeat-y;}
/*a#logo{padding:10px;height:99px;width:384px;display:block; background:url(../images/layout/logo.png) center center no-repeat;text-indent:-9000px;}*/
.seperator{margin:10px 10px; border-top: #CCC 1px solid; clear:both;}
#top-image{width:800px; height:143px; background: url(../images/Thumbs/top-image.jpg)  center no-repeat;}
ul#navigation{padding:5px 10px; width:110px; text-decoration:none; display:block; float:left;}
#content{margin:0 0 10px 0;padding:0 10px 0 18px; width:635px; float:right; border-left:1px solid #CCC; color:#333;}
#content-top{clear:both;}
#content-large{width:410px; float:left; font-size:0.9em;}
#content-small{width:200px; float:right; text-align:center;}
#content-small img{padding:10px 0;}
#footer{padding:10px 10px 10px 10px; clear:both; text-align:center; font-size:0.8em; color: #333;}

/* NAVIGATION */
ul#navigation li{margin:0;padding:0;list-style:none;}
ul#navigation a{padding:5px;display:block;font-size:1em; color:#333;}
ul#navigation a:hover{background:#CCC; color:#FFF;}

ul#navigation li ul{margin:0;padding:0;}
ul#navigation li ul li{padding: 0 0 0 15px;font-size:0.9em;}

/* FRONT */
.front-link-container{padding:5px 3px 15px 0;width:155px; float:left;}
.front-link-container.first{padding:5px 3px 15px 0;}
.front-link-container.last{padding:15px 0;}

.front-link-container img{display:block;}

a.description, span.description{text-align:center; display:block; color:#000; line-height:25px; font-size:0.8em; text-align:center;}

/* FORMS */
.input-text{width:200px;border:1px solid #333;color:#333;}
.input-select{width:200px;border:1px solid #333;color:#333;}
.input-textarea{padding:5px;height:150px;width:250px;border:1px solid #333;color:#333;font-size:1.2em;font-family:Arial, Helvetica, sans-serif;}
.input-button{padding:3px .5em;width:auto !important;border:1px solid #5F9E2A;background-color:#5F9E2A;cursor:pointer; color:#FFF;font-weight:800;}
.required{color:#5F9E2A;}


/* GENERAL */
.error{padding:0.5em;margin:0 0 10px 0;width:50%; 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:50%; border:1px solid #69B92F;text-align:center;color:#69B92F;background-color:#C1F5AF;font-size:0.9em;}

.jasweb a{ color:green; font-size:10px;}
/*#footer a{color:#FFF;}*/
#map{margin:0 0 10px 0;height:350px;width:600px;}