/* ################ GLOBAL ################ */
@font-face {
    font-family: 'Cachet-Bold';
    src: url('Cachet-Bold.eot?#iefix') format('embedded-opentype'),  
         url('Cachet-Bold.ttf')  format('truetype'),
         url('Cachet-Bold.svg#Cachet-Bold') format('svg'),
         url('Cachet-Bold.woff#Cachet-Bold') format('woff'),
         url('Cachet-Bold.otf#Cachet-Bold') format('otf');
         }
@font-face {
    font-family: 'Cachet-Book';
    src: url('Cachet-Book.eot?#iefix') format('embedded-opentype'),  
         url('Cachet-Book.ttf')  format('truetype'),
         url('Cachet-Book.svg#Cachet-Bold') format('svg'),
         url('Cachet-Book.woff#Cachet-Bold') format('woff'),
         url('Cachet-Book.otf#Cachet-Bold') format('otf');
         }
@font-face {
    font-family: 'Cachet-Medium';
    src: url('Cachet-Medium.eot?#iefix') format('embedded-opentype'),  
         url('Cachet-Medium.ttf')  format('truetype'),
         url('Cachet-Medium.svg#Cachet-Bold') format('svg'),
         url('Cachet-Medium.woff#Cachet-Bold') format('woff'),
         url('Cachet-Medium.otf#Cachet-Bold') format('otf');
    }

html {
    border:0;
    margin:0;
    padding:0;
    height: 100%;
    font-family: Verdana, Arial;
    font-size: 16px;
}
body {
    margin:0;
    padding:0;
    height:100%;
    font-family: Verdana, Arial;
    font-size: 125%;
    line-height: 1.0em;
    
 /* background-position: center 10px; */
}

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


a, a:link, a:visited {
    text-decoration: underline;
}
a:hover, a:active {
    text-decoration:underline;
} */

/* ############### UL, OL, LI's ############### */

ul, ol, li {font-size: 16px; color: black; padding:0px; margin-left:20px; line-height: 1.4em;}


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

h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding-bottom:.4em;
    font-weight:normal;
}

/*h1 {
    padding:5px 0;
    margin-bottom:3px;
    margin-top: 5px;
    font-size:300%; 
    line-height 101%;
    font-family: Cachet-Bold, Verdana;
    text-transform:uppercase;
    color:#376092;   
} */
/*h2 {
    padding:4px 0;
    margin-bottom:0;
    margin-top: 5px;
    font-size:250%;
    line-height: 101%; 
    font-family: Cachet-Bold, Verdana;
    text-transform:uppercase;
    color:#376092;
} */
/*h3 {
    padding:0 0;
    margin-bottom:1px;
    margin-top: 5px;
    font-size:150%;
    line-height:1.1em; 
    font-family: Cachet-Bold, Verdana;
} */

/* ###### Black Background with White Lettering ###### */

/*h4 {
    width: 97%;
    background-color:#000000;
    border: 1px solid #FFFFFF;
    padding:2px;
    margin-bottom: 3px;
    font-size:12px;
    font-weight: 800;
    color:#FFFFFF;
    text-align:center;
    vertical-align: middle;  
} */

/* ######Blueackground with White Lettering ###### */

/*h5 {
    width: 97%;
    background-color:#0D386F;
    border: 1px solid #CF9633;
    font-weight: 800;
    font-size: 14px;
    color:#FFFFFF;
    padding:2px;
    margin-bottom:3px;
    text-align:center;
    vertical-align: middle;
}*/

/* ######Tan Background with Navy Lettering ###### */

/*h6 {
    width: 97%;
    background-color:#EFEDD1;
    border: 1px solid #CFC19B;
    font-weight: 800;
    font-size: 14px;
    color: #0D386F;
    padding:2px;
    margin-bottom:3px;
    text-align:center;
    vertical-align: middle;
}  */

a, a:link, a:visited {
    font-size:16px;
    }

hr {color: #E0E0E0;
    background-color: #E0E0E0;
    height: 10px;
    }

 ul, ol {
    margin-left:40px;
    padding:0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.4em;
}

.pagetitle {
    width:300px;
    height:50px;
    border:0;
    margin-left:20px;
    text-align: left;
    font-family:arial,verdana;
    color:white;

}


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

