/* ################ GLOBAL ################ */


html, body {
    border:0;
    margin:0 auto;
    padding:0;

}
body {
    font-size: 100.01%;
    font-family: sans-serif, Arial, Helvetica, sans-serif;
    color:#2e2e2e;
    background-image: url(../../../images/topback.jpg);
    background-repeat: repeat-x;
    background-position: top;
    width:100%;
    padding:0;

}


/* ############### HEADINGS ############### */


h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    font-weight:normal;
}
h1 {
    padding:5px 0;
    margin-bottom: 10px;
    letter-spacing:-1px;
    font-size:2em; 
    font-family: Georgia, Verdana, Arial;
    text-transform:uppercase;
}
h2 {
    padding:3px 3px;
    margin-bottom: 10px;
    letter-spacing:-1px;
    font-size:1.5em;
    font-weight:800;
    font-family:Georgia, Verdana, Arial;
    color:#FFFFFF;
    width:200;
    background-color: #01126A; 
}
h3 {
    padding:10px 0 0 0;
    font-weight:800;
    font-style: italic;
    font-size:1.2em;
    font-family:Georgia, Verdana, Arial;
    color:#000000;
}
h4 {
    padding:3px 3px;
    margin-bottom: 10px;
    letter-spacing:-1px;
    font-size:1.0em;
    font-weight:800;
    font-family:Georgia, Verdana, Arial;
    color:#000000;
    width:200;
}
.pagetitle {
    width:220px;
    height:32px;
    border:0;
    margin:10px 10px 10px 10px;
    text-align: center;
    background-image: url(http://www.ebchome.org/cms/assets/images/headerback.gif);
}

/* ####################### CONTENT #################### */

#wrap {
    display: block;

    width: 990px;
    height: 100%;
    margin: 0 auto;
}
#header {
    position: relative;
    float: left;
    width: 990px;
    height: 200px;
    background-color: opaque;
}
#student {
    position: relative;
    float: left;
    width: 990px;
    height: 174px;
    background-color: #6699cc;

}
#navbar {
    float:left;
    height:36px;
    background-image: url(../../../images/navback3.jpg);
    background-repeat: repeat-x;
    background-color: #808080;
    position:relative;
    z-index: 15001;
}
#title {
    padding:6px 0 0 0;
    background-image: url(../../../images/titlebkgnd.jpg);
    font: bold 1.2em Georgia, Verdana, Arial;
    color: #CFC174;
    width: 99%;
    height:30px;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid black;
}
#container {
    position: relative;
    z-index: 4;
    display: block;
    width:100%;
    height: 100%;
    background: transparent;
}
#centercontainer {
    position: relative;
    z-index: 1;
    float: left;
    left: 0px;
    width: 506px;
    background-color: white;
}
#onecolcontainer {
    position: relative;
    z-index: 1;
    float: left;
    width: 990px;
    padding: 10px 0 10px 0;
    background-color: white;
}
#twocentercontainer {
    position: relative;
    z-index: 1;
    float: left;
    left: 0px;
    width: 738px;
    background-color: white;
}
#leftblock {
    position: relative;
    z-index: 3;
    float: left;
    left: 0px;
    width: 240px;
    background-color: white;
}
#rightblock {
    position: relative;
    float: right;
    right: 0px;
    width: 240px;
    margin-right:10px;
    background-color: white;
}
#content {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding: 5px;
    background-color: transparent;
}
#centercontent {
    position: relative;
    z-index: 1;
    width:496px;
    margin: 0 auto;
    padding: 5px;
    font-size:14px;
    background: white;
}
#onecolcontent {
    position: relative;
    z-index: 1;
    width:95%;
    margin: 0 auto;
    padding: 5px;
    font-size:14px;
    background-color: white;
}
#twocentercontent {
    position: relative;
    z-index: 1;
    width:698px;
    margin-top:10px;
    margin-left:15px;
    padding: 5px;
    font-size:14px;
    background-color:white;
}
#contentsmall {
    position: relative;
    z-index: 1;
    margin: 10px;
    padding: 5px;
    font-size:12px;
    border: 8px double #c8e2b6;
    background-color: white;
}
#footer {
    width:990px;
    height:150px;
    text-align:center;
    color:white;
    font-weight:bold;
    font-size:12px;
    line-height:1.5em;
    margin: 0 auto;
    background-image: url(../../../images/footer.jpg);
    clear: both;
}
#footercopyright {
    color:#E0E7EF;
    font-size: 9px;
    font-family: verdana;
    width:990px;
    height:150px; 
}
#cap {
    font-size: 2.5em;
    font-family: Georgia, Verdana, Arial;
    color:#111111;
    float: left;
    padding: 10px 3px 6px 3px;
    margin-right: 2px;
    background-color: #FFFEEF;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}
