/* Author: Sonfisher Web Studios*/

body {
 background-color:#ffffff;
 font-family: arial, helvetica;
 font-size: 12px;
 margin: 0px !important;
 padding: 0px;
 text-align: left;
 }
.body {
 width: 770px;
 margin: 20px auto 20px auto;
 padding: 0px;
 } 
#header {
 background-color: white;
 height: 100px;
 margin: 5px auto 2px auto;
 padding: 0px;
 text-align: left;
 vertical-align: top;
 width: 770px;
 }
.logo {
 display: block;
 float: left;
 height: 90px;
 padding-top: 25px;
 width: 208px;
 }
#hbox {
 display: block;
 float:right;
 height: 90px;
 width: 500px;
 }
#hbox > address {
 display: block;
 float: left;
 height: 59px;
 margin: 4px 15px 4px 4px;
 text-align: center !important;
 width:45%;
 }
#google_xlate {
 float: left;
 display:block !important;
 height:30px;
 margin:0px;
 padding:5px;
 text-align:left;
 vertical-align: top;
 width:100%;
 }
p.ndx {
 color:#333333;
 font-family:arial;
 font-size:11px;
 font-weight:bold;
 margin-top:-6px;
 text-align:center;
 }
div.menu {
 background-image: url("../images/menuM.png");
 background-position:left;
 background-repeat: repeat-x;
 color: white;
 margin-top: 5px;
 margin-right: auto;
 margin-bottom: 2px;
 margin-left: auto;
 text-align: justify !important;
 width: 769px;
 }
div.menu img {
 vertical-align: middle;
 }
div.menu a {
 color: white;
 font-size: 11.3px;
 font-style: normal;
 font-weight: bold;
 line-height: 1.1em;
 margin-left: 1%;
 margin-right: 1%;
 text-decoration: none;
 vertical-align: middle;
 } 
div.menu a:hover {  text-decoration: underline; }
/* hover color REMOVED 2014 for compliance
div.menu a:hover.r { color:#ec4d68; }
div.menu a:hover.y { color:#f3dd46; }
div.menu a:hover.p { color:#cc9ccb; }
div.menu a:hover.t { color:#90ccd0; }
div.menu a:hover.b { color:#b8d3f0; }
div.menu a:hover.o { color:#feb53d; }
div.menu a:hover.g { color:#96d045; }
/* default color for current page 
div.menu a.rCur { color:#ec4d68; }
div.menu a.yCur { color:#f3dd46; }
div.menu a.pCur { color:#cc9ccb; }
div.menu a.tCur { color:#90ccd0; }
div.menu a.bCur { color:#b8d3f0; }
div.menu a.oCur { color:#feb53d; }
div.menu a.gCur { color:#96d045; }
*/
#navmap {
 float:right;
 margin-top: -320px;
 }
#containerO {
 background-color: white;
 margin-right: auto !important;
 margin-left: auto !important;
 width:770px !important;
 }