#wrap {
  /*  min-width:100%;
    min-height:100%; */
    padding:0;
    margin:0 auto;
    
}
#inner {
    margin: 0 auto;
    min-height: 100%;
    padding: 0 0 20px 0;
    position: relative;
}
#header {
    position: relative;
    float: left;
    width: 990px;
    height: 200px;
    background-color: #6699cc;
}
/*
   #navbar {
   width:100%;
    position:relative;
    margin:0 auto;
    padding: 0;
    z-index: 800;
    margin-left:630px; 
    margin-top:4px;
}

#navbar a:link{
    color: #FFF;
}
#navbar a:visited{
    color: #FFF;
}
#navbar a:active{
    color: #FFF;
}

*/


#articleheader span{
    padding:4px 4px;
    margin-bottom: 10px; margin-left: 10px;
    background-color: #DE6902;
    color: #ffffff;
    height:30px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #000000;    
}

#articleheader {
    background-image: url(../../images/greenline.png); background-repeat: repeat-x; background-position: top;
    width: 99%;
    height:30px;
}

#articleheader2 {
    background-image: url(../../images/blockheaderback.png);
    color: #ffffff;
    width: 98%;
    height:30px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #000000;    
}

#articlebackgroundot {
    padding:5px;
    margin:0;
    
    color:#000;
    background-image: url(../../images/divback.jpg); 
    background-repeat: repeat-x;
    border-top-right-radius: 15px;
    -moz-border-top-right-radius: 15px;
    -webkit-border-top-right-radius: 15px;
        border-top-left-radius: 15px;
    -moz-border-top-left-radius: 15px;
    -webkit-border-top-left-radius: 15px;
}

#articlebackgroundob {
    padding:5px;
    margin:0;
 
    color:#000;
    border-bottom-right-radius: 15px;
    -moz-border-bottom-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    -moz-border-bottom-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
}

#articlebackgroundnr {
    margin:0; 
    border: 1px solid #B2B2B2;
    color:#000;
    margin-bottom: 20px;
}

#articlebackgroundno {
 /*   
    border:0;
    color:#000;
    margin-bottom: 10px;
    margin-left:-10px
*/    
}

#articlebackground {
    padding:5px;
    margin-bottom: 15px;

    color:#000;
   /* background-image: url(../../images/divback.jpg); 
    background-repeat: repeat-x; */
    border: 1px solid #B2B2B2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}

#articlebackground2 {
    padding:8px;
    margin:0 3px 0 0;
    background-image: url(../../images/divback.jpg);
    background-repeat: repeat-x;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #cccccc;
    font-size:12px;
    color:white;
    text-align:left;
}

#articlebackground3 {
    padding:8px;
    margin-right: 15px;
    background-image: url(../../images/divback.jpg);
    background-repeat: repeat-x;
    background-color: #3d70b3;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #cccccc;
    font-size:12px;
    color:white;
}

#articlebackground2 img {
    width:96%;
}

/* ############## BLOCK DATA ############# */

#blockdata {  
    /*padding:10px;*/
    vertical-align:top;
    font-family: Arial, Verdana;
    font-size:12px;
    color: #000000;
}

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

#datablock1 {
    padding: 5px 0 5px 0;
    width:200px;
    font-size:12px;
    font-family:arial;
    margin-top:15px;
    background-color:#f4f3e1;
    border: 1px solid #cccccc;
}
#datablock1 a:link {
    color:black;
}


/* ##################################### */
/*
#maincontainer {
    width:1000px;
    margin: 0 auto;
 left:50%;  
    margin-left:-500px; 
    padding-bottom: 109px;  
    padding: 15px 0 0 0;
    min-height:100%; 
    position:relative;
    background-color:#151515;
}
*/
#innercontainer {
    position: relative;
    margin: 0 auto; 
    height: 100%;
    padding: 15px 10 15px 10px;
    clear:both;
}

#centercontainer {
    position: relative;
    float: left;
    left: 0px;
    background-image: url(../../images/content-background.png);
}

#onecolcontainer {
    position: relative;
    float: left;
}

#twocentercontainer {
    position: relative;
    float: left;
    left: 0px;
    vertical-align: top;
    height:100%;
}

#leftblock {
    position: relative;
    float: left;
}

#rightblock {
    position: relative;
    float: right;
}

#content {
    position: relative;
    margin: 10px;
    padding: 5px;
}

#centercontent {
    position: relative;
    margin-left: 10px;
    padding: 5px;
    font-size:14px;
}

