hr {display: none}

/**
 * Typography
 */

body {font-family: Verdana, Arial, Helvetica, sans-serif}
h1, h2, h3, h4, h5 {font-family: "trebuchet MS", Arial, sans-serif}
h2 {font-size: 159%}
h3 {font-size: 136%}
h4 {font-size: 122%}

#header #tagline {font-size: 92%}

#header #search {font-family: "trebuchet MS", Arial, sans-serif; font-weight: bold; text-align: center}
#header #search a {text-decoration: none}

#header #language {font-family: "trebuchet MS", Arial, sans-serif; font-weight: bold; text-align: center}
#header #language a {text-decoration: none}

#header #navigation ul li {font-family: "trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 100%; text-align: center}
#header #navigation ul li a {text-decoration: none}
#header #navigation ul li ul li {text-align: left; text-indent: 20px}
#header #navigation ul li ul li a:hover {text-decoration: underline}

#body #column1 #localnav h2 {font-size: 107%; text-align: center}
#body #column1 #localnav h2 a {text-decoration: none}
#body #column1 #localnav ul {font-family: "trebuchet MS", Arial, sans-serif; font-weight: bold}

#body #column2 #breadcrumb {font-size: 85%; text-align: right}

#footer {text-align: center; font-size: 92%}
#footer a {color: #333333}
#footer a:hover {color: #FF7F00}

/**
 * Colour and Background
 */