#divider {
    width:100%;
    height:15px;
    border-bottom: 1px dashed #666666;
    margin-top:15px;
    
}
#top-background {
    background-image: url(../../../images/topback.jpg);
    background-repeat: repeat-x;
    margin: 0;
    width: 100%;
    height: 196px;
    float:left;
    position: absolute; top: left;
    z-index: 4;
}
#top-background2 {
    background-image: url(http://www.ebchome.org/images/topback.jpg);
    background-repeat: repeat-x;
    margin: 0;
    width: 100%;
    height: 196px;
    float:left;
    position: absolute; top: left;
    z-index: 4;
}
#footer-background {
    background-image: url(http://www.ebchome.org/images/footer.jpg);
    background-repeat: repeat-x;
    margin: 0;
    width: 100%;
    height: 150px;
    float:left;
    position: bottom;
    z-index: 1;
}


/* ########### COMMON FORMATTING ########## */


p, ul, ol {
    margin:0;
    padding:0 0 0 0;
    text-align:left;

}

ul, ol {
    padding:0 0 1.25em 2.5em;
}
blockquote {
    margin:1.25em;
    padding:1.25em 1.25em 0 1.25em;
}
#small {
    font-size:12px;
}
#medium {
    font-size:14px;
}
#large {
    font-size:18px;
}
img {
    border:0;
}
sup {
    position:relative;
    bottom:0.3em;
    vertical-align:baseline;
}
sub {
    position:relative;
    bottom:-0.2em;
    vertical-align:baseline;
}
acronym, abbr {
    cursor:help;
    letter-spacing:1px;
    border-bottom:1px dashed;
}


/* ################# LINKS ################ */


a, a:link, a:visited {
    color: #001864;
    text-decoration: none;
}
a:hover, a:active {
    text-decoration:underline;
}
/*
.navlink2 li {
    width: 100%;
    height: 25px;
    background-color: #3F6F1B;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #000000;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    text-align: left;
    line-height: 1.5em;
    margin-bottom: 5px;
}
.navlink2 ul{
    list-style: none;
    margin-left: 0;
    padding: 0 5px 0 3px;
}
.navlink2 a:link {color: #ffffff; padding-left: 10px; padding-top: 10px; font-size: 14px; font-weight: bold;}
.navlink2 a:visited {color: #ffffff;  padding-left: 10px; padding-top: 10px; font-size: 14px; font-weight: bold;}
.navlink2 a:active {color: #ffffff;  padding-left: 10px; padding-top: 10px;font-size: 14px; font-weight: bold;}
.navlink2 a:hover {color: #DFC745;  padding-left: 10px; padding-top: 10px; text-decoration: none; font-size: 14px; font-weight: bold;}

*/
/*################# Vertical Menu ###################*/

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 13px Arial, Verdana;
width: 195px; /* Main Menu Item widths */
background-color: #588D31;
}
 
.sidebarmenu ul li{
position: relative;
background-color: #588D31;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
font-weight:normal;
padding: 6px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
border: 1px solid #000;
background-color: #588D31;
}

/*.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #ffffff; background of tabs (default state)

}*/

.sidebarmenu ul li a:visited{
color: #CFC174;
}

