/* --- GLOBAL STYLES --- */

html,body
{
    width: 100%;
  
    margin: 0px;
    padding: 0px;
   
}


@media screen and (min-width: 1023px) { html { overflow-x: auto; }} 
@media screen and (min-width: 767px) { html { overflow-x: hidden; }} /* --- GENERAL CLASSES --- */
  

body { font-size:105%; line-height:20px; font-family:Arial, Verdana, sans-serif; margin:0; padding:0 0 0 0px; background:#FFFFFF;  color:#000; text-align:left;}


@media screen and (min-width: 767px) { body { overflow-x: hidden; }} /* --- GENERAL  CLASSES --- */

img { display:block; border:0; }

/* ----- changed from justify ----- */
p { padding:0 0 20px 0; margin:0; line-height:21px; color:#305890; text-align:left; }
address { font-style:normal;}

/* --- GENERAL CLASSES --- */
.clear { clear:both;}
.photo { float:right; margin:0 0 10px 0x; border:2px solid #ccc;}
img.port { margin:0px 0 10px 0px; border:1px solid #164D63; padding:5px;}
img.sidebarpic {margin-bottom:30px; width:295px;}

/* --- HEADINGS & PARAGRAPHS --- */
h1 { color:#305890; font-size:200%;line-height:28px;  font-weight:700;  letter-spacing:0px;}
h1 span{ color:#305890; font-size:170%; line-height:30px; font-weight:200; letter-spacing:-1px;}
h2 { color:#5897EF; font-size:160%; line-height:26px;font-weight:normal; font-family: 'Average Sans',sans-serif;}
h3 { color:#fff; font-size:125%; line-height:20px;}
h4 { color:#CFC08B; font-size:116%;line-height:22px;  font-weight:700;  letter-spacing:0px;}
h5{ color:#C7B677; font-size:125%;  font-weight:600; }

/* ----- LINKS ----- */
a { color:#543C33; font-weight:bold; text-decoration:underline;  }
a:hover { text-decoration:none; }
a:focus, a:hover, a:active { outline:none;}

.content { max-width: 1022px;   margin: auto; }


 .container {max-width:1000px; margin-left:auto; margin-right:auto;}
 .containercontent {max-width:1000px; margin-left:auto; margin-right:auto; background:#FDF5E9;}
 .containerheader {max-width:1000px; margin-left:auto; margin-right:auto; background: url('../images/header-bg.png') no-repeat; background-size: cover; background-position: center; }

#header {background:#fff url('../images/top-bg.png') no-repeat; background-size: 100% 100%; width:100%; margin-left:5px; margin-right:5px;}
@media screen and (max-width: 1023px) { #header { width: 1000px; }}
@media screen and (max-width: 767px) { #header { width: 100%; }}
#header #logo {float:left; width:220px; margin: 10px 0px 18px 0px;}
img.logo {width:220px;}
#header #contact {float:right; text-align:right; width:360px; margin: 10px 0px 10px 0px; }
#header #contact #telephone {float:right; top:30px;  font-size:160%; font-weight:bold; color:#305890; background:url('../images/icon-phone.png') 100% 8px no-repeat; padding:8px 35px 0px 0px; width:360px;}
#header #contact #email { float:right;  top:90px; background:url('../images/icon-email.png') 100% 15px no-repeat; padding:15px 35px 0px 0px; width:360px; color:#305890;}
#header #contact #email a { font-size:105%; font-weight:normal; color:#305890; text-decoration:none; }
#header #contact #email a:hover { color:#305890; text-decoration:underline;}
#header #contact #address { float:right; top:103px; font-size:92%; font-weight:normal; color:#305890; background:url('../images/icon-address.png') 100% 15px no-repeat; padding:15px 35px 0px 0px; text-align:right; width:360px;}
#header #contact #address2 { float:right;  top:140px;  font-size:92%; font-weight:normal; color:#305890; background:url('../images/icon-address.png') 100% 11px no-repeat; padding:12px 35px 0px 0px; text-align:right; width:360px;}
#header #contact #social { float:right;  top:30px; padding:0px 0px 0px 0px; display:inline;}
#header #contact #social img { float:left; padding:14px 8px 0px 0px; display:inline;}

#nav  {background:#fff url('../images/tab-bgx.html') 100% repeat; }

#slideshow {width:100%; height:320px; background:#DB9C55; background-image:url('../images/slide-bg.png'); background-position:center; background-repeat: no-repeat;box-shadow: inset 0px 0px 15px 0px  #372822; margin-left:5px;}
@media screen and (max-width: 1023px) { #slideshow { width: 1000px; }}

#slideshow #buttonsmall {   float:left;  background-color:#305890; padding:0px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:8px; -moz-border-radius:5px; border-radius:5px; color:#ffffff; box-shadow: 0px 1px 2px #3A254C; font-family: 'Average Sans', sans-serif; font-size:105%; font-weight:700; }
#slideshow #buttonsmall:hover {background-color:#DB9C55; color:#DB9C55;}
#slideshow #buttonsmall a:link {float:left; display:inline; color:#ffffff; text-decoration:none; font-size:100%;font-weight:700; }
#slideshow #buttonsmall  a:visited {float:left; display:inline; color:#fff; text-decoration:none; font-size:100%;}
#slideshow #buttonsmall  a:hover {float:left; display:inline; color:#305890; text-decoration:none; font-size:100%;}
#slideshow #buttonsmall  a:active {float:left; display:inline; color:#ffffff; text-decoration:none; font-size:100%;}
#slideshow .title {float:left; font-size:138%; line-height:26px; color:#fff}
#slideshow p {float:left; font-size:105%; line-height:20px; color:#fff;}
#slideshow #sscol1 ul {float:left; font-size:105%; line-height:20px; color:#fff; width:440px;}
@media screen and (max-width: 767px) { #slideshow { display: none !important; }}  

#maincontent {background:#fff url('../images/leaf-bgx.html') 100% repeat; width:100%; margin-left:5px;}
@media screen and (max-width: 1023px) { #maincontent { width: 1000px; }}
@media screen and (max-width: 767px) { #maincontent { width: 100%; }}
#maincontent #leftcol {float:left; width:70%; height:100%;  }
#maincontent #leftcol ul {color:#305890; margin-top:-5px;}
#maincontent #leftcol #content {padding:20px 20px 20px 0px;  }

#maincontent #leftcol #form {float:left; width:94%; height:230px; background:#305890 url('../images/form-bg.png');  padding:4% 2% 0% 4%; color:#fff; margin:1em 0 1em 0; border-top:1px dotted #1777D1; }
@media screen and (max-width: 767px) { #maincontent #leftcol #form { width: 100% }}
#maincontent #leftcol #form a.title  {font-size:160%; font-weight:600; color:#ffffff; text-decoration:none; margin-bottom:-1em; font-family: 'Average Sans',sans-serif;
text-shadow: 1px 2px #305890;
-webkit-text-shadow: 1px 2px #305890;
-khtml-text-shadow: 1px 2px #305890;
-moz-text-shadow: 1px 2px #305890;
}
#maincontent #leftcol #form #f1{width:24%; float:left; margin-right:3%; font-size:92%; line-height:1.5em; color:#fff;}
#maincontent #leftcol #form #f2{width:31%; float:left; margin-right:6%; font-size:92% }
#maincontent #leftcol #form #f3{width:31%; float:left; font-size:92% }
#maincontent #leftcol #form textarea, input { width:100%; color:#211103; background:#fff;font-size:92%; padding:7px; margin-bottom:1em;  border:1px solid #305890;}
#maincontent #leftcol #send_button2{font-size: 1.5em; padding:10px 20px; color:#ffffff; font-weight:600; background:#DB9C55;  border:0; border:1px solid #305890; width:60%; text-shadow:  }
#maincontent #leftcol #send_button2:hover{background:#DB9C55;   cursor:pointer; color:#211103; border:1px solid #305890;}
#maincontent #leftcol  #form  #send_button2 p {margin:0; padding:0;}

#maincontent #rightcol {float:left; background-color:#DB9C55; width:30%; margin:0px 0px 0px 0px; border-top:20px solid #ffffff;}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 767px) { #maincontent #leftcol { width: 100%; } }
@media screen and (max-width: 767px) { #maincontent #rightcol { width: 100%;  }}


.header3 {background:#305890 ; width:100%;  }
.header3 h3 {padding:10px 0px 10px 0px; }
.box1 {float:left; padding:15px; color:#273C56; }
.box1 p {float:left; padding-bottom:-20px;}
.box1 span {color: red; font-weight: bold; text-decoration: underline;}
.solidline {border-bottom:2px solid #cccccc;  margin-bottom:16px;padding-top:6px;}

#maindots{border-bottom:3px dotted #D7AB83;  margin-bottom:16px;padding-top:6px; background:#F9E5D4;}
#h1dots{border-bottom:2px dotted #cccccc;  margin-bottom:16px;padding-top:6px;}


#jumps {width:100%;padding:10px 0px; font-size:100%; margin-left:5px; }
@media screen and (max-width: 767px) { #jumps { padding:0px 0px; font-size:100%; margin-left:0px;  }}
#j1 {float:left; width:242px; margin-right:10px; background:#305890; }
@media screen and (max-width: 767px) { #j1 { width: 100%; margin-right:5px; }}
#j2 {float:left; width:242px; margin-right:10px;background:#305890;}

@media screen and (max-width: 767px) { #j2 { width: 100%; margin-right:5px; }}

#j3 {float:left; width:242px; margin-right:10px;background:#305890;}

@media screen and (max-width: 767px) { #j3 { width: 100%; margin-right:5px; }}

#j4 {float:left; width:242px; margin-right:0px;background:#305890;}

@media screen and (max-width: 767px) { #j4 { width: 100%; margin-right:5px; }}

.jimage { width:100%;}
.jimage img {width:100%; border-top:7px #305890 solid;}
.jtext {padding:20px 5px 0px 8px;color:#AFC8EA;}
.jbar {height:30px; width:227px; background: url('../images/tab-bg.png');color:#fff; font-weight:700;font-size:105%; padding-left:15px; padding-top:8px; padding-bottom:0px;}
.jbar:hover {background: url('../images/tab-bg2.png');cursor:pointer; text-decoration:underline; color:#305890;}
@media screen and (max-width: 767px) { .jbar { width: 96%;  }}
a.title {color:#fff; font-weight:700; font-size:14px;text-decoration:none;  }

#logos { width:90%; margin-left:auto; margin-right:auto; height:90px;  margin-bottom:10px; padding:30px 0px; background:#fff;}
@media screen and (max-width: 1123px) { #logos { width: 1000px; padding: 0px; margin-left:5px;  }}
@media screen and (max-width: 767px) { #logos { width: 90%; height:350px; margin-left:30px; }}
#logos  img{float:left; display:inline; padding-left:2px; padding-right:10px;}


#footer {background:#305890; width:100%; margin-left:0px; margin-right:0px; padding-top:10px; padding-bottom:50px;}
@media screen and (max-width: 1023px) { #footer { width: 1000px; }}
@media screen and (max-width: 767px) { #footer { width: 100%; }}
#footer #f1 {float:left; width:100%; line-height:30px; margin-left:5px; margin-right:0px;}
#footer #f1 ul{background:#305890; width:100%; display:inline; list-style:none;}
#footer ul li{background:#305890;  padding:0px 20px 0px 0px; display:inline; list-style:none;}
#footer #f2 {float:right; color:#9BC1F7;}

#footer a { color:#fff; font-weight:100; text-decoration:underline;  }
#footer a:hover { text-decoration:none; }
#footer a:focus, a:hover, a:active { outline:none;}

.fee-schedule {
    width:95%;
    padding:5px;
    box-sizing: border-box;
}

.fee-schedule td{
    border:1px solid #555;
    padding:5px;
}


.banner{
    width:100%;
    
    background: #305890;
    color:#fff !important;
    z-index: 9999;
    display: block;
    padding-top:15px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:0px;

}

@media screen and (max-width: 1023px) { .banner { width: 1000px; }}
@media screen and (max-width: 767px) { .banner { width: 100%; }}

.banner p{
    color:#fff !important;
}

.banner p{
    
 text-align: center;
  
    font-weight: 600;
    font-size:160%;
line-height: 1.4;
   
}