/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 

html,body {
    margin: 0;
    padding: 0;
}

body {      
    font-family: arial, sans-serif;
    font-size:0.75em;
    text-align: center;
    color: #333;
    background-color: #f2e9dd;
    background-image: url('../images/body_bg.gif');
    background-repeat: repeat-x;
    background-position: top;
    line-height: 14px;
}
        
#container {
    width: 992px; 
    min-height:100%;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    background-image: url('../images/container_bg.gif');
    background-repeat: repeat-y;
    background-position: center;
}

/* commented backslash hack v2 \*/ 
* html #container {height:100%;}        
/* html #container {width:994px;w\idth:992px;}*/
/* end hack */ 

#innerwrap{
    width:100%;
    text-align: left;
    line-height: 1.5em;
}

#mainheader {
    position:absolute;
    left:0;
    top:0;
    height: 335px;
    width:100%;
    background-image: url(../images/mainheader_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    z-index:1;
}

* html #mainheader {height:335px;he\ight:335px}

#header {
    height: 303px;
    width:982px;
    margin: 0px auto;
    position:relative;
    z-index:2;
    overflow:hidden;
    line-height: 16px;
}

* html #header {height:303px;he\ight:303px}

#logocontainer {
    width: 280px;
    height: 81px;
    background-image: url(../images/header-logo.gif);
    background-repeat: no-repeat;
    background-position: center;
}

#breadcrumb{
    text-align: left;
    margin-left: 16px;
    margin-top: 3px;
    font-style: italic;
    color: #000;
}

#headerTop{
    text-align: left;
    padding: 10px 0px 0px 10px;
}

#topNav{
    float: right;
    width:600px;
}

#nav_1{
    float: right;
    width:257px;
    margin-right:16px;
    margin-left:30px;
}

* html #nav_1{
    margin-right:10px;
    margin-left:20px;
}

#nav_2{
    float: right;
}

#contrast_button_container{
    float: left;
}

#language_button_container{
    float: left;
}

#headerImage{
    background-repeat: no-repeat;
    background-position:center;
    width: 100%;
    height: 199px;
}

#headerTextBox {
    float: right;
    width: 265px;
    height: 134px;
    padding: 65px 15px 0px 15px;
    text-align: center;
}

#social_bar {
    background-image: url('../images/social-bar-bg_workshop.jpg');
    background-repeat: no-repeat;
    background-position: left;
    width: 235px;
    height: 46px;
    margin: 0px auto;
    padding-top: 15px;
}

#headerNav {
    width:978px;
    height: 32px;
    margin: 0px auto;
    padding:0px 0px;
    background-repeat: repeat-x;
    position:relative;
    z-index:2;
    line-height: 16px;
}

* html #headernav{height:32px;he\ight:32px}       

#left {
    float:left;
    width: 195px;
    padding:20px 10px 15px 16px;
    overflow: hidden;
}

#right {
    float:left;
    width: 195px;
    padding:20px 16px 15px 10px;
    overflow: hidden;
}

div.sidebarBox, div.csc-frame{
    border: 1px solid #bcbec1;
    background-color: #f1f1f1;
    background-repeat: repeat-x;
    background-position:top;
    margin-bottom: 25px;
}

div.sidebarBox div.boxHead, #left div.csc-frame h1, #right div.csc-frame h1{
    height:1.65em;
    padding: 2px 4%;
    margin: 0px;
}

#left div.csc-frame h1, #right div.csc-frame h1{
    margin-bottom: 10px;
}

#content {
    float:left;
    width: 530px;
    padding:20px 10px;
    line-height: 20px;
    overflow: hidden;
}

#footer {
    position:absolute;
    bottom:0;
    width:932px;
    height: 42px;
    padding: 5px 30px;
    background-image: url('../images/footer_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

* html #footer {height:42px;he\ight:42px;}

#clearfooter {height:52px;width:100%;clear:both}


/* *** text *** */
div,p {margin-top:0} /*clear top margin for mozilla*/

p,h1 {margin-bottom:1em}

#content ul li, #left ul li, #right ul li{
    margin-left:-15px;
    margin-bottom:5px;
}

