body {  
    background-color:#FFF;
    color:#003c6c;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 0.8em;  
    margin: 0px;
    padding: 0px;
    height: 100%;
    
}


html,body {height: 100%;}

h1, h2, h3, h4, h5, h6 {font-weight: bold; margin: 0px 0px 0.5em 0px; padding: 0px}
h1 {font-size: 1.4em;} 
h2 {font-size: 1.2em; margin: 24px 0px 0px 0px;} 
h3 {font-size: 1.1em;}
h4 {font-size: 1.0em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;}

a { color:#78873A; text-decoration: none;} 
a:link { text-decoration: none;}
a:visited { color:#3399CC; }
a:hover { text-decoration: underline; color: #3399CC;} 
a:active { text-decoration: none;} 
a:visited:hover { text-decoration: underline; }

img, a img, :link img, :visited img {border: none;}

hr { border: none; background-color: #CCC; color: #CCC; height: 1px;}


#pagecontainer {
     position: relative;
     width: 678px;
     margin-right: auto;
     margin-left: auto;
     text-align: left;
     background-color: #FFF;
}

#header { margin-top: 10px }

.usermenu { position: absolute; height: 20px; top: 0px; right: 12px; color: #666;}
.usermenu a { text-decoration: none; color: #666}
.usermenu a:hover { color: #006; text-decoration: underline; }
.usermenu a:visited { color: #666; }
.usermenu a:visited:hover { text-decoration: underline; color: #06F;}
.usermenu img{ position: relative; top: 4px; } 

#homelink { position: absolute; top: 28px; right: 12px; font-size: 0.85em; }
#homelink img { vertical-align: -2px;}

#mainnav { margin-bottom: 12px; }

.mainnavseparator {color: #CCC; padding-top: 4px;}

#pagetitle h1{ font-weight:normal; font-size: 1.4em; color: #000066; margin: 0px; padding: 0px 0px 14px 0px; }

#contentcontainer {
border-left: 0px solid #CDCD78; border-bottom: 0px solid #CDCD78;
padding: 0px 12px 0px 0px; margin: 0px; border-right: 160px solid #78873A; }

.pageimage { float: right; margin-right: 12px;}


#contentcontainer ul { margin: 5px; padding: 0px 0px 0px 10px; }




#homecontainer { padding: 0px; margin: 0px;  }

#homewelcome {width: 500px; height: 240px; border: 1px solid #7A9DD5; background: url('/images/template/Tree160.jpg') repeat-y 100% -100px;}

#homewelcomecontent {margin: 6px 166px 6px 6px; }

#homefeature {width: 500px; height: 128px; border: 1px solid #7A9DD5; background: url('/images/template/Flower.jpg') repeat-y top right; margin-top: 12px; }

#homefeaturecontent {margin: 6px 166px 6px 6px;  }

#homesearchandnews {width: 160px; height: 302px; float: right;}

#homecontainer #searchpanel { color: #003c6c; border: 1px solid #7A9DD5; background-color: #FFF;}

#homecontainer #news { height: 312px; color: #003c6c; border: 1px solid #7A9DD5; background-color: #FFF; margin-top: 12px;}


#news { background-color: #CDCD78; color: #265221; padding: 6px; line-height: 110%;}
.newstitle {font-size: 1.1em;}
.newsdate {font-size: 0.9em; color: #9b7e0f; margin: 3px 0px 0px 0px;}
.newstext { margin: 6px 0px 6px 0px;}

#homecontainer .newstext {color: #265221; }
#homecontainer .newsdate {color: #003A6B; }



#sidepanel { float: right; background-color: #78873A; width: 160px; }
#sidepanel img {border-bottom: 6px solid white; vertical-align:top;}


#searchpanel {color: #FFFFFF; background-color: #6A92D7; padding-bottom: 8px; margin: 0px; border-bottom: 8px solid #FFF; width: 160px;}


#searchpanel h2 { font-size: 1.2em; font-weight:bold; padding: 4px 0px 0px 6px; margin: 0px; }
#searchpanel form { margin: 4px 0px 0px 0px; padding: 0px;}
#searchtext { font-size: 1em; background-color:#FFFFFF; color: #000000; margin: 0px 0px 0px 6px;}
#searchpanel img {border: none; position: relative; top: 6px;}

.motto {margin: 18px 0px 4px 0px; padding: 6px; line-height: 120%;}
.motto1 {font-size: 2em; font-weight:bold; margin: 0px;}
.motto2 {font-size: 1em; font-weight:bold; color: #cdcd78; margin: 0px 0px 0px 28px;}
.motto3 {font-size: 1.7em; font-weight:normal; color: #DFDFA8; margin: 0px 0px 0px 16px;}


#footer { margin: 12px 0px 8px 0px; font-size: 90%;}
#footer p {margin: 0px 0px 6px 0px; padding: 0px; color: #48484a;}
#footer hr { border: none 0; background-color: #fff; color: #fff; border-top: 3px double #97a8bc; width: 100%; height: 3px; margin: 12px 0px 0px 0px; text-align: left;}

#copyright {color: #4c7698; margin: 9px 0px 0px 0px; padding: 0px; }
#copyright p {margin: 0px; padding: 0px; color: #4c7698;}

#auxmenu { float: right; margin: 8px; padding: 0px; width: 300px; color: #717071;}
#auxmenu a { color:#717071; }
#auxmenu ul {margin: 0px; padding: 0px; text-align:right;}
#auxmenu ul li { display:inline; list-style-type: none; padding: 8px; text-align:right; }

.clearboth {clear:both; }

#addnewpageblock { margin: 12px 0px 12px 0px; }

.PersonTypeListHeading {margin-top: 22px;}

img.PhotoBorder {border: 1px solid #000;}



.accesskey {text-decoration: underline;}

.mandat, .mandat label {color: #39C; }
.mandat input {background-color: #D3f0ff; }

fieldset {border: 1px solid #CCC; margin: 12px 0px;}
fieldset legend { border: 1px solid #CCC; padding: 2px 4px 2px 4px; }
fieldset h4 {margin: 6px 0px 2px 0px;}
fieldset p {margin: 0px 0px 12px 0px;}
fieldset br { display: none;}

input, textarea {margin: 0px 0px 4px 0px;}

.checkbox { margin: 2px 0px 2px 0px;}

.checkbox label { width: auto; float: none; text-align: left;}
.checkbox input { float: left; margin: 2px 6px 2px 6px;}

.radiobutton { margin: 6px 0px 2px 0px;}
.radiobutton input { margin: 2px 6px 2px 6px;}

.removed {display: none;} /*Removed from view*/

.layout1 input {}
.layout1 label, layout1 textarea {float: left; margin-right: 4px; width: 6em; text-align: right;}

.layout2 { display: inline; margin-left: 12px;}