.sidebarmenu ul li a:hover{
background-image: url(../../../images/nav-back2.jpg);
color: #000000;
font-weight:bold;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
margin-top: -180px;
margin-left: -5px;
z-index: 100;
width: 195px; /*Sub Menu Items width */
top: 0;
background-color: #ffffff;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(../../../images/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */



/* ################ FORMS ################ */


form {
    margin:0;
    padding:0;
    display:inline;
}
input, select, textarea {
    font:1em Arial, Helvetica, sans-serif;
}
textarea {
    width:100%;
    line-height:1.25;
}
label {
    cursor:pointer;
}
#search-box {
    width: 150px;
    padding: 0;
    }
#search-box input {
    font-size:1.1em;
    color:#cccccc;
    background:#000000;
    margin:0;
    padding:3px;
    border:3px solid #37567F;
    float:left;
    display:block;
    height:13px;
    width:150px;
    }


/* ############## DATA BLOCKS ############# */

#datablock1 {
    margin: 15px 10px 10px 10px;
    padding: 5px 5px 5px 10px;
    font-size:12px;
    font-family: sans-serif, arial;
    border: 1px double #cccccc;
    background-color:#FFFFFF;
}
#datablock1 img {
 /*   width:95%;  */
    padding-left:1px;

}

#blockpic img {
   width:95%;  
   padding-left:1px;

}



#tweets {
    font-size: 8px;
    font-family: sans-serif, arial;
}
#tweets img{
    width: 40px;
    padding:0 4px 0 0;
}
.multidata {
    width:100%;
    border: 1px solid #999999;
    padding:5px;
    margin: 0;
}

/* ########### MORE INFO / LESS INFO ############ */

/* always visible */
#outer .holder {padding:1em; border:1px solid #ddd; margin:0 20px 10px 0;}
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}


/* ################ TABLES ################ */

table {
    border:0;
    margin:0 0 1.25em 0;
    padding:0;
}

table tr td {
    padding:2px;
}


/* ################ WRAPPER ############## */


#wrapping {
    width: 990px;
    margin: 0 auto;
}


/* ############# GLOBAL CLASSES ########### */


.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.wrapper          { width:990px;margin:0 auto; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }





/* ###################### This is for pictures float left with no text wrap adjust widths accordingly ##################### */


.nowrap-left   { float:left; width:275px; }
.nowrap-left h3 { width:115px; height:65px; float:left; text-indent:-8008px; background:transparent url(nameofpicture.gif) no-repeat 0 0; }
.nowrap-left * { width:160px; float:right; }
.nowrap-left * * { width:auto; float:none; }


/* ############# This is to display an alert or tip on your page for a tip change the background and border colors to a blue shade ############ */


.alert { 
    background-image: url(../../../images/exclamation.png);
    background-repeat: no-repeat; 
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 45px;
    margin:0;
    background-color: #fff6bf;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
}



/* ######################### scrolling block ######################### */

.scroll200 {
    width:96%;
    height:200px;
    margin: 0 auto;
    overflow: auto;
    padding:15px;
    margin:4px 2px 4px 2px;
    border: 1px Solid #efefef;
    background-color: #ffffff;
}
.scroll300 {
    width:96%;
    height:300px;
    margin: 0 auto;
    overflow: auto;
    padding:15px;
    margin:4px 2px 4px 2px;
    border: 1px Solid #efefef;
    background-color: #ffffff;
}
.scroll400 {
    width:96%;
    height:400px;
    margin: 0 auto;
    overflow: auto;
    padding:15px;
    margin:4px 2px 4px 2px;
    border: 1px Solid #efefef;
    background-color: #ffffff;
}

/* ######################## jqueryslidemenu ####################### */


.jqueryslidemenu{
font-size: 12px; font-family: Verdana, Arial, sans-serif;
position:relative;
z-index: 15000;
margin-left:145px;
margin-top: 4px;
}

.jqueryslidemenu ul{
   list-style:none;
   margin:0;
   padding:0;
   position:relative;

}

/*Top level list items*/
.jqueryslidemenu ul li{
   position:relative;
   z-index: 10;
   display:inline;
   float:left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
padding: 10px 10px;
text-decoration: none;
font-weight:bold;
color: #666666;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #5F677F;
font-weight: bold;
}

