/* ------------- general stuff -------------- */
* {/* set all margins/padding to 0 */
margin: 0;
padding: 0;
}

body { 
    font-size: 16px;
    font-size: 100.1%;
}
html {
    font-family: arial;
}

/* ------------- sane defaults -------------- */

html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
h1              { font-size: 1.5em; margin: .75em 0; color: #164451; }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 2.35em; margin-right: 2.35em }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 2.35em }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
    h1            { page-break-before: always }
    h1, h2, h3,
    h4, h5, h6    { page-break-after: avoid }
    ul, ol, dl    { page-break-before: avoid }
}

hr { 
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* ------------- header image -------------- */
img.left {
    margin-left:0.2em;
    margin-top:0.2em;
    /* width:13em; */
    float:left;
    border:0;
}
img.right {
    /*width:43em;*/
    float:right;
    border:0;
}
/* ------------- layout -------------- */

/* containers */
#containercontainercontainer {
    border: 0.1em solid #eeeeee;
    margin: 1em auto;
    width:60.30em;
    background:#cfcfcf;
    padding:0.1em;

}
#containercontainer {
    border: 0.05em solid #bbbbbb;
    background:#aaaaaa;
    padding:0.05em;
}

#container{
    width:60em;
    border:0.05em solid #999999;
    background-color: #ffffff;
}

/* content area*/
#content {
    padding:0.5em;
    font: 0.8em "Trebuchet MS", Verdana, Helvetica, sans-serif;
    border-left: 1px solid gray;
    /* min-height: 10em; */
    margin-top: 1.35em;
    margin-bottom: 0.5em;
    padding-left:1em;
}

#left{
    background-color: #ffffff;
    width:11.5em;
    float:left;
    padding-top:0.5em;
}

#main{
    background-color: #ffffff;
    float:left;
    width:35em;
    margin:0;
    padding:0;
}

#main_no_sidebar{
    background-color: #ffffff;
    float:left;
    width:48em;
}

#right{
    background-color: #ffffff;
    width:13em;
    float:left;
    padding-top:0.5em;
}

#header {
    background-color: #ffffff;
}

#footer {
    clear:both;
    background-color: #00ff00;
    width:60em;
}



#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#header{ display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#header{ display: block; }

/* ------------- menu: top -------------- */

#topmenu {
    width: 100%;
    background-color:#444;
    background-color:#B1C5C7;
    clear:both;
}

#topmenu ul {

    padding:0;
    margin:0;
}

#topmenu li {
    display:inline;

}
#topmenu ul li a {
    background-color:#B1C5C7;
    padding: 0.2em 1.3em 0.2em 1.3em;
    display:block;
    float:left;
    color:#28338A;
    text-decoration: none;
    font: 0.9em "Trebuchet MS", Verdana, Helvetica, sans-serif;
    background: white url(../img/bg0.gif) scroll repeat;

    border-bottom: 0.01em solid #89989C;
    border-right: 0.01em solid #89989C;
    border-top: 0.01em solid #DCE6E6;
    border-left: 0.01em solid #DCE6E6;
}

#topmenu ul li a:hover, #topmenu ul li.hi a {
    color:#28338A;
    background-color:#CEE2E4;
    background: white url(../img/bg1.gif) scroll repeat;
}


#topmenu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#topmenu{ display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#topmenu{ display: block; }

/* ------------- menu: left -------------- */

#leftmenu {
    margin:1em;
}

#leftmenu ul {
    margin:0;
}

#leftmenu li {
    margin:0;
    list-style-type:none;
    zoom:1; /* get rid of gap between menu elements in ie */
}

#leftmenu ul li a {
    zoom:1; /* get rid of gap between menu elements in ie */
    margin:0;
    display:block;
    border-bottom: 0.01em solid #89989C;
    border-right: 0.01em solid #89989C;
    border-top: 0.01em solid #DCE6E6;
    border-left: 0.01em solid #DCE6E6;
    padding: 0.1em 0em 0.1em 0em;

    background-color:#B1C5C7;
    color:#28338A;

    text-decoration: none;
    text-align:left;
	padding-left:0.5em;
    font: 0.9em "Trebuchet MS", Verdana, Helvetica, sans-serif;
    background: white url(../img/bg0.gif) scroll repeat;

}

