/* Start of CMSMS style sheet 'esaccss' */
body{
background:#A79B91;
margin:0;
font: 10pt/14pt verdana, arial, helvetica, sans-serif;
}


/* This is where you choose the big logo on top */

#header{ 
background:url(images/cms/bannercms.jpg) no-repeat transparent top left;
background-repeat: no-repeat;
background-color: #fff;
background-position: left top;
/* width:673px; height:277px;*/
height: 177px;
margin-left:11px;
margin-right:11px;
border-top: 1px #009900 solid;
border-bottom: 1px #385C72 solid;
}

/* To make banner picture link to home page */
#header a {
display: block;
height: 177px;
width:929px;
text-decoration:none;
}

#header a span {
visibility: hidden;
}
/* END - To make banner picture link to home page */


/* End of This is where you choose the big logo on top */


/* this is the background picture of the content-window */

#pagewrapper{
width:951px;
margin-left:auto;
margin-right:auto;
background:url(images/cms/bg.gif) #FFFFFF; 
border:0;
}

/* End of the background picture of the content-window */ 





#navlist li a:link { color: #FFFFFF; }

#navlist li a:visited { color: #ACCBE2; }

#navlist li a:hover {color:#A79B91; }


/* <- Start of All diffrent header layouts -> */ 


h2 {
color:#3366FF;
font-size:18px;
font-weight:bold;
}

h3 {
color:#B51F37;
font-size:12px;
}

h5{
font-size:12px;
font-weight:bold;
color: #4D80B9;
letter-spacing:.5px;
font-style:normal;
text-align: right;
}

/* <- End of All diffrent header layouts -> */ 


#content{

width:auto;
margin-left:30px;
margin-right:30px;
padding:9px;
text-align:justify;
font: 8pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
color:#333333;
float:none;
}


#footer{

clear:both;
width:913px;
margin-top:25px;
margin-left:11px;
margin-right:auto;
background:#4D80B9;
padding:8px;
text-align: center;
font: 8pt/10pt verdana, arial, helvetica, sans-serif; 
color:#ffffff;
font-weight: bold;
border-top: 1px #385C72 solid;
border-bottom: 1px #385C72 solid;
}

#footer a:link{color:#ffffff; text-decoration:none; }

#footer a:hover{color:#ffffff; }


/*ESAC original css */

.footer {
clear:both;
position:relative;
width:780px;
margin:0;
padding: 0;
background:#ffffff;
font-size:8pt;
text-align:center;
border-top:1px solid #9EB874;
}

/*    *html body #footer{margin:10px 0 0 0;}  */

div#flat{clear:both;width:66%;height:38px;margin:10px 0 20px;padding:0px}
div.left49 {float:left;width: 70%;}
div.right49 {float:right;width: 15%;text-align: right;}
div.left49 p{margin:0px 0px; padding:0px}
div.right49 p{margin:0px; padding:0px}

div.normal {
border:1px solid #808000;
width:220px;
margin: 0px 10px 0px 10px;
}

div.quoteright {
border:1px solid #FF8C00;
width:35%;
float:right;
margin: 0px 10px 0px 10px;
}

div.quoterightcol {
border:1px solid #FF8C00;
float:right;
margin: 10px 10px 0px 10px;
}

div.head {
text-align:center;
font-size: 12pt; 
font-weight:bold;
color:#FFF;
background: #ff8c00;
}

div.text {
text-align: justify; 
padding: 10px;
background-color:#FFE;
line-height:12pt;
}

div.left {
float:left;
width:40%;
margin:0px;
padding:0px;
text-align: left;
}

div.right {
float:right;
width:40%;
margin:0px;
padding:0px;
text-align: right;
}

blockquote {
border : 2px solid #000;
width: 200px;
float: right;
margin: 0px;
padding: 10px;
background-color: #eee;
}

blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }


/******* links *******/

a {
color:#4052e2;
text-decoration:underline;
}

a:hover {
color:#5972e2;
text-decoration:none;
}


#news a:hover {
color:#E39243;
text-decoration:none;
}

#footer a {
color:#9EB874;
text-decoration:none;
}