#onecolcontent {
    position: relative; 
    margin: 0 Auto;
    padding: 0px;
    font-size:14px;
    }

#twocentercontent {
    position: relative;
    float: left; 
    margin: 0 auto;
    margin-top:5px;
    padding: 0;
    font-size:14px;
    height:100%;
    vertical-align: top;    
}

#contentsmall {
    position: relative;
    margin: 0px;
    padding-top: 0px;
    font-size:12px;
    height:100%;
}

#divider {
    width:99%;
    height:3px;
    margin: 0 auto;
    border-bottom: 1px dashed #036FA6;
    margin-bottom: 5px;
}

blockquote {
    margin:1.25em;
    padding:1.25em 1.25em 0 1.25em;
}



/* ########### Useful for more than 1 navigation styling ############ */
/*
 .navlink2 li {
    width: 100%;
    height: 25px;
    background-color: #000000;
    -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: #cbcbcb; padding-left: 2px; padding-top: 10px; font-size: 14px; text-decoration: none;}
.navlink2 a:visited {color: #cbcbcb;  padding-left: 2px; padding-top: 10px; font-size: 14px;}
.navlink2 a:active {color: #cbcbcb;  padding-left: 2px; padding-top: 10px;font-size: 14px;}
.navlink2 a:hover {color: #FFBD41;  padding-left: 2px; padding-top: 10px; text-decoration: underline; font-size: 14px;}
.navlink2 {color:#cbcbcb; margin-top:5px; text-align: right; margin-right:30px;} 

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

.sidebarmenu ul{
margin: 2px 0 2px 0px;
padding: 0;
list-style-type: none;
font: 13px Cachet-Medium, Verdana. Arial;
}
 
.sidebarmenu ul li{
position: relative;
margin:0;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #CFC174;
text-decoration: none;
font-weight:Bold;
padding: 5px 5px 5px 7px;
margin-bottom:5px;
width:210px;


}



/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
top: 0;
visibility: hidden;
z-index:100000;
width: 200px; /*Sub Menu Items width */
}

.sidebarmenu a.subfolderstyle{
/*  background: url(/cms1/assets/_core/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;
}

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

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

table tr td {
    padding:2px;
}


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


div.scroll {
    height:200px;
    overflow: auto;
    padding:15px;
    margin:4px 2px 4px 2px;
    border: 8px double #C8E2B6;
    background-color: #ffffff;
}
div.scroll3 {
    width:400px;
}
div.scroll2 {
    width:630px;
}
div.scroll1 {
    width:872px;
}
div.scrollblock {
    width:170px;
}



/* ############# This is to display an alert or tip on your page ############ */
.alert { 
    background-image: url(../../../cms/assets/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 text blocks ################### */
.scroll400 {
    width:100%;
    height:400px;
    margin: 0 auto;
    overflow: auto;
    padding:2px;
    margin:4px 2px 0 0px;
    background-color: transparent;
}
.scroll300 {
    width:100%;
    height:305px;
    margin: 0 auto;
    overflow: auto;
    padding:2px;
    margin:4px 2px 0 0;
    background-color: transparent;
}
.scroll200 {
    width:97%;
    height:200px;
    margin: 0 auto;
    overflow: auto;
    padding:5px;
    margin:4px 2px 4px 2px;
    background-color: transparent;
}
.scroller {
    font-weight:normal;
    font-size:12px;
    color:#000000;
    width:100%;
    height:210px;
    overflow: auto;
    background-color: transparent;
}
.scroller ul li {
    font-size:12px;
}
.scroller a {text-decoration:underline;
}
/*##########################Control size of images in Multicolumn Articles ################################################# */

.multicol1 img {margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 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%; } 


/* ######## STYLING FOR HORIZONTAL COLUMNS ######## */	

#horizontalcol{
    line-height:1.2em;
    height:100%;
    padding:5px;
    margin: 0;
    margin-left:5px;
/*   background-color: #FFFBEF; */
/*    border: 1px solid #CCCCCC; */
    font-size:14px;
/*    color:#666; */
    text-align:left; 
    clear:both;
    /* background-image: url(../../images/articlebackground.png);
    background-repeat: repeat-x;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; */ 
}

#horizontalcol ul{
    font-size:12px;
    line-height:1.5em;
    margin:5px 0 0 0;
    }
#horizontalcol ul li{
    font-size:14px;
    color:#333;
    margin-left:20px;
    }