.jqueryslidemenu ul li a:hover{
background-image: url(../../../images/hover.jpg);
background-repeat: repeat-x;
font-weight:bold;
color: #CFC174;
}
    
/*1st sub level menu*/
.jqueryslidemenu ul li ul {
display: block;
position:absolute;
z-index: 15000;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li a:link{
display: list-item;
position: relative;
z-index: 15000;
margin:0px;
background-color: #000000;
border-bottom: 1px solid #333333;
color:#CFC174;
}
.jqueryslidemenu ul li ul li a:visited {
background-color: #000E4F;
border-bottom: 1px solid #666666;
color:#CFC174;    
}
.jqueryslidemenu ul li ul li a:hover {
color:white;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
position: relative;
font: normal 13px arial;
width: 200px; /*width of sub menus*/
padding: 5px;
margin: 0;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
padding-left: 4px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 4px;
padding-left: 4px;
}

.articleban {
    background-color: #9BBF83;
    background-image: url(../../../images/articletitlebk.jpg);
    background-repeat: repeat-x; 
    font-weight: bold;
    font-size: 16px;
    text-align:left;
    color: #A1CE59;
    border: 1px solid #9BBF83;
    padding-left: 5px;
    height: 40px;
    vertical-align: middle;
}
/*############## Template 1 ##############*/

.tpl1 p li{margin:0; padding:0; color: #000; font-family: Arial, Verdana sans-serif;}
.tpl1 p {font-size: 14px; }
.tpl1hdr {font-weight: bolder; font-size: 16px; font-family: Georgia, Arial, Verdana sans-serif; color:#2A4F0F; line-height: 1.7em; padding-top: 5px;}
.tpl1 li {font-size: 14px;}
.tpl1nav {color: #FF9000; font-weight: bold;}
.tpl1 img {margin: 5px; padding:0px;}
.tpl1 h4 {font-weight: normal; font-size:14px; color: green; padding:0px; margin-top: 2px;}
.tpl1 A {font-size: 14px; font-family: Arial, Verdana sans-serif; color : #0088b7; text-decoration : underline;}
.tpl1 A:visited {color: #000;}
.tpl1 A:active {color: #000;}
.tpl1 A:hover {color: #000; text-decoration : underline}

/*############## Template 2 ##############*/

.tpl2 {font-family: arial; font-size: 14px; color: BLACK; padding: 6px; margin: 0px; margin-top: 4px ;}
.tpl2 p {font-size: 14px; color: BLACK; padding: 0px; margin: 0px;}
.tpl1hdr {font-weight: bolder; font-size: 16px; font-family: Georgia, Arial, Verdana sans-serif; color:#2A4F0F; line-height: 1.7em; padding-top: 5px;}
.tpl2 li {font-size: 14px; color: black; padding:0px}
.tpl2nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl2 img {padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; width: 200px;}
.tpl2caption {font-size: 2px; font-weight: bold; color: #666666;}

/*############## Template 3 ##############*/

.tpl3 {font-family: arial; font-size: 14px; color: BLACK; padding:0px;}
.tpl3 td {width: 500px; height: 60px; background-color: black;}
.tpl3hdr {font-size: 20px; font-weight: bold;  color: #00486F; padding: 0px; font-family: arial; text-align: center;}
.tpl3 li {font-size: 14px; color: black; padding:0px}
.tpl3nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl3 img {padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 215px; height: 160px;}

/*############## Template 4 ##############*/

.tpl4 {font-size: 14px; color: BLACK; padding:0px;}
.tpl4 p {margin:0; padding:0; color: #000;font-family: Arial, Verdana sans-serif;}
.tpl4hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial; align: center;}
.tpl4 li {font-size: 14px; color: black; padding:0px}
.tpl4nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl4 img {margin-top: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 250px; vertical-align: top;}

/*############## Template 5 ##############*/

.tpl5 {font-family: arial; font-size: 14px; color: BLACK; padding:0px;}
.tpl5.td {width: 500px; height: 60px; background-color: black;}
.tpl5hdr {font-size: 20px; font-weight: bold;  color: white; padding: 0px; font-family: arial; text-align: center;}
.tpl5 li {font-size: 14px; color: black; padding:0px}
.tpl5nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl5 img {padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 200px;}

/*############## Template 6 ##############*/

.tpl6 {font-family: arial; font-size: 14px; color: BLACK; padding:0px;}
.tpl6.td {width: 500px; height: 60px; background-color: black;}
.tpl6hdr {font-size: 20px; font-weight: bold;  color: #00486F; padding: 0px; font-family: arial; text-align: center;}
.tpl6 li {font-size: 14px; color: black; padding:0px}
.tpl6nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl6 img {padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 124px; height: 84px;}

/*############## Template 7 ##############*/

.tpl7 {font-family: arial; font-size: 14px; color: BLACK; padding:0px;}
.tpl7.td {width: 500px; height: 60px; background-color: black;}
.tpl7hdr {font-size: 20px; font-weight: bold;  color: #00486F; padding: 0px; font-family: arial; text-align: center;}
.tpl7 li {font-size: 14px; color: black; padding:0px}
.tpl7nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl7 img {padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 330px; height: 228px;}

/*############## Template 8 ##############*/

.tpl8 {font-family: arial; font-size: 14px; color: BLACK; padding: 6px; margin: 0px; margin-top: 4px ;}
.tpl8 p {font-size: 14px; color: BLACK; padding: 0px; margin: 0px;}
.tpl8hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.tpl8 li {font-size: 14px; color: black; padding:0px}
.tpl8nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl8 img {margin: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 250px; border: 1px solid black;}
.tpl8 h4 {font-size:14px; color: green; font-weight: normal; padding:0px; margin-top: 2px;}

/*############## Template 9 ##############*/

.tpl9 {font-family: arial; font-size: 14px; color: BLACK; padding: 6px; margin: 0px; margin-top: 4px ;}
.tpl9 p {font-size: 14px; color: BLACK; padding: 0px; margin: 0px;}
.tpl9hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.tpl9 li {font-size: 14px; color: black; padding:0px}
.tpl9nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl9 img {margin: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 250px; border: 1px solid black;}
.tpl9 h4 {font-size:14px; color: green; font-weight: normal; padding:0px; margin-top: 2px;}

/*############## Template 10 ##############*/

.tpl10 {font-family: arial; font-size: 14px; color: BLACK; padding: 6px; margin: 0px; margin-top: 4px ;}
.tpl10 p {font-size: 14px; color: BLACK; padding: 0px; margin: 0px;}
.tpl10hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.tpl10 li {font-size: 14px; color: black; padding:0px}
.tpl10nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl10 h4 {font-size:14px; color: green; font-weight: normal; padding:0px; margin-top: 2px;}

/*############## Template 11 ##############*/

.tpl11 {font-family: arial; font-size: 14px; color: BLACK; padding: 6px; margin: 0px; margin-top: 4px ;}
.tpl11 p {font-size: 14px; color: BLACK; padding: 0px; margin: 0px;}
.tpl11hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.tpl11 li {font-size: 14px; color: black; padding:0px}
.tpl11nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl11 h4 {font-size:14px; color: green; font-weight: normal; padding:0px; margin-top: 2px;}

/*############## Template 12 ##############*/

.tpl12 p li{margin:0; padding:0; color: #000; font-family: Arial, Verdana sans-serif;}
.tpl12 p {font-size: 14px; ; padding: 10px 10px 0 12px;}
.tpl12hdr {font-weight: bolder; font-size: 16px; font-family: Georgia, Arial, Verdana sans-serif; color:#2A4F0F; line-height: 1.7em; padding-top: 5px;}
.tpl12 li {font-size: 14px;}
.tpl12nav {color: #FF9000; font-weight: bold;}
.tpl12 img {margin: 5px; padding:0px;}
.tpl12 h3 {padding: 10px 0 0 12px;}
.tpl12 h4 {font-weight: normal; font-size:14px; color: green; padding:0px; margin-top: 2px;}
.tpl12 A {font-size: 14px; font-family: Arial, Verdana sans-serif; color : #0088b7; text-decoration : underline}
.tpl12 A:visited {color: #000;}
.tpl1 A:active {color: #000;}
.tpl12 A:hover {color: #000; text-decoration : underline}

/*############## Template 13 ##############*/

.tpl13 {font-family: arial; font-size: 14px; color: BLACK; padding: 6px; margin: 0px; margin-top: 4px;}
.tpl13 td {background-image: url("http://www.ebchome.org/cms/assets/images/grunge.jpg"); background-repeat: repeat-x;}
.tpl13 p {font-size: 14px; color: BLACK; padding: 0px; margin: 0px;}
.tpl13hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.tpl13 li {font-size: 14px; color: black; padding:0px}
.tpl13nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl13 h4 {font-size:14px; color: green; font-weight: normal; padding:0px; margin-top: 2px;}
.tpl13 img {margin-top: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; vertical-align: top;} 

/*############## Template 14 ##############*/

tpl14 p li{margin:0;padding:0;color: #000;font-family: Arial, Verdana sans-serif;}
.tpl14hdr {font-weight: bolder;font-size: 16px;font-family: Georgia, Arial, Verdana sans-serif;color:#2A4F0F; line-height: 1.7em;padding-top: 5px;}
.tpl14 li {font-size: 14px;}
.tpl14nav {color: #FF9000;font-weight: bold;}
.tpl14 img {margin: 5px;padding:0px;}
.tpl14 h4 {font-weight: normal;font-size:14px;color: green;padding:0px;margin-top: 2px;}

/*############## Template 16 ##############*/

/* Specs CSS */
.tpl16 {font-family: arial; font-size: 12px; color: black; padding:0px;}
.tpl16 td{font-family: arial; font-size: 12px; color: #333333; padding:2px; border: 1px solid #cccccc; background-color: #FFFFFF;}
.tpl16 tr{font-family: arial; font-size: 12px; color: black; padding:0px; border: 1px solid #cccccc;}
.tpl16hdr {font-size: 24px; font-weight: bold;  color: black; padding: 0px; font-family: arial; align: center;}
.tpl16 li {font-size: 12px; color: black; padding:0px}
.tpl16nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl16 img {margin-top: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 640px; vertical-align: top;}


/*############## Template 20 ##############*/

.tpl20 {font-family: arial; font-size: 14px; color: BLACK; padding: 6px;  margin-top: 6px 0px 0px 0px;}
.tpl20 p {font-size: 14px; color: BLACK; padding: 0px; margin: 0px;}
.tpl20hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.tpl20 li {font-size: 14px; color: black; padding:0px}
.tpl20nav {color: #FF9000; font-size: 16px; font-weight: bold;}

.tpl20caption {font-size: 2px; font-weight: bold; color: #666666;}

/*############## Template 21   Sermon Display ##############*/

.tpl21 {font-family: arial; font-size: 12px; color: BLACK; padding: 6px; margin: 0px; margin-top: 4px ;}
.tpl21 p {font-size: 12px; color: BLACK; padding: 0px; margin: 0px;}
.tpl21hdr {font-size: 12px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.tpl21 li {font-size: 12px; color: black; padding:0px}
.tpl21nav {color: #FF9000; font-size: 16px; font-weight: bold;}
/*.tpl21 img {padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; width: 200px;} */
.tpl21caption {font-size: 2px; font-weight: bold; color: #666666;}

/*
.tpl25 {line-height:2.0em;}
.tpl26 {line-height:2.0em;}
.tpl26 p {line-height:1.5em;}
.tpl27 {line-height:2.0em;}
.tpl28 {line-height:2.0em;} */

.tpl29 {font-family: arial; font-size: 14px; color: BLACK; padding: 6px; margin: 0px; margin-top: 4px ;}
.tpl29 p {font-size: 14px; color: BLACK; padding: 0px; margin: 0px;}
.tpl29hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.tpl29 li {font-size: 14px; color: black; padding:0px}
.tpl29nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl29 img {padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; width: 600px;}
.tpl29caption {font-size: 2px; font-weight: bold; color: #666666;}

/*############## Display pics ##############*/

.disp1pic img {margin: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 620px; border: 1px solid black;}
.disp2pic img {margin: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 310px; border: 1px solid black;}
.disp3pic img {margin: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 207px; border: 1px solid black;}
.disp4pic img {margin: 1px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 155px; border: 1px solid black;}
.disp5pic img {margin: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 125px; border: 1px solid black;}


    /* QDataGrid */
    table.sermondatagrid { border: 4px solid #c0c0c0; width: 880px; margin-left: auto; margin-right: auto; }
        table.sermondatagrid caption, table.sermondatagrid tfoot { padding-bottom: 4px; overflow: auto; border-bottom: 2px; border-bottom-color: black;}
        table.sermondatagrid img {margin: 5px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 7px; }
            table.sermondatagrid span.left { float: left; font-size: 10px; display: block; color: #000;}
            table.sermondatagrid span.right { float: right; font-size: 10px; display: block; }
        table.sermondatagrid tr { background-color: #fff; }
            table.sermondatagrid tr.alternate { background-color: #DFF1FF; }
        table.sermondatagrid th { background-color: #EBEFF2; text-align: left;}
            table.sermondatagrid th a { color: #000; text-decoration: none; }
            table.sermondatagrid th a:hover { color: #000; text-decoration: underline;}
        table.sermondatagrid td { padding: 5px; border-bottom: 1px solid #cccccc;}
            table.sermondatagrid td a { color: #000; }
            table.sermondatagrid td a:hover { color: #000; text-decoration: none; }
        table.sermondatagrid tfoot { border-top: 1px solid #666;} 

    /* QPaginator */
    span.paginator { font-size: 12px; margin: 0; padding: 0; }
        span.paginator span { list-style-type:none; display: inline; padding: 0; margin: 0; }
            span.paginator span.page a { text-decoration: none; color: #000; padding: 0 3px 0 3px; margin: 0 2px 0 2px;}
            span.paginator span.page a:hover { background-color: #ffe25f; }
            span.paginator span.arrow { font-weight: bold; color: #000; margin: 0; padding: 0 3px 0 3px; }
            span.paginator span.arrow a { font-weight: bold; color: #000; text-decoration: none; }
            span.paginator span.selected { font-weight: bold; background-color: #fff; padding: 0 3px 0 3px; margin: 0 2px 0 2px; border: 1px; border-style: solid; }
            span.paginator span.break { color: #000; margin: 0 5px 0 5px; }
            span.paginator span.ellipsis { color: #000; }
.menutest {position:absolute; margin-left: 10px; margin-top: -200px; overflow:auto; }

.slideshowsm  {padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; width: 250px;}
.slideshowlrg  {padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; width: 640px;}

.multicol1 img {margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 100%; height: 100%; }
.multicol2 img {margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 50%; height: 50%; }
.multicol3 img {margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 33%; height: 33%; }
.multicol4 img {margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 25%; height: 25%; }



/* added for Vimeo stuff  Modified by EBC  Credit to fm.thevillagechurch.net  */


#video-wrapper { width: 950px; margin: 2.5em auto; margin-top: 0;padding: 1em 0 2em 0; background-color: #EBEBEB; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
#video-viewer { width: 100%; text-align: center; }

#video-wrapper ul { overflow: hidden; margin: 1.5em 0 0 1.1em; }
#video-wrapper ul li { list-style: none; background: none; margin-bottom: 15px; padding: 0;  float: left; margin-left: 1em;  }
#video-wrapper ul li:first-child { margin-left: 1em; }
#video-wrapper .vid-image { display: block; }
#video-wrapper .vid-title { text-decoration: none; font-weight: bold; font-size: 0.65em;}
#video-wrapper a.vid-title:hover { color: #334259; }
#video-wrapper .vid-by { font-size: 0.95em; color: #334259; }

.active .vid-image img { width: 164px; height: 92px; border: 2px solid #A74626; }
.active .vid-title { color: #A74626 !important; }

/*   added for dynamic use of the 4 data blocks */

.dyncontent {margin-bottom: 60px;}