body {color: #333333; background: #E1EDC2 url(../images/page.gif) repeat}
#page_shadow {background: #FFFFFF url(../images/page_shadow.gif) repeat-y center}
#page {background: #FFFFFF url(../images/page_top.gif) no-repeat top center}
#page_inner {background: transparent url(../images/page_bottom.gif) no-repeat bottom center}

#header {background: #FFFFFF url(../images/header.gif) no-repeat}
#header #sitelogo {background: transparent url(../images/sitelogo.gif) no-repeat}
#header h1 {background: transparent url(../images/sitename.gif) no-repeat}

#header #search {background: transparent url(../images/search.gif) no-repeat top left}
#header #search a {color: #333333}
#header #search a:hover {color: #FF7F00}
#header #search #search_inner {background: transparent url(../images/search.gif) no-repeat bottom}

#header #language {background: transparent url(../images/language.gif) no-repeat top}
#header #language:hover, #header #language.hover {background-position: bottom}
#header #language a {color: #333333}
#header #language:hover a {color: #C7EAF5}

#header #navigation ul #nav_1 {background: transparent url(../images/nav.gif) no-repeat top}
#header #navigation ul #nav_2 {background: transparent url(../images/nav.gif) no-repeat top}
#header #navigation ul #nav_3 {background: transparent url(../images/nav3.gif) no-repeat top}
#header #navigation ul #nav_4 {background: transparent url(../images/nav2.gif) no-repeat top}
#header #navigation ul #nav_1:hover, #header #navigation ul #nav_1.hover {background-position: center}
#header #navigation ul #nav_2:hover, #header #navigation ul #nav_2.hover {background-position: center}
#header #navigation ul #nav_3:hover, #header #navigation ul #nav_3.hover {background-position: center}
#header #navigation ul #nav_4:hover, #header #navigation ul #nav_4.hover {background-position: center}
#header #navigation ul #nav_1.selected {background-position: bottom}
#header #navigation ul #nav_2.selected {background-position: bottom}
#header #navigation ul #nav_3.selected {background-position: bottom}
#header #navigation ul #nav_4.selected {background-position: bottom}
#header #navigation ul li a {color: #333333}
#header #navigation ul li a:hover {color: #FF7F00}
#header #navigation ul li ul li a:hover {color: #FF7F00}
#header #navigation ul li ul {background: transparent url(../images/nav_inner.gif) no-repeat bottom}
#header #navigation ul li ul li {background: transparent none}
#header #navigation ul li ul li:hover {background: transparent none}

#body #column1 #localnav h2 {background: transparent url(../images/column1.gif) no-repeat top; color: #333333}
#body #column1 #localnav h2 a {color: #333333}
#body #column1 #localnav ul {background: transparent url(../images/column1.gif) no-repeat bottom}
#body #column1 #localnav ul a {color: #666666}
#body #column1 #localnav ul a:hover {color: #FF7F00}
#body #column1 #localnav ul li ul {background: none}
#body #column1 #localnav ul li.selected a {color: #FF7F00}
#body #column1 #localnav ul li.selected ul li a {color: #666666}
#body #column1 #localnav ul li.selected ul li.selected a {color: #FF7F00}

#body #column2 #breadcrumb a {color: #666666}
#body #column2 #breadcrumb a:hover {color: #FF7F00}

/**
 * Structure
 */

#page_shadow {width: 810px; margin: 0px auto; padding: 0px}
#page {width: 770px; margin: 0px auto; padding: 0px}
#page_inner {width: 770px; margin: 0px; padding: 0px}

#header {width: 770px; height: 120px; margin: 0px; padding: 0px; position: relative}
#header #sitelogo {width: 120px; height: 120px; position: absolute; left: 0px; top: 0px}
#header #sitelogo a {width: 120px; height: 120px; display: block; text-indent: -200em; overflow: hidden}

#header h1 {width: 324px; height: 37px; margin: 0px; padding: 0px; position: absolute; left: 140px; top: 10px}
#header h1 a {width: 324px; height: 37px; display: block; text-indent: -200em; overflow: hidden}
#header #tagline {position: absolute; left: 140px; top: 50px}

#header #search {width: 90px; height: 24px; position: absolute; right: 20px; top: 20px}
#header #search a {line-height: 24px}
#header #search #search_inner {width: 180px; height: 24px; position: absolute; top: 0px; right: 0px; display: none}
#header #search:hover #search_inner, #header #search.hover #search_inner {display: block}

#header #language {width: 90px; height: 24px; position: absolute; right: 20px; top: 50px}
#header #language a {line-height: 24px}

#header #navigation {position: absolute; bottom: 6px; right: 20px}
#header #navigation ul li {margin: 0px 0px 0px 5px; padding: 0px; float: left; position: relative}
#header #navigation ul #nav_1 {width: 115px; height: 24px}
#header #navigation ul #nav_2 {width: 115px; height: 24px}
#header #navigation ul #nav_3 {width: 180px; height: 24px}
#header #navigation ul #nav_4 {width: 140px; height: 24px}
#header #navigation ul li a {line-height: 24px}
#header #navigation ul li ul {display: none}
#header #navigation ul li:hover ul, #header #navigation ul li.hover ul {display: block}
#header #navigation ul li ul {width: 180px; height: auto; position: absolute; left: 0px; top: 24px}
#header #navigation ul li ul li {width: 180px; height: 26px; margin: 0px; padding: 0px}
#header #navigation ul li ul li a {line-height: 26px}

#body #column2 #breadcrumb {width: auto; height: 20px; margin: 0px; padding: 0px}

#body {width: 770px; height: auto; margin: 0px auto; padding: 0px; position: relative}
#body #column1 {width: 200px; height: auto; margin: 0px; padding: 10px 0px 360px 0px; float: left}
#body #column2 {width: 550px; height: auto; margin: 0px; padding: 10px 15px 10px 0px; float: left}

#body #column1 #localnav h2 {width: 180px; height: 30px; margin: 0px; padding: 0px; line-height: 30px}
#body #column1 #localnav ul {width: 180px; height: auto; margin: 0px; padding: 5px 0px; text-indent: 1em}
#body #column1 #localnav ul li {margin: 0px; padding: 5px 0px}
#body #column1 #localnav ul li ul {margin: 0px; padding: 0px; text-indent: 2em}
#body #column1 #localnav ul li ul li {margin: 0px; padding: 2px 0px}

#footer {width: 770px; height: 80px; margin: 0px auto; padding: 20px 0px 0px 0px; clear: both}
#footer p {margin: 0px; padding: 0px}

/**
 * Form
 */

#search_form #search_field {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%}
#search_form #search_button {text-indent: -200em; overflow: hidden}
#search_form #search_field {background: transparent none; border: 0px none}
#search_form #search_button {background: transparent url(../images/search_button.gif); border: 0px none}
#search_form {display: block}
#search_form #search_field {width: 110px; height: 18px; position: absolute; top: 6px; left: 18px}
#search_form #search_button {width: 25px; height: 18px; position: absolute; top: 3px; left: 140px}


#survey_schedule_form .survey_schedule_table {width: 400px;}
#survey_schedule_form input.input_text {width: 210px}
#survey_schedule_form tr {height: 28px}
#survey_schedule_form td.label {width: 190px; text-align: left}
#survey_schedule_form .section_title { text-align:left; height:50px; border-bottom:2px groove black}
#survey_schedule_form .survey_schedule_class_time td {border: 1px groove black;  text-align:center; vertical-align:center}
#survey_schedule_form .survey_schedule_class_time_label {width: 100px}
#survey_schedule_form .survey_schedule_class_time_value {width: 210px}
#survey_schedule_form table.survey_schedule_class_time tr {height: 30px}
#survey_schedule_form .input_example {text-align:center; font-size: 80%}
#survey_schedule_form #comments {width: 500px; height: 300px}


#online_registration_form .online_registration_table {width: 410px;}
#online_registration_form input.input_text {width: 210px}
#online_registration_form input.input_text_short {width: 110px}
#online_registration_form tr {height: 28px}
#online_registration_form td.label {width: 190px; text-align: left}
#online_registration_form td.shortlabel {width: 50px; text-align: left}
#online_registration_form td.smalllabel {width: 140px; text-align: left; font-size: 75%}

div.warning
{
vertical-align: middle;
width: 90px; text-align: left; font-size:70%; color: #FF0000
}

/*#online_registration_form .warning {}*/
#online_registration_form .section_title { text-align:left; height:50px; border-bottom:2px groove black}
#online_registration_form .online_registration_class_time td {border: 1px groove black;  text-align:center; vertical-align:center}
#online_registration_form .online_registration_class_time_label {width: 100px}
#online_registration_form .online_registration_class_time_value {width: 210px}
#online_registration_form table.online_registration_class_time tr {height: 30px}
#online_registration_form .input_example {text-align:center; font-size: 70%}
/**
 * z-index
 */

#header {z-index: 2}
#body {z-index: 1}
#footer {z-index: 0}

/* Copyright Jeepu Studio jeepu.net */