/*  ===================================================================  */
/*  Copyright 2009. Created by Distinct Website Designs.            */
/*                Diane Dickler, Web Designer.                           */
/*  ===================================================================  */

a:link {
    background-color: transparent;
    color: #3300FF;
    font-weight: bold;
	text-decoration: underline;
}
a:visited {
    background-color: transparent;
    color: #9900FF;
    font-weight: bold;
	text-decoration: underline;
}
a:hover {
	background-color: transparent;
	color: #FF0033;
	font-weight: bold;
	text-decoration: underline;
}
a:active {
    background-color: transparent;
    color: #FF0033;
    font-weight: bold;
	text-decoration: underline;
}

body {
	background-color: #D7E2F7;
    background-image: url(images/new-side-header.jpg);  /*url(images/topright.jpg); */ 
    background-position: top right;
    background-repeat: no-repeat;
    font: 85% "trebuchet ms", "lucida sans", arial, sans-serif;
    color: #000000;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}
#container {
    width: 99%;
    margin: auto;
    background-image: url(images/logo.jpg);
    background-position: .5em left;
    background-repeat: no-repeat;
    line-height: 140%;
    /*font-family: "trebuchet ms", "lucida sans", arial, sans-serif;    */
    border: 2px solid #D7E2F7;    /*  keeps logo in upper left corner */
}
.breadcrumb {
    font-size: .75em;
   /* text-indent: 2%;  */
    color: #6F6F6F;
    margin: 0;
    padding: 0;                       /*   top right bottom left */
}

h1 {
    background-color: transparent;
    color: #000000;
    font-size: 2em;
	font-weight: bold;
	letter-spacing: 1px;
    text-align: center;
    line-height: 110%;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
}
h1.slideshow {
    background-color: transparent;
    color: #000000;
    font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
    text-align: left;
    line-height: 110%;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
}
h2 {
    background-color: transparent;
    color: #000;
	font-size: 1.5em;
	font-weight: bold;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
    margin: .5em 0em .5em 0em;
    padding: 0;
    line-height: 110%;
}
h3 {
    background-color: transparent;
    color: #757575;
	font-size: 1.50em;
	font-weight: bold;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
    margin: .5em 0em 0em 0em;
    padding: .5em 0em .5em 0em;
}
h4 {
    background-color: transparent;
    color: #868686;
	font-size: 1.25em;
	font-weight: bold;
    margin: .5em 0em 0em 1em;
    padding: 0;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
    font-style: italic;
}

.headline {
    background-color: transparent;
    color: #757575;
	font-size: 1.50em;
	font-weight: bold;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
    margin: .5em 0em 0em 0em;
    padding: .5em 0em 0em 0em;
}
.headline2 {
    background-color: transparent;
    color: #CC0033;
	font-size: 1.5em;
	font-weight: bold;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
    margin: .5em 0em 0em 0em;
    padding: .5em 0em 0em 0em;
    text-align: left;
}


/*   ******************************   */
/*            CENTER CONTENT          */
/*   ******************************   */
#ctrcontent {
    margin-left: 20%;
    margin-right: 20%;
    padding: 1em;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
   /* font-size: 1em;    */
    margin-top: 10%;
    color: #000000;
    line-height: 1.3em;
    background-color: transparent;
}
#ctrcontentfull {
    margin-left: 10%;
    margin-right: 10%;
    padding: 1em;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
   /* font-size: 1em;    */
    margin-top: 10%;
    color: #000000;
    line-height: 1.3em;
    background-color: transparent;
    /*border: 1px solid red;*/
}

#ctrcontentpic {
    background-image: url(images/liquid.jpg);
    background-repeat: no-repeat;
    background-position: 20% top;
    margin-left: 20%;
    margin-right: 22%;
    padding: .5em;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
   /* font-size: 1em;   */
    margin-top: 10%;
    color: #000000;
    line-height: 1.3em;
    background-color: transparent;
}
.ctrcontent-box-title-yellow {
   /*	clear: both;  */
	display: block;
	margin: .5em 0em 0em .5em;
    padding: .75em .75em .75em 0.75em;     /*  top right bottom left */
	background-color: #FFFFCC;
	font-weight: bold;
    font-size: 1.5em;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
	color: #990033;
    border: solid 0.1em #6B6B6B;
    text-align: center;
}


.ctrquote {
    font-size: 2.5em;
    padding: .25em;
    font-style: oblique;
    font-weight: bold;
    color: #A2A2A2;
    line-height: 100%;
    font-family: Georgia, "Times New Roman";
    font-stretch: expanded;
    text-align: center;
}

.ctrcontent-box-title-red {
   /*	clear: both;  */
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.25em 0.3em 0.25em 0.3em;
	background-color: rgb(255,176,176);
	font-weight: bold;
	color: rgb(50,50,50);
    border: solid 0.1em #6B6B6B;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
    font-size: 1.25em;
}
.snippet {
    border: black;
    border-style: dotted;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    padding: .5em;
    background: #FFFFFF;
    margin: 1em 0em 1em 0em;
    width: 100%;
    color:#3F3F3F;
    text-align: left;
    font-size: 1em;
    font-weight: normal;
    line-height: 120%;
}