#leftmenu ul li a:hover, #leftmenu ul li.hi a {
    border-bottom: 0.01em solid #A0B0B0;

    color:#28338A;
    background-color:#CEE2E4;
    background: white url(../img/bg1.gif) scroll repeat;
}

#leftmenu ul li.third, #leftmenu ul li.thirdhi {
	list-style-image: none;
}

#leftmenu ul li.third a:hover, #leftmenu ul li.thirdhi a {
    /* border-bottom: 0.01em solid #A0B0B0; */

    color:#28338A;
    background-color:#CEE2E4;
    background: white url(../img/bg1.gif) scroll repeat;
	font: 0.7em "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding-left:1.4em;
}
#leftmenu ul li.third a  { 
    zoom:1; /* get rid of gap between menu elements in ie */
    margin:0;
    display:block;
	
    border-bottom: 0.00em solid #89989C;
    border-right: 0.01em solid #89989C;
    border-top: 0.00em solid #DCE6E6;
    border-left: 0.01em solid #DCE6E6;
    padding: 0.1em 0em 0.1em 0em;

    background-color:#B1C5C7;
    color:#28338A;

    text-decoration: none;
    text-align:left;
	padding-left:1.4em;
    font: 0.7em "Trebuchet MS", Verdana, Helvetica, sans-serif;
    background: white url(../img/bg0.gif) scroll repeat;
}

/* ------------- menu: footer -------------- */

#footermenu {
    background-color:#444;
    background-color:#DDDDDD;
    clear:both;
}

#footermenu li {
    display:inline;

}

#footermenu ul {
    margin:0;
}
#footermenu ul li a {
    background-color:#DDDDDD;
    display:block;
    float:left;
    color:#28338A;
    text-decoration: none;
    padding: 0em 1.3em 0em 1.3em;
    font: .8em "Trebuchet MS", Verdana, Helvetica, sans-serif;
/*    background: white url(img/bg0.gif) scroll repeat; */

}

#footermenu ul li a:hover, #topmenu ul li.hi a {
    color:#28338A;
    background-color:#EEEEEE;
/*    background: white url(img/bg1.gif) scroll repeat; */
}


#footermenu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footermenu{ display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#footermenu{ display: block; }


/* ------------- all boxes ------------- */

.box {
    margin:1em;
    padding:0;
}

.box p {
    margin:0;
    padding:0;
}

.box_title {
    text-align:center;
    font-weight:bold;
    font-size:0.8em;
    padding: 0.1em 0em 0.1em 0em;
}

.box_content {
    font-size:0.8em;
    padding:0.5em;
}


/* ------------- orange box -------------- */
.orange_title {
    background-color:#f55113;
}

.orange_content {
    background-color:#ffcc99
}
/* ------------- blue box -------------- */
.blue_title {
    color:#ffffff;
    background-color:#164451;
}

.blue_content {
    background-color:#CFE4E6;
}

/* ------------- container for two colums -------------- */
.twocolcontainer {
}
.twoleftcolumn {
  width:48%;
  float:left;
  border-right:0.1em solid gray;
  padding-right:2%;
  margin-bottom:0.5em;
}
.tworightcolumn {
  width:48%;
  float:right;
}

hr {
  color:gray;
}

/* -------------------- css styled content stuff --------------- */

.csc-mailform {
  border:0;
}

.csc-mailform-field {
   clear: both;
   display: block;
   margin-bottom: 0.4em;
  margin-top: 0.4em;
   width: 100%;	
}

.csc-mailform legend {
   display: none;
}


.csc-mailform-field input, .csc-mailform-field select, .csc-mailform-field textarea {

   width: 12em;
}


.csc-mailform-field textarea {

   width: 16.7em;
}


.csc-mailform-field label {
   float: left;
   width: 10em;
}

.csc-mailform-radio fieldset{
   margin-left: 9.4em;
   width: 12em;
}

.csc-mailform-radio input, .csc-mailform-radio label {
   display: inline;
   float: left;
   margin-bottom: 0.3em;
}

.csc-mailform-field input.csc-mailform-radio,
.csc-mailform-field .csc-mailform-check {
   background: none;
   border: none;
   margin-right: 0.23em;
   width: 1.2em;
}

.csc-mailform-radio label, .csc-mailform-check label {
   text-align: left;
}


/*label {
  width:10em;
  float:left;
}

.csc-mailform {
  border:0;
}
.csc-mailform-check {
  width:100%;
  clear:both;
  
}
.csc-mailform-field {
width:100%;
}