#content h1{
    font-weight:normal;
    font-size:1.6em;
    line-height:135%;
    margin:20px 0px 10px 0px;
    padding:0px 0px 3px 0px;
}

#content h1.csc-firstHeader{
    font-weight:normal;
    font-size:1.8em;
    line-height:135%;
    margin:0px 0px 20px 0px;
    padding:3px 0px 3px 0px;
}

div.sidebarBox div.boxHead, #left div.csc-frame h1, #right div.csc-frame h1{
    font-weight: bold;
    font-style: italic;
    font-size: 1.0em;
    color: #516575;
}

#content h2{
    font-weight:bold;
    font-size:1.25em;
    line-height:135%;
    margin:0px 0px 10px 0px;
    padding:0px 0px 3px 0px;
}

#content h3{
    font-weight:bold;
    font-size:1.0em;
    line-height:135%;
    margin:0px 0px 10px 0px;
    padding:0px 0px 3px 0px;
}

#content h4, #content h5, #content h6{
    font-weight:bold;
    font-size:1.0em;
    line-height:135%;
    margin:0px 0px 10px 0px;
    padding:0px 0px 3px 0px;
}

.small {
    font-size:0.9em;
}

.align-left {
    text-align: left;	
}

.align-center {
    text-align:center;
}

.align-right {
    text-align:right;
}

.align-justify {
    text-align:justify;
}

#footer{
    font-size: 12px;
    line-height: 16px;	
}

.textzoom {
    padding: 0;
}

.textzoom h3 {
    float:left;
    font-size: 12px !important;
    font-weight: bold;
    margin: 4px 5px 2px 0 !important;
}

div.sidebarBox, #left div.csc-frame, #right div.csc-frame{
    padding: 0px 5px 10px 5px;
}

div.menu{
    padding: 0px 5px 0px 5px;
    border-bottom:none;
}

/* *** hyperlinks *** */
#content a:active, #content a:visited, #content a:link {
    text-decoration:underline;
}

#content a:hover{

}

#breadcrumb a:active, #breadcrumb a:visited, #breadcrumb a:link {
    text-decoration:underline;
    color:#000;
}

a img{
    border-width:0px;
}


/* *** menu *** */
ul.navlist{
    margin: 0px -5px;
    padding: 0px;
}

#left ul.navlist li{
    margin: 0px;
    padding: 0px;
}

ul.navlist li ul{
    margin: 0px;
    padding: 0px;
}

ul.navlist li, ul.navlist li ul li{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.navlist li a{
    display: block;
    width: 183px;
    min-height: 1.65em;
    padding: 2px 5px;
    border-bottom:1px solid #bcbec1;
    font-weight: bold;
    font-size: 1.0em;
    color:#2b3e4d;
    text-decoration: none;
    overflow: hidden;
}

ul.navlist li a:hover, ul.navlist li a.active{
    background-repeat: repeat;
    color: #FFF;
}

ul.navlist li ul li a{
    padding-left: 20px;
    width: 168px;
    font-size: 0.95em;
    background-image: url('../images/submenu_bg.gif');
    background-repeat: no-repeat;
    background-position: 5px center;
}

ul.navlist li ul li ul li a{
    padding-left: 25px;
    width: 163px;
    font-size: 0.95em;
    background-image: url('../images/submenu_bg.gif');
    background-repeat: no-repeat;
    background-position: 10px center;
}

#nav_2 a{
    display:block;
    float:left;
    height:1.2em;
    background-image: url("../images/nav_2_menu_bg.gif");
    background-repeat: repeat;
    border:1px solid #7eaacd;
    margin-right:10px;
    padding:0.3em 0.7em;
    color:#000;
    text-decoration:none;
}

#efa_bigger, #efa_reset, #efa_smaller{
    background-repeat: no-repeat;
    display: block;
    float:left;
    height: 19px;
    padding-top: 5px;
    text-decoration: none;
    color: #000;
    font-size: 12px;
}

#efa_bigger{
	width: 40px;
	padding-left: 27px;
    background-image: url("../images/textzoomin_button.gif");
}