#footer a:hover {
color:#4F6C1F;
text-decoration:none;
}


/******* fonts and colors *******/

.breadcrumbs {
margin-left:30px;
}

.header strong {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:13pt;
letter-spacing:.7em;
}

.news_title {
font-family:Arial, Helvetica, sans-serif;
color:#65764B;
font-size:10pt;
font-weight:bold;
}

.page_title {
font-family:Arial, Helvetica, sans-serif;
color:#697D55;
font-size:10pt;
font-weight:bold;
padding: 0 0 0 0;
margin: 0 0 -8px 0;
}

.program {
font-family:Arial, Helvetica, sans-serif;
color:#CC3333;
font-size:14px;
font-weight:bold;
text-align:center;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
}

.blue {
color:#000080;
font-weight:bold;
}

.red {
color:#cc3333;
font-weight:bold;
}

.question {
color:#003366;
font-weight:bold;
}

/******* images *******/

img {
border:none;
}

.frame {
padding:10px 10px 10px 10px;
border:1px solid #BBB;
background:#F3F3F3;
}

.frameLeft {
padding:10px 10px 10px 10px;
border:1px solid #BBB;
background:#F3F3F3;
float:left;
margin:5px 10px 0px 0px;
}

.frameRight {
padding:10px 10px 10px 10px;
border:1px solid #BBB;
background:#F3F3F3;
float:right;
margin:5px 0px 0px 10px;
}

.frameCenter {
display:block; /*images must be set to block in order use auto margins*/
margin:0 auto; /*centers images in most browsers*/
text-align:center; /*centers images in older browsers*/
padding:10px 10px 10px 10px;
border:1px solid #BBB;
background:#F3F3F3;
}

.right {
float:right;
margin:5px 5px 5px 5px;
}

.rightcol {
margin:5px 5px 5px 5px;
text-align: center;
border:0px solid #ccc;
}

.rightcolmain {
margin:5px 5px 5px 5px;
background-color: #fff;
border: 1px solid #eee;
width:220px;
float:right;
text-align: center;
}

.center {
text-align: center;
}

/********* DIVs ***********/
.divleft {
float:left;
width:20%;
}

.divright {
margin-left:10px;
width:20%
}

.paypal {
border:2px solid #3366FF;
float: left;
height:150px;
margin:10px;
padding:10px;
width:19%;
text-align:center;
}

div.testimonialDark {
background-color:#ebebeb;
padding:5px;
margin:5px;
color:#552244;
}

div.testimonialLight {
background-color:#f8f8ed;
padding:5px;
margin:5px;
}

div.funRight {
width:45%;
float:right;
background:#FBE4A5;
padding:10px;
height:100%;
margin-left: auto;
margin-right: auto;
display:block;
margin:5px;
clear:right;
text-align:center;
}

div.funLeft {
width:45%;
float:left;
background:#E8AB04;
padding:10px;
color:#FFFFFF;
height:100%;
margin-left: auto;
margin-right: auto;
display:block;
margin:5px;
clear:left;
text-align:center;
}

img.fun {
margin-left: auto;
margin-right: auto;
display:block;
padding:10px 10px 10px 10px;
border:1px solid #BBB;
background:#F3F3F3;
}

div.spacer {
  clear: both;
  }


/******* lists ******/
.arrows{
list-style-image: url(arrows.png); 
}

.yellow{
list-style-image: url(bullet.gif); 
}

.cross{
list-style-image: url(bullet1.png); 
}

/* li {padding-bottom: 5px; font-size:9pt;} */

/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}



/******** FormBuilder Form Styles *********/

/******* Application form *******/
table.appform {
background-color:#F9F9F9;
width:80%;
}

table.appform td.bold {
background-color:#E9E9E9;
}

table.appform tr.name {
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #DDDDDD;
}

/******** Contact form ********/
.contactform fieldset {
padding: 1em; background-color: #eee;
} 

.contactform fieldset legend {
font-weight: bold;
} 

.contactform div {
width: 100%; padding: 0.25em 0 0.25em 0;
} 

.contactform div label {
display: block; width: 15em;
} 

.contactform div.required {
color: #f00;
}

/******** Nominate form*************/