/* top, outermost curved border */
.b1, .b2, .b3, .b4{ font-size:1px; overflow:hidden; display:block; }
.b1 { height:1px; background-color:#d1dfec; margin:0 5px; padding: 0px; }
.b2 { height:1px; background-color:#d1dfec; margin:0 3px; padding: 0px; } 
.b3 { height:1px; background-color:#d1dfec; margin:0 2px; padding: 0px; }
.b4 { height:2px; background-color:#d1dfec; margin:0 1px; padding: 0px; }
#contentL {
 background-color:#d1dfec;
 margin-top: -10px;
 margin: 0px;
 padding: 0px 0px 0px 0px !important;
 } 
#lnote {
 background-image: url('../images/ccs_image04.jpg');
 background-repeat: no-repeat;
 font-size: 11px;
 font-weight: bold;
 height: 221px;
 padding: 8px 20px 7px 3px;
 width: 161px;
 }

/* bottom, outermost curved border */
.b5, .b6, .b7, .b8{font-size:1px; overflow:hidden; display:block;}
.b5 {height:1px; background-color:#d1dfec; margin:0 5px; padding: 0px;}
.b6 {height:1px; background-color:#d1dfec; margin:0 3px; padding: 0px;}
.b7 {height:1px; background-color:#d1dfec; margin:0 2px; padding: 0px;}
.b8 {height:2px; background-color:#d1dfec; margin:0 1px; padding: 0px;}
.contentb2 {
 background-color: #d1dfec; 
 padding: 0px;
 width: 700px; 
 }
.contentb2 div {
 margin-left: 0px; 
 padding: 0px;
 }
#contentI { 
 background-color: #d1dfec; 
/* float: right; */
 vertical-align: top;
 margin-top: -340px;
 margin-right: 5px;
 margin-bottom: 0px;
 margin-left: 161px;
 padding: 0px 0px 0px 0px !important;
 }

/* top, inner curved border */
.b1i, .b2i, .b3i, .b4i {font-size:1px; overflow:hidden; display:block;}
.b1i {height:1px; background-color:#f1f5fa; margin:0 5px; padding: 0px;}
.b2i {height:1px; background-color:#f1f5fa; margin:0 3px; padding: 0px;}
.b3i {height:1px; background-color:#f1f5fa; margin:0 2px; padding: 0px;}
.b4i {height:2px; background-color:#f1f5fa; margin:0 1px; padding: 0px;}
/* bottom, inner curved border */
.b5i, .b6i, .b7i, .b8i {font-size:1px; overflow:hidden; display:block;}
.b5i {height:1px; background-color:#f1f5fa; margin:0 5px; padding: 0px;}
.b6i {height:1px; background-color:#f1f5fa; margin:0 3px; padding: 0px;}
.b7i {height:1px; background-color:#f1f5fa; margin:0 2px; padding: 0px;}
.b8i {height:2px; background-color:#f1f5fa; margin:0 1px; padding: 0px;}
#contentI div {
 margin: 0px;
 padding: 5px;
 }
#content {
 background-color:#f1f5fa;
 color:#333333;
 font-family:arial;
 font-size:12px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: -100px;
 margin-left: 250px;
 min-height: 300px;
 padding: 5px;
 }
 
/* .text {
 width: 670px;
 text-align: left;
 margin: 0px;
 padding: 0px 0px;
 }
*/
#rside{
 background-color: #ffffff;
 border: solid #000000 1px 1px 1px 1px;
 color: #000000;
 float:right;
 height: auto;
 margin: 0px 5px 5px 5px;
 padding: 3px 3px 3px 3px;
 text-align: center;
 top: 0px;
 right: 10px;
 width: 190px;
 }

table#zlist1,#zlist2,#zlist3,#zlist4,#zlist5 { 
 background-color: #feb53d;
 font-size: small !important;
 font-weight: normal;
 margin: 5px 5px 5px 5px !important;
 text-align: left;
 }
table#zlist1,#zlist2,#zlist3,#zlist4,#zlist5 thead { 
 border: 3px solid #feb53d;
 margin: 0px;
 padding: 3px;
 }
 
table#zlist1,#zlist2,#zlist3,#zlist4,#zlist5 tbody { 
 background-color: white !important;
 margin: 0px;
 padding:0px; 
 }
tbody tr.odd { 
 background-color:#b8d3f0; 
 padding-right:3px; 
 padding-left:3px; 
 }
th.col-left {
 background-color: #feb53d;
 font-size: 1.02em;
 font-weight: bold;
 padding:3px; 
 text-align: left;
 vertical-align: bottom;
 } 
th.col-cen {
 background-color: #feb53d;
 font-size: 1.02em;
 font-weight: bold;
 padding:3px; 
 text-align: center;
 vertical-align: bottom;
 } 
th.col-right {
 background-color: #feb53d;
 font-size: 1.02em;
 font-weight: bold;
 padding:3px; 
 text-align: right;
 vertical-align: bottom;
 } 
td.col-left {
 padding: 2px 5px 2px 5px;
 text-align: left;
 vertical-align: top;
 } 
td.col-span {
 background-color: #70cbd0;
 border-bottom: 1px solid #cc3300;
 border-top: 1px solid #cc3300;
 font-weight: bold;
 padding: 2px 5px 2px 5px;
 text-align: left;
 vertical-align: bottom;
 } 
td.col-right {
 padding: 2px 5px 2px 5px;
 text-align: right;
 vertical-align: top;
 } 
td.col-cen {
 padding: 2px 5px 2px 5px;
 text-align: center;
 vertical-align: top;
 }
 
h1 {
 color:#342b65;
 font-family:arial;
 font-size:2.1em;
 font-weight: bold;
 line-height: 100%;
 margin: -3px 0px 0px 0px;
 text-align: left;
 }
 
h1.hdr {
 text-align: left;
 line-height: 5px;
 }
 
h2 {
 text-align: center;
 font-size: 22px;
 font-weight: bold;
 line-height: 100%;
 margin: 0px;
 padding: 15px 15px 15px 15px;
 }
 
h2.hdr {
 text-align: left;
 line-height: 5px;
 }
 
 .foot { /* just for the home page */
 border-top: #342b65 solid 2px;
 color: #342b65;
 font-family:arial;
 font-size:11px;
 margin: 0px auto 0px auto;
 padding: 10px 10px 10px 10px;
 text-align: center;
 width: 770px;
 }
 
 .footer {
 color: #342b65;
 font-family:arial;
 font-size:11px;
 margin: 0px auto 0px auto;
 padding: 10px 10px 10px 10px;
 text-align: center;
 width: 770px;
 }
 .foot p, .footer p {
 text-align: center;
 }
 
 .column {
 background-image:url("../images/featurebottom.jpg");
 background-position: bottom center;
 background-repeat:no-repeat;
 background-color: #fae8b8;
 width: 259px;
 height: 100%;
 text-align: left;
 float: left;
 border: none;
 margin: 0px 10px;
 padding: 0px;
 }
 
 .columntitle {
 background-image:url("../images/featureb.jpg");
 background-position: top center;
 background-repeat:no-repeat;
 background-color: #fae8b8;
 color: #ffffff;
 font-weight: bold;
 font-size: 20px;
 width: 259px;
 height: 45px;
 text-align: center;
 border: none;
 margin: 0px;
 padding: 10px 0px 0px 0px;
 }
 
 p.column {
 margin: 0px;
 padding: 0px 10px;
 text-indent: 0px;
 }
  
div.super {
 background-color: white;
 border: 1px #e6e6e6 solid;
 float: left;
 margin: 5px;
 padding: 5px;
 width: 115px;
 }
div.super img {
 position: relative;
 top: 2px;
 right: 2px;
 }

 .floatleft {
 float: left;
 margin: 0px 10px 10px 0px;
 padding: 0px;
 }
 
 .floatright {
 float: right;
 margin: 0px 0px 10px 10px;
 padding: 0px;
 }
 
 a:link           {color: #792309; text-decoration: underline; font-weight: normal; font-style: italic;}
 a:visited        {color: #792309; text-decoration: underline; font-weight: normal; font-style: italic;}
 a:hover          {color: #792309; text-decoration: none;      font-weight: normal; font-style: italic;}
 a:active         {color: #792309; text-decoration: underline; font-weight: normal; font-style: italic;}  
 
 a.mlink:link     {color: #ffffff; text-decoration: none; font-weight: bold; font-style: normal; padding: 7px;}
 a.mlink:visited  {color: #ffffff; text-decoration: none; font-weight: bold; font-style: normal; padding: 7px;}
 a.mlink:hover    {color: #fae8b8; text-decoration: none; font-weight: bold; font-style: normal; padding: 7px;}
 a.mlink:active   {color: #ffffff; text-decoration: none; font-weight: bold; font-style: normal; padding: 7px;}
 
#fsizer a:hover{
 float: right;
 margin-left: 3px;
 margin-right: 3px;
 margin-top: 3px;
 color: orange;
 }

 .strong {
 font-size: 16px;
 text-align: center;
 font-weight: bold;
 text-indent: 0cm;
 }

 .strong2 {
 font-size: 18px;
 text-align: center;
 font-weight: bold;
 text-indent: 0cm;
 }
 
 p {
 text-align: left;
 text-indent: 0cm;
 }

 p.ind {
 text-align: left;
 text-indent: 1cm;
 }

 p.center {
 text-align: center;
 text-indent: 0cm;
 }

 span.pop { 
 color: #e12a23;
 font-size: 135%; 
 font-weight: bold;
 float: none;
 padding-left: 0.2em;
 padding-right: 0.2em;
 }

 span.popt { 
 color: #e12a23;
 font-size: 135%; 
 font-weight: bold;
 float: none;
 padding-left: 0.4em;
 padding-right: 0.2em;
 }
 
 .ffield {
 font-size: 16px;
 font-weight: bold;
 text-align: left;
 text-indent: 0cm;
 }

 .r {
 color: red;
 font-size: 31px;
 font-weight: bold;
 line-height: 16px;
 margin: 0px;
 padding: 0px;
 vertical-align: bottom;
 }

blockquote {
 background-color: #d2f5fa;
 font-size: 0.95em;
 font-weight: normal;
 line-height: 1em;
 margin: 10px auto 10px auto;
 padding: 8px 8px 8px 8px;
 text-align: left;
 text-indent: 0em;
 }

 p.right {
 text-align: right;
 text-indent: 0cm;
 }

 p.plain {
 text-align: left;
 text-indent: 0cm;
 }

 img.center {
 border-width: 0px 0px 0px 0px;
 display: block; 
 margin-left: auto; 
 margin-right: auto;
 vertical-align: text-top; 
 }

 img.right {
 border-width: 0px 0px 0px 0px;
 float: right; 
 margin: 0px 0px 10px 10px;
 padding: 0px;
 vertical-align: text-top; 
 }

span.chocho {
 border-width: 0px 0px 0px 0px;
 display: block;
 float: left;
 margin: 2px 2px 5px 5px; 
 vertical-align: text-bottom;
 width: 185px; 
 }

 h3 {
 color: #342b65;
 font-size: 15px;
 font-weight: bold;
 line-height: 3px;
 text-align: left;
 }

 h4 {
 color: #3c83d2;
 font-size: 13px;
 font-weight: normal;
 font-style: italic;
 line-height: 13px;
 text-align: left;
 }

 h5 {
 color: #3c83d2;
 font-size: 13px;
 font-weight: normal;
 font-style: italic;
 line-height: 13px;
 text-align: left;
 }

 h6 {
 color: #3c83d2;
 font-size: 12px;
 font-weight: normal;
 font-style: italic;
 margin-bottom: 5px;
 margin-top: 15px;
 text-align: left;
 }
 
 .clr { 
 clear: both;
 line-height: 0px; 
 height: 0px;
 }