#efa_reset{
	width: 44px;
    padding-left: 23px;
    background-image: url("../images/textzoomreset_button.gif");
}

#efa_smaller{
	width: 45px;
    padding-left: 22px;
    background-image: url("../images/textzoomout_button.gif");
}

#headerNav ul{
    margin: 0px;
    padding: 0px;
}

#headerNav ul li{
	list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 162px;
    border-right: 1px solid #494949;
}

#headerNav a{
    display: block;
    width: 100%;
    height: 22px;
    padding-top: 5px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

#last_top_nav{
   width: 163px !important;
   border-right: none !important;
}

#head_nav_1:hover{
    background-image: url("../images/head_nav_default_bg.gif");
    background-repeat: repeat-x;
}

#head_nav_2:hover{
    background-image: url("../images/head_nav_early_learning_bg.gif");
    background-repeat: repeat-x;
}

#head_nav_3:hover{
    background-image: url("../images/head_nav_school_bg.gif");
    background-repeat: repeat-x;
}

#head_nav_4:hover{
    background-image: url("../images/head_nav_day_care_bg.gif");
    background-repeat: repeat-x;
}

#head_nav_5:hover{
    background-image: url("../images/head_nav_workshop_bg.gif");
    background-repeat: repeat-x;
}

#head_nav_6:hover{
    background-image: url("../images/head_nav_living_bg.gif");
    background-repeat: repeat-x;
}


/* *** forms *** */
form{
    margin:0px;
    padding:0px;
}

input, textarea, select{
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    background-color:#EEE;
}

#left input, #left textarea, #left select, #right input, #right textarea, #right select{
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    background-color:#FFF;
}

input, textarea{
    text-indent:2px;
}

input.button, input.submit_button, .csc-mailform-submit{
    background-color: #CCC;
    color: #000;
    border: 1px solid #000;
    font-weight: bold;
    font-style:italic;
    font-size: 1.1em;
}

input.radio_field, input.checkbox_field{
    border: none;   
}


fieldset {
    display:block;
    border:1px solid #ccc;
    clear:both;
}
            
* html fieldset {padding: 10px;}
            
legend {
    background:#8DC0E8;
    color:#000;
    padding:4px;
    border:1px solid #00589C;
    border-right-width:2px;
    border-bottom-width:2px;
    margin-bottom:4px;
    font-weight:bold;
}

label {margin: 0px;}

.csc-mailform {

}

.csc-mailform-field label {
    width: 150px;
    display:block;
    float: left;
}

.csc-mailform-field input {

}

.csc-mailform-field {
    margin-bottom: 25px;
}

.csc-mailform-submit{
    float:right;
}

#searchform{
    padding:10px 0px 0px 0px;
}

#searchbox_sword{

}

#searchbox_submit{
    height:20px;
    width:30px;
    padding-bottom:5px;
}

/* *** misc *** */
table tr td {
    vertical-align: top;
}

.NoBorder{
    border:none;
}

hr{
    height: 1px;
    border: none;
    margin:15px auto;   
}