#ctrcontent li {
    text-align: left;
    list-style-type: disc;
    list-style-position: outside;
    padding-bottom: .5em;
}
#ctrcontent li li {
    text-align: left;
    list-style-position: outside;
    padding-bottom: .5em;
    list-style-image: url(images/arrow.gif);
}

td, p {
    background-color: transparent;
    color:#000000;
    line-height: 125%;
}
.hdline {
    background-color: transparent;
    color: #757575;
	font-size: 1.5em;
	font-weight: bold;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
    margin: 0;
    padding: 0;
    font-style: italic;
}
.hdlineindnt {
    background-color: transparent;
    color: #757575;
	font-size: 1.5em;
	font-weight: bold;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
    margin-left: 5em;
    padding-left:5em;
    font-style: italic;
}
.adsies {
    text-align: center;
}
.leftadsies {
   text-align: center;
   float: left;
}



/*   ******************************   */
/*            LEFT CONTENT            */
/*   ******************************   */

#leftnav {
    width: 20%;
    margin-top: 14em;
    float: left;
    padding: .5em;
    background-color: transparent;

}
.lnav-box-red  {
    display: block;
    padding: 0;     /*  top right bottom left */
	background-color: #CC0033;
	font-weight: bold;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
	color: #FFFFFF;
    text-align: center;
    border: solid 0.1em #6B6B6B;
    width: 75%;
}
.lnav-box-brn  {
    display: block;
    margin: 1em 0 0 0;
    padding: 0.2em 0em 0.2em 0.3em;     /*  top right bottom left */
	background-color: #804040;
	font-weight: bold;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
	color: #FFFFFF;
    text-align: center;
    border: solid 0.1em #6B6B6B;
}

.lnav-title {
    display: block;
    margin: 0;
    padding: 6px;     /*  top right bottom left */
	background-color: #000;
	font-weight: bold;
    font-size: 14px;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
	color: #fff;            /* #626262; */
    text-align: center;
    border: solid 0.1em #6B6B6B;
}
.lnav-text {
    display: block;
    margin: 0;
    padding: 6px;     /*  top right bottom left */
	background-color: #FFDDE6;
	font-weight: bold;
    font-size: 12px;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
	color: #6363B1;            /* #626262; */
    text-align: left;
    border: solid 0.1em #6B6B6B;
}
.lnav-textbrn {
    display: block;
    margin: 0;
    padding: 6px;     /*  top right bottom left */
	background-color: #ECD9D9;
	font-weight: bold;
    font-size: 11px;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
	color: #6363B1;            /* #626262; */
    text-align: left;
    border: solid 0.1em #6B6B6B;
}

.lnav-itext {
    display: block;
    margin: 0;
    padding: 6px;     /*  top right bottom left */
	background-color: #FFDDE6;
	font-weight: bold;
    font-size: 10px;
    font-style: italic;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
	color: #626262;
    text-align: left;
    border: solid 0.1em #6B6B6B;
}



/*   ******************************   */
/*            RIGHT CONTENT          */
/*   ******************************   */

#rightnav {
    width: 18%;
    margin-top: 25em;
    float: right;
    padding: .5em;
    background-color: transparent;
    clear: right;

}
#rightnav li {
    margin: 0;
    padding: 0em 0em 0.5em 0em;
    list-style: disc outside;
}

.rnav-box-blue  {
    display: block;
    margin: 1em 0em 0em 0em;
    padding: 0.2em 0em 0.2em 0.3em;     /*  top right bottom left */
	background-color: #6699CC;
	font-weight: bold;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
	color: #F2F9FF;
    text-align: center;
    border: solid 0.1em #6B6B6B;
    font-size: 1em;
}
.minititle {
    text-align: left;
    font-size: 1em;
    color: #993300;
    font-weight: bold;
}


/*   ******************************   */
/*            TEXT FORMAT             */
/*   ******************************   */

p.line:first-letter {
    font-size: 300%;
    font-family: Georgia, "Times New Roman";
    color: #003366;
    font-weight: bold;

}
p.indent {
    /*text-indent: 1cm;*/
    margin: 2em;
    font-style: italic;
}
p.spc {
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
    font-size: 12px;
    font-style: oblique;
}
p.answer {
    margin: 0em 1em 0em 1em;
    padding: .5em;
}
p.notice {
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
    font-size: .85em;
  /*  font-style: italic;   */
    margin: .50em;
    text-align: center;
}
p.news {
    font-size: .85em;
    margin: 0;
    padding: .5em 0em 0.5em 0em;
    text-align: center;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    width: 75%;
}