.formb fieldset {
padding: 1em; font:80%;
}

.formb fieldset legend {
font-weight: bold;
color:#336633;
}

.formb div {
padding: 0.25em 0 0.25em 0;
}

.formb label {
float:left; 
width:18%; 
margin-right:0.5em; 
padding-top:0.2em; 
text-align:right; 
font-weight:bold;
}


/********* End of nominate form************/


/****** Top small menu ******/

#topSmallMenu {
text-align: right;
font-size:12px;
background-color: #6CC417;
height:22px;
margin-left:11px;
margin-right:11px;
padding-right:15px;
padding-top:2px;
}

#topSmallMenu a {
color:#fff;
text-decoration:none;
font-weight:bold;
}

#topSmallMenu a:hover {
color:yellow;
text-decoration:underline;
font-weight:bold;
}

div.quoteDark {
color:#666666;
font-weight:bold;
}


******* UNUSED CODE ***********


#navcontainer{
background:#4D80B9; 
width:933px;
margin-top:-20px;
margin-left:8px;
}
#navlist li{
display: inline;
list-style-type: none;
padding-right: 20px;
text-align: right;
}
#navlist li a{
padding: 0.25em 0.5em 0.25em 0.75em;
text-decoration: none;
}
h1{
font-size:20px;
font-weight:bold;
color: #4D80B9;
letter-spacing:.5px;
font-style:normal;
text-align: right;
}


h4{
font-size:14px;
font-weight:bold;
color: #4D80B9;
letter-spacing:.5px;
font-style:normal;
text-align: right;
}
#title{
height:1.5em;
width:909px;
margin-left:11px;
margin-right:auto;
background:#4D80B9;
font-size: .7em;
font-weight: bold;
letter-spacing: 5px;
text-align: right;
padding-bottom: 8px;
padding-top:8px;
padding-left:20px;
color:#ffffff;
border-top: 1px #385C72 solid;
border-bottom: 1px #385C72 solid;
}
div.quoteleft {
border:1px solid #808000;
width:35%;
float:left;
margin: 0px 10px 0px 10px;
}
#news a {
color:#D3812D;
text-decoration:underline;
}
.left {
float:left;
margin:5px 5px 5px 5px;
}
#center {
text-align: center;
}

#cntr {
display:block; 
margin-left:auto; 
margin-right:auto; 
} 
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.formbuilderform .cbgroup .multipart {
   display: inline;
   float: left;
   width: 25%;
}

.formbuilderform .field {
   padding-top: 0.5em;
}

.formbuilderform .field label {
  display: block;
  width: 15%;
  float: left;
}

.formbuilderform .field input {
  display: block
  float: left;
}
.formbuilderform .lgfield {
   padding-top: 0.5em;
}

.formbuilderform .lgfield label {
  display: block;
  width: 25%;
  float: left;
}

.formbuilderform .lgfield input {
  display: block
  float: left;
}
.formbuilderform .statictext  {
  font-weight: bold;
  padding-top: 1em;
  clear: left;
}
.formbuilderform .cbgroup2 .multipart {
   display: inline;
   float: left;
   width: 24%;
}
.formbuilderform label {
  font-size: 0.8em;
  font-weight: normal;
}
.formbuilderform .textarea label {
  display: block;
  width: 15%;
  float: left;
}
.formbuilderform .textarea {
   padding-top: 0.5em;
   clear: left;
}
* html div#footer1 {
        /* hide ie/mac \*/
        height: 1%;
        /* end hide */
    }
    div#footer1 ul {margin:0 64px;
        list-style: none;
       }
    div#footer1 li {
        float: left;
        display: inline;
        list-style: none;
       }
    div#footer1 a,
    div#footer1 a:link,
    div#footer1 a:active,
    div#footer1 a:visited {
        text-align:center;
        padding: 5px 8px;
         

        /* hide from ie/mac \*/
 /*       display: block; */
        /* end hide */
    }

div.footer1 {
width: 80%;
margin-left: 100px;
margin-right: 0px;
}
img.center {
padding:0 0 0 0;
margin:0 5px 0 0px;
}

/* End of 'esaccss' */