/* *** styles for extension "tx_veguestbook_pi1" *** */
    .tx-guestbook-list-table { border-style: solid; border-color: #000000; border-width: 1px; }
    .tx-guestbook-list-header { background-color: #00589C; color: #FFFFFF; font-weight:bold; }
    .tx-guestbook-list-row { background-color: #FFFFFF; }
    .tx-guestbook-list-rowleft { background-color: #EEEEEE; }
    .tx-guestbook-list-entrycomment-title {font-weight: bold; }
    .tx-guestbook-list-entrycomment { font-style: italic; }
    .tx-guestbook-list-small { font-size: 0.8em; color: #666666; }
    .tx-veguestbook-pi1-browsebox TD { font-size: 0.7em; color: #666666; }
    .tx-veguestbook-pi1-browsebox-strong, .tx-ttnews-browsebox-SCell { font-weight: bold; }
    .tx-veguestbook-pi1-browsebox-SCell { background-color: #EEEEEE; }
    .tx-guestbook-latest-header { background-color: #00589C; color: #FFFFFF; font-weight:bold; }
    .tx-guestbook-latest-row { background-color: #FFFFFF; }
    .tx-guestbook-latest-small { font-size: 0.7em; color: #666; }
    .tx-guestbook-form-inputfield-med { width:250px; }
    .tx-guestbook-form-inputfield-big {  width:250px; }
    .tx-guestbook-form-textarea { width:250px; }
    .tx-guestbook-form-obligationfield { color: #CC0000; }
    .tx-guestbook-form-error { color: #CC0000; }

/* *** styles for extension "tx_indexedsearch" *** */
    .tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
    .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; margin-top:10px; }
    .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
    .tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
    .tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
    .tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
    .tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
    .tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
    .tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }
    .tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
    .tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
    .tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
    .tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
    .tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
    .tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
    .tx-indexedsearch-res { clear:left;}
    .tx-indexedsearch-browsebox ul.browsebox {  margin:15px; padding:0px; }
    .tx-indexedsearch-browsebox ul.browsebox li { float: left; display: inline;	padding: 25px 10px; }

/* *** styles for "fe-loginbox" *** */
.tx-felogin-pi1 input{ margin-bottom:15px; }
.tx-felogin-pi1 p{ margin: 0px 0px 5px 0px !important; }

/* *** styles for "calendar extension" *** */
.calborder{
    width: 100%;
}

.cal_default_header_bullet, .cal_early_learning_header_bullet, .cal_school_header_bullet, .cal_day_care_header_bullet, .cal_workshop_header_bullet, .cal_living_header_bullet{
    visibility: hidden;
}

/* default */
.cal_default_header {
    color: #000;
}

span.cal_default_header_text, span.cal_default_header_text a, td.cal_default_body a{
    color:#00589c !important;
}

span.cal_default_header_text a:hover, td.cal_default_body a:hover{
    color: #FFF !important;
    background-color: #00589c !important;
}

td.cal_default_body{
    background-color:#8DC0E8 !important;
}

/* early learning */
.cal_early_learning_header {
    color: #000;
}

span.cal_early_learning_header_text, span.cal_early_learning_header_text a, td.cal_early_learning_body a{
    color:#d3661d !important;
}

span.cal_early_learning_header_text a:hover, td.cal_early_learning_body a:hover{
    color: #FFF !important;
    background-color: #d3661d !important;
}

td.cal_early_learning_body{
    background-color:#FCE9DC !important;
}

/* school */
.cal_school_header {
    color: #000;
}

span.cal_school_header_text, span.cal_school_header_text a, td.cal_school_body a{
    color:#30a005 !important;
}

span.cal_school_header_text a:hover, td.cal_school_body a:hover{
    color: #FFF !important;
    background-color: #30a005 !important;
}

td.cal_school_body{
    background-color:#DFF3D7 !important;
}

/* day care */
.cal_day_care_header {
    color: #000;
}

span.cal_day_care_header_text, span.cal_day_care_header_text a, td.cal_day_care_body a{
    color:#cf1d00 !important;
}

span.cal_day_care_header_text a:hover, td.cal_day_care_body a:hover{
    color: #FFF !important;
    background-color: #cf1d00 !important;
}

td.cal_day_care_body{
    background-color:#F6E4DE !important;
}

/* workshop */
.cal_workshop_header {
    color: #000;
}

span.cal_workshop_header_text, span.cal_workshop_header_text a, td.cal_workshop_body a{
    color:#d3720b !important;
}

span.cal_workshop_header_text a:hover, td.cal_workshop_body a:hover{
    color: #FFF !important;
    background-color: #d3720b !important;
}

td.cal_workshop_body{
    background-color:#FBF4DB !important;
}

/* living */
.cal_living_header {
    color: #000;
}

span.cal_living_header_text, span.cal_living_header_text a, td.cal_living_body a{
    color:#855c33 !important;
}

span.cal_living_header_text a:hover, td.cal_living_body a:hover{
    color: #FFF !important;
    background-color: #855c33 !important;
}

td.cal_living_body{
    background-color:#E7DACD !important;
}