p.inset {
    border-style: inset;
    padding: .5em;
    border-color:#7098E2;
    text-align: center;
    font-weight: bold;
    /*font-variant: small-caps; */
    font-size: 1.25em;
    background-color: #D7E2F7;
}
p.dashed {border-style: dashed; padding: .5em; border-color:#7DA2E6}
p.solid {border-style: solid;padding: .5em; border-color:#0070DF}
p.double {border-style: double; padding: 0em; font-size: .85em; border-color:#0070DF}
p.groove {border-style: groove; padding: .5em; border-color:#0070DF}
p.ridge {border-style: ridge; border-color:#0070DF}
p.inset {border-style: inset; padding: .5em; border-color:#0070DF}
p.outset {border-style: outset; padding: .5em; border-color:#0070DF}

.title  {
    background-color: transparent;
    color: #000000;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
}
/*   ******************************   */
/*            IMAGES                  */
/*   ******************************   */
.imgrightfade {
    border : none;
    float: right;
    padding: 3px;
    margin: 3px;
}
.imgleftfade {
    border : none;
    float: right;
    padding: 3px;
    margin: 3px;
}
.imgright {
    /*border : 2px solid #1d4389;*/
    float: right;
    padding: 3px;
    margin: 3px;
    border : none;
}
.imgleft {
     /*border : 2px solid #1d4389;*/            /* 2px solid #1D4389;   */
    float: left;
   padding: 3px;
    margin: 6px;
    border : none;
}
.imgleftr {
     border : none;
    float: left;
    padding: 0;
}

.imgctr {
    border: none;
    float: left;
    padding: .5em;
    margin-left: 2em;
}
.submit {
    border: none;
    float: left;
    padding: .5em;
    margin-left: 45%;
}



/*   ******************************   */
/*            BOTTOM CONTENT          */
/*   ******************************   */

#footer {
    clear: both;
    margin: 0em 0em 0em 0em;
    padding: .5em;
    border-top: 1.5px solid #000099;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: transparent;
    text-align: center;
    line-height: 120%;
}
#bottomnav {
    clear: both;
    margin: 0em 0em 0em 0em;
    padding: .5em .5em 1em .5em;
    font-family: "trebuchet ms", "lucida sans", arial, sans-serif;
    font-size: 11px;
    color: #868686;
    background-color: transparent;
    text-align: center;
    line-height: 120%;
}
#bottomnav a:link {
    background-color: transparent;
    color: #3300FF;
    font-weight: bold;
    text-decoration: none;
}
#bottomnav a:visited {
    background-color: transparent;
    color: #9900FF;
    font-weight: bold;
	text-decoration: none;
}
#bottomnav a:hover, a:active {
    background-color: transparent;
    color: #FF0033;
    font-weight: bold;
	text-decoration: none;
}


#place {
    background-color: transparent;
    float: right;
    padding: .5em;
}

.totop {
    font-size: 1em;
    text-align: right;
}



/*  *********************  */
/*      VERTICAL MENU      */
/*  *********************  */

#menu {
width: 14em;         /* 14em; */
background: #fff;    /*  #eee;  */

}

#menu ul,li {
list-style: none;
margin: 0;
padding: 0;

}

#menu a, #menu h5 {
font: bold 10px/12px "trebuchet ms", "lucida sans", arial, sans-serif;       /*  bold 12px/14px arial, helvetica, sans-serif;   */
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h5 {
color: #fff;
background: #000;
text-transform: uppercase;
    font-size: 12px;
}

#menu a {
color:#F5F8FA;     /* #d5dde8; */
background: #6699CC;      /*  #efefef  */
text-decoration: none;
}

#menu a:hover {
color: #EA0C00;
background: #000;
    font-weight: bold;
}

#menu li {position: relative;}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/*#menu a, #menu h2 {
font: bold 12px arial, helvetica, sans-serif;
}*/


/*body {
behavior: url(csshover2.htc);
}*/

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover2.htc);
font-size: 100%;
}
#menu ul li {
float: left;
width: 100%;
}
#menu ul li a {
height: 1%;
}

#menu a, #menu h5 {
font: bold 11px/14px "trebuchet ms", "lucida sans", arial, sans-serif;
}
</style>
<![endif]-->

/*     ***************************  style for forms   */
input, label    {
    margin: .5em;
    padding: .5em;
}

form.cmxform {
    width: 500px;
}


form.cmxform fieldset {
  margin-bottom: 5px;
  width: 500px;
/*  background-color: #8FAEE9;     */

}
                                                  /*  top right bottom left  */
form.cmxform legend {
  padding: 0px 2px 0px 2px;
  font-weight: bold;
  color: #006699;
}
form.cmxform label {
      display: block;                       /*  inline-block;     */
  line-height: 1.5em;
  vertical-align: top;
  padding-left: 6px;
}
form.cmxform fieldset ol {
  margin: 0px 3px 0px 3px;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding:  5px;
  margin: 0;
}

form.cmxform fieldset fieldset {
  border: none;
  margin: 3px;

}
form.cmxform fieldset fieldset legend {
  padding: 5px;
  font-weight: normal;

}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #FF0033;
}
form.cmxform label {
  width: 150px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}