/* #########GLOBAL TIP TEMPLATE CSS########## */

.tplban {
    font-family: Cachet-Medium, Arial, Tahoma;
    /* text-transform:uppercase;
    font-size: 30px; */
    text-align:left;
    padding-left: 3px;
    height: 30px;
    vertical-align: middle;
   /* -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px; */
/* ######### Rounded Coners in IE 6 7 and 8 ######## */
   /* behavior: url(/cms1/assets/_core/css/border-radius.htc);
    border-radius: 10px; */
/* ################################################# */
    /* background-image: url(../../images/articletitlebk.jpg); */

 /*   background-color: #0E123F; */
    
 /*   color: #CFC174; */
    
 /*   border: 1px solid black; */ 
    } 
 
/* ############### Tip Template CSS ############### */     

.tpl1 {margin-bottom:15px; padding:15px; color: #333333; line-height: 1.3em; background-color:#f4f3e1; border: 1px solid #cccccc;}
.tpl1hdr {font-weight: bolder; font-size: 16px; font-family: Georgia, Arial, Verdana sans-serif; color:#ffffff; line-height: 1.2em; padding-top: 5px;}
/* .tpl1ban {background-image: url(../../images/articleheaderback.png); background-repeat: repeat-x; background-color: #9d5f09; -moz-border-radius: 20px; -webkit-border-radius: 20px; font-family: Arial; font-weight: bold; font-size: 18px; color: #FFFFFF; border: 1px solid black; padding-left: 3px; height: 27px; vertical-align: middle;} */
.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; text-decoration : underline}
.tpl1 A:hover {color: #000; text-decoration : underline}

/*############## Template 2 - For staff pages picture left no wrap ##############*/

.tpl2 {font-family: arial; font-size: 14px; color: BLACK; padding:0px;}
/*.tpl2hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;} */
.tpl2nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl2 img {margin-top: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 150px; vertical-align: top;}
.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;}
.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;}
.tpl4hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.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 4a #########  Defined specifically for highslide of Grandstand and Free image videos for Bloomsburg Fair ############*/
.tpl4a {font-size: 14px; color: BLACK;}
.tpl4a tr {background-image: url('../../../cms/assets/images/cellbk.jpg'); background-repeat: repeat-x; background-color: #FFFDF2; padding:10px;}
.tpl4a p {margin:0; padding:0; color: #000;font-family: Arial, Verdana, sans-serif;}
.tpl4ahdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: Arial, Helvetica, sans-serif; text-align:center;}
.tpl4a li {font-size: 14px; color: black; padding:0px}
.tpl4anav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl4a img {margin-top: 0; margin-left: 15; padding: 0; 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;}
.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;}
.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;}
.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 {color: #000; font-family: Arial, Verdana sans-serif; position:relative; float:left; z-index: 1; text-align:left; clear:both;}
.tpl8hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.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 ;}
.tpl9hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.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 {margin:0; padding:10px 5px 10px 5px; color: #666; font-family: Arial, Verdana sans-serif; font-size:14px; line-height: 1.3em; text-align:left;}


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

.tpl11 {font-family: arial; font-size: 14px; color: BLACK; padding: 6px; margin: 0px; margin-top: 4px ;}
.tpl11hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.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 ##############    set padding to 5px for no border used on YMCA*/

.tpl12 {margin: 0; margin-bottom:15px; padding:25px; line-height: 1.4em; font-size:16px; text-align:left;}
.tpl1hdr {font-weight: bolder; font-size: 16px; font-family: Georgia, Arial, Verdana sans-serif; color:#ffffff; line-height: 1.2em; padding-top: 5px;}
.tpl12hdr {font-weight: bolder; font-size: 16px; font-family: Georgia, Arial, Verdana sans-serif; color:#000000; line-height: 1.2em; padding-top: 5px;}
.tpl12nav {color: #FF9000; font-weight: bold;}
.tpl12 img {margin-right:5px; margin-bottom:5px; }
.tpl12 A {font-size: 14px; font-family: Arial, Verdana sans-serif; text-decoration : underline}
.tpl12 A:hover {color: black; text-decoration: underline}
.tpl12 ul,li {margin:0; padding:0;}
.tpl12 li {margin-left:35px;}



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

.tpl13 {margin-bottom:5px; padding:10px 10px 0px 10px; color: #333333; font-family: Arial, Verdana sans-serif; font-size: 14px;  position:relative; float:left; z-index: 1; text-align:left; clear:both;}
.tpl13hdr {font-weight: 800; font-size: 16px; font-family: Georgia, Arial, Verdana sans-serif; color:#2A4F0F; line-height: 1.7em; padding-top: 5px;}
.tpl13nav {color: #FF9000; font-weight: 800;}
.tpl13 img {margin: 5px; padding:0px;}
.tpl13 A {font-size: 14px; font-family: Arial, Verdana sans-serif; text-decoration : underline}
.tpl13 A:hover {color: #000; text-decoration: underline}

}

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

.tpl14 {margin:0; padding:10px 10px 0 10px; color: #ccc; font-family: Arial, Verdana sans-serif; position:relative; float:left; z-index: 1; text-align:left; clear:both;}
.tpl14hdr {font-weight: 800; font-size: 16px; font-family: Georgia, Arial, Verdana sans-serif; color:#2A4F0F; line-height: 1.7em; padding-top: 5px;}
.tpl14nav {color: #FF9000; font-weight: 800;}
.tpl14 img {margin: 5px; padding:0px;}
.tpl14 h3 {padding: 10px 0 0 12px;}
.tpl14 h4 {font-weight: normal; font-size:14px; color: green; padding:0px; margin-top: 2px;}
.tpl14 A {font-size: 14px; font-family: Arial, Verdana sans-serif; text-decoration : underline}
.tpl14 A:hover {color: #000; text-decoration: underline}
.tpl14 h5 {background-image: url(../../images/blockheaderback.png); background-repeat: repeat-x; background-color: #FF7700; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 2px solid #289307; font-weight: 800; font-size: 14px; color: #FFFFFF; padding:3px; text-align:left; vertical-align: middle;
}

/*############## Template 15 ##############*/

.tpl15 {margin:0; padding:5px 5px 5px 5px; color: #666; font-family: Arial, Verdana sans-serif; font-size:14px; line-height: 1.3em; position:relative; float:left; z-index: 1; text-align:left; clear:both;}
.tpl15hdr {font-weight: 800; font-size: 16px; font-family: Georgia, Arial, Verdana sans-serif; color:#2A4F0F; line-height: 1.7em; padding-top: 5px;}
.tlp15 li {margin-left:20px;}
.tpl15nav {color: #FF9000; font-weight: 800;}
.tpl15 img {margin: 0 auto; padding:0px; border:0}
.tpl15 h3 {padding: 10px 0 0 12px;}
.tpl15 h4 {font-weight: normal; font-size:14px; color: green; padding:0px; margin-top: 2px;}
.tpl15 A {font-size: 14px; font-family: Arial, Verdana sans-serif; text-decoration: underline;}
.tpl15 A:hover {color: #000; text-decoration: underline}



/*############## Template 16 ##############*/
.tpl16 {margin:0; padding:5px 5px 0 5px; color: black; line-height: 1.3em; text-align:left;}
.tpl16hdr {font-weight: bolder; font-size: 16px; font-family: Georgia, Arial, Verdana sans-serif; color:#000000; line-height: 1.2em; padding-top: 5px;}
.tpl16nav {color: #FF9000; font-weight: bold;}
.tpl16 img {margin: 5px; padding:0px;}
/*.tpl16 h4 {font-weight: normal; font-size:14px; color: green; padding:0px; margin-top: 2px;}*/


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

.tpl17 {margin:0; padding:5px 0px 0 0px; color: Black; line-height: 1.3em; text-align:left;}
.tpl17hdr {font-weight: bolder; font-size: 16px; font-family: Georgia, Arial, Verdana sans-serif; color:#000000; line-height: 1.2em; padding-top: 5px;}
.tpl17nav {color: #FF9000; font-weight: bold;}
.tpl17 img {margin-right:5px; margin-bottom:5px; }
.tpl17 h3 {padding: 10px 0 0 12px;}
.tpl17 h4 {font-weight: normal; font-size:14px; color: green; padding:0px; margin-top: 2px;}
.tpl17 h5 {padding:4px 10px; margin-bottom: 10px; background-image: url(../../images/headerback6.png); background-repeat: repeat-x; background-color: #DE6902; color: #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #6cb168; font-weight: 800; font-size:16px;}
.tpl17 A {font-size: 14px; font-family: Arial, Verdana sans-serif; font-weight: 800; text-decoration: underline}
.tpl17 A:hover {color: #000; text-decoration: underline}

/* 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;}
.tpl16 li {font-size: 12px; color: black; padding:0px}
.tpl16ban {background-image : url( /assets/images/titlebar-bk240.jpg ); font-size: 18px; color: #CFC174; padding: 0px; height: 30px; vertical-align: middle;}
.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 18 #################*/

.tpl18 {margin:0; padding:0 0 0 0; color: Black; line-height: 1.2em; text-align:left;}
.tpl18hdr {font-weight: bolder; font-size: 16px; font-family: Georgia, Arial, Verdana sans-serif; color:#000000; line-height: 1.2em; padding-top: 5px;}
.tpl18nav {color: #FF9000; font-weight: bold;}
.tpl18 img {margin-right:5px; margin-bottom:5px; }
.tpl18 h3 {padding: 10px 0 0 12px;}
.tpl18 h4 {font-weight: normal; font-size:14px; color: green; padding:0px; margin-top: 2px;}
.tpl18 h5 {padding:4px 10px; margin-bottom: 10px; background-image: url(../../images/headerback6.png); background-repeat: repeat-x; background-color: #DE6902; color: #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #6cb168; font-weight: 800; font-size:16px;}
.tpl18 A {font-size: 14px; font-family: Arial, Verdana sans-serif; font-weight: 800; text-decoration : underline}
.tpl18 A:hover {color: black; text-decoration: underline;}
.tpl18 p {color: #000;}

/*############## Template 19 ##############

.tpl19 {padding-top:0px; padding-bottom: 0px; color: #C3D3DF; font-family: Arial, Verdana sans-serif; text-align: left;}
.tpl19hdr {font-weight: 800; font-size: 16px; font-family: Georgia, Arial, Verdana sans-serif; color:#2A4F0F; line-height: 1.7em; padding-top: 5px;}
.tpl19nav {color: #FF9000; font-weight:bold;}
.tpl19 img {margin-right:5px; margin-bottom:5px;}
.tpl19 h3 {padding: 10px 0 0 12px;}
.tpl19 h4 {color:#FFFFFF; font-weight: normal; font-size:14px; padding:0; margin-top: 2px;}
.tpl19 h5 {padding:4px 10px; margin-bottom: 5px; background-image: url(../../images/headerback6.png); background-repeat: repeat-x; color: #ffffff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: font-weight: 800; font-size:16px;}
.tpl19 A {font-size: 14px; font-family: Arial, Verdana sans-serif; font-weight: 800; text-decoration: underline}
.tpl19 A:hover {color: #000; text-decoration: underline}

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

.tpl20 {font-family: arial; font-size: 14px; color: BLACK; padding: 0px; margin: 0px; margin-top: 0px ;}
.tpl20hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.tpl20nav {color: #FF9000; font-size: 16px; font-weight: bold;}
/*.tpl20 img {padding-top: 0px; padding-right: 5px; padding-bottom: 5px; padding-left: 0px; width: 200px;} */
.tpl20caption {font-size: 2px; font-weight: bold; color: #666666;}


/*############## Template 23   Sermon Display ##############*/

.tpl23 {}



/*############## Template 25  ##############*/

.tpl25 {font-family: arial; font-size: 14px; color: #000000; text-align:left;}
.tpl25hdr {font-size: 14px; font-weight: bold;  color: #000000; padding: 0px; font-family: arial;}
.tpl25nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl25 h4 {font-size:14px; color: green; font-weight: normal; padding:0px; margin-top: 2px;}
.tpl25 img {vertical-align: top;}
.tpl25 td {font-size:12px;}
.tpl25 tr {font-size:12px;} 
.tpl25 table {font-size:12px;}
.tpl25 th {border: 1px solid #999999;}

/*##############################Template 38 ################################*/
.tpl38 img {margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width:105%; height: 105%}

/*##############################Template 92 ################################*/

.tpl92{margin: 5px 3px 0 3px;}
.tpl92 h5 {background-image: url(../../images/blockheaderback.png); background-repeat: repeat-x; background-color: #FF7700; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 2px solid #289307; font-weight: 800; font-size: 14px; color: #FFFFFF; padding:3px; text-align:left; vertical-align: middle;}
.tpl92 td {width:140px; background-color: black;}
.tpl92 A {font-size: 14px; font-family: Arial, Verdana sans-serif; color : #0088b7; text-decoration : underline}
.tpl92 A:hover {font-size: 14px; font-family: Arial, Verdana sans-serif; color : #FFFFFF; text-decoration : underline}

/*###########################Template 99 ################################*/
.tpl99 {width: 990px; }

    table.sermondatagrid { border: 4px solid #c0c0c0; width: 900px; 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 { font-size: 12px; 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;}
        table.sermondatagrid input {height:16px;}

    table.datagrid { border: 2px solid #cccccc; width: 908px; margin-left: 10px; }
        table.datagrid caption, table.datagrid tfoot { padding-bottom: 4px; overflow: auto; }
        table.datagrid img {margin: 5px 0 0 0; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
            table.datagrid span.left { float: left; font-size: 10px; display: block; color: #ffffff;}
            table.datagrid span.right { float: right; font-size: 10px; display: block; }
        table.datagrid tr { background-color: #fff; }
            table.datagrid tr.alternate { background-color: #DFF1FF; }
        table.datagrid th { background-color: #75ccf6; padding: 3px 3px 3px 3px; text-align: left;}
            table.datagrid th a { color: #000; text-decoration: none; }
            table.datagrid th a:hover { color: #000; text-decoration: underline;}
        table.datagrid td {max-width: 250px; padding: 5px; border-bottom: 1px solid #cccccc;}
            table.datagrid td a { color: #000; }
            table.datagrid td a:hover { color: #000; text-decoration: none; }
        table.datagrid 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; }
            
a.info{
    position:absolute; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; }

a.info div {display: none}

a.info:hover div { /*the span will display just on :hover state*/
    display:block;
    position:absolute;

    top:-2em; left:4em; width:25em;;
    border:2px solid #5796af;
    padding: 8px;
    background-color:#fff; color:#000;
    text-align: left
}            



#topofnav {
    width:221px;
    height:24px;
    margin:0;
    padding:0;
}
.shadow {
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}
.clearboth {
    clear:both;
}
#slideframe {
    position: absolute; left:50%;
    margin-left:-495px;
    margin-top:31px;
    width: 990px;
    height: 250px;
    background-image: url(/cms/assets/images/top-head.png);
    z-index: 20002;
}
#toprail {
    width: 990px;
    float:left;
    position:absolute;
    z-index: 2
}
#floatname {
    position: absolute; left:50%;
    margin-left:-474px;
    margin-top:43px;
    width: 392px;
    height: 83px;
    z-index: 20002
}
#patriotfloatpic {
    position: absolute; left:50%;
    margin-left:-467px;
    margin-top:125px;
    z-index: 20002;
}
#headertwo {
    display: block;
    background-color: #000000;
    width: 554px;
    height: 250px;
    margin: 0;
    padding:0;
    position: relative;
    z-index: 1;
    float: right;
}
#pagetitle3 {
    position: absolute; left:50%;
    margin-left:-485px;
    margin-top:285px;
    width: 185px;
    height: 26px;
    background-image: url(/cms/assets/images/pagetitleback3.png);
    background-repeat: no-repeat;
    z-index: 20002;
}
#navigbar {
    position: absolute; left:50%;
    margin-left:-495px;
    margin-top:281px;
    width: 990px;
    height: 32px;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #939393;
    background-image: url(/cms/assets/images/nav-back.png);
    z-index: 20002;
}


div.follow_us {background:url('/cms/assets/images/follow.png') no-repeat scroll 0 0 transparent; height:187px; width:32px; position: fixed; top: 200px; right: 0; z-index:95;}
div.follow_us div {width:24px;height:24px;position:relative;top:auto;right:auto;margin:5px;}
div.follow_us div a {width:24px;height:24px;display:block;}
div.follow_us .facebook {background-position:0 -211px;}
div.follow_us .youtube {background-position:0 -259px;}
div.follow_us .twitter {background-position:0 -235px;}
div.follow_us .blog {background-position:0 -187px;}


/*##### purple with white text #####*/
headlineblack {
    width: 100%;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
    background-color:#741685;
    padding:4px;
    margin-bottom: 3px;
    font-size:14px;
    font-weight: 800;
    color:#FFFFFF;
    text-align:center;
    vertical-align: middle;
}

/*##### red with white text #####*/
headlinered {
    width: 99%;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
    background-color:#d70303;
    color:#FFFFFF;
    padding:4px;
    margin-bottom: 3px;
    font-size:14px;
    font-weight: 800;
    text-align:center;
    vertical-align: middle;
}

/*##### blue with white text #####*/
headlineblue {
    width: 99%;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
    background-color:#4d82d2;
    border: 1px solid #000000;
    color:#FFFFFF;
    padding:4px;
    margin-bottom: 3px;
    font-size:14px;
    font-weight: 800;
    text-align:center;
    vertical-align: middle;
}

/*##### navy blue with white text #####*/
headlinenavy {
    width: 99%;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
    background-color:#14305e;
    border: 1px solid #000000;
    color:#FFFFFF;
    padding:4px;
    margin-bottom: 3px;
    font-size:14px;
    font-weight: 800;
    text-align:center;
    vertical-align: middle;
}

/*##### yellow with black text #####*/
headlineyellow {
    width: 99%;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
    background-color:#ffb400;
    border: 1px solid #000000;
    color:#000000;
    padding:4px;
    margin-bottom: 3px;
    font-size:14px;
    font-weight: 800;
    text-align:center;
    vertical-align: middle;
}

/*##### green with white text #####*/
headlinegreen {
    width: 99%;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
    background-color:#34771c;
    border: 1px solid #000000;
    color:#ffffff;
    padding:4px;
    margin-bottom: 3px;
    font-size:14px;
    font-weight: 800;
    text-align:center;
    vertical-align: middle;
}

/*##### custom headline #####*/
div.headlinecustom {
    background-color:#d08900;
    border: 1px solid #000000;
    color:#ffffff;
}


.multiheadline2 a {
    color:white;
    }
.multiheadline2 a:hover {
    color:#000000;
    text-decoration: underline;
    }
/*green*/
.multiheadline3 {
    width:99%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 5px;
    margin:5px 0;
    font-size: 18px;
    font-weight: 800;
    color: #FFFFFF;
    text-align:center;
    border: 1px solid #666666;
    background-color: #30c0e4;
}
/*purple*/
.multiheadline4 {
    width:99%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 2px;
    margin:5px 0;
    font-size: 14px;
    font-weight: 800;
    color: #7FD8FF;
    text-align:center;
    border: 1px solid black;
    background-color: #000000;
}
/* scrollbar 
::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-button:start:decrement{
height: 20px;
display: block;
background-color: white;
} 
::-webkit-scrollbar-button:end:increment  {
height: 20px;
display: block;
background-color: white;
}
::-webkit-scrollbar-track-piece  {
background-color: #DAD6B1;
-webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical {
height: 40px;
background-color: #675040;
-webkit-border-radius: 6px;
}
*/

/* ###########  These are the styled backgrounds for FCKEditor ######### */
.bkgrey { 
     background-image: url(/cms/assets/_core/images/silver-background.png);
     background-repeat: repeat-x;
     border-radius: 10px;
     position: relative; 
     zoom: 1; 
     background-color: #D1D1D1; 
     
     padding: 15px; margin:0; 
     border:1px; 
     border-style: olid #ffffff; 
     color:black; 
     margin-bottom: 10px;
 /*    behavior:url("http://www.tipcms.net/border-radius.htc");  */
     }
.bkltgrey { 
     border-radius: 10px;
     position: relative; 
     zoom: 1; 
     background-color: #e6e6e6; 
     padding: 15px; margin:0; 
     border:1px border-style: 
     solid #000; 
     color:black; 
     margin-bottom: 10px;
 /*    behavior:url("http://www.tipcms.net/border-radius.htc");  */
     }     
.bkltblue { 
     border-radius: 10px;
     position: relative; 
     zoom: 1; 
     background-color: #E5F0F8; 
     padding: 15px; margin:0; 
     border:1px border-style: 
     solid #ffffff; 
     color:black; 
     margin-bottom: 10px;
 /*    behavior:url("http://www.tipcms.net/border-radius.htc");  */
     }     
/* ########### Just Wrap whatever you want with this div class ######### */


.divbox
{
    width:250px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    padding: 15px;
    background-image: url(../../images/divback.jpg);
    background-repeat: repeat-x;
    background-color: #cccccc;
    float: left;
    margin: 0 15px 10px 0;
    color: #000;
}

.rounded {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    behavior: url(/css/border-radius.htc);
    border-radius: 10px;
}

.img19 {
    width:129px;
    height:25px;
}