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


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

}

body {
    font-family: Arial, Helvetica, sans-serif;
    color:#2e2e2e;
    background-image: url(../../../images/topbanner-back.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #CCCCCC;
    width:990px;
    margin:0 auto;
    padding:0;
}
body img {
    margin:0; padding:0; border: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:20px;
    font-style: italic;
    font-weight:800;
    font-family:Times New Roman, Georgia, Verdana, Arial;
    color:#000000;
    width:200;
}
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:219px;
    height:32px;
    border:0;
    margin:10px 0 10px 0;
    text-align: center;
    color:white;
    background-image: url(../../../images/headerback.gif);
}

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


#header {
    position: relative;
    float: left;
    width: 733px;
    height: 224px;
    background-color: #6699cc;
}
#navbar {
    float:left;
    height:34px;
    background-image: url(../../../images/topnav-back.jpg);
    background-repeat: repeat-x;
    background-color: #808080;
    position:relative;
    z-index: 15001;
}
#title {
    padding:3px 3px;
    background-color: orange;
    font: bold 1.2em Georgia, Verdana, Arial;
    color: #000000;
    width: 97%;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #000;
}
#header {
    position: relative;
    float: left;
    width: 990px;
    height: 200px;
    background-color: #6699cc;
}
#wrap {
    display: inline;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    float: left;

}
#container {
    position: relative;
    z-index: 1;
    display: block;
    width:100%;
    height: 100%;
    background-color: opaque;
}
#centercontainer {
    position: relative;
    z-index: 1;
    float: left;
    left: 0px;
    width: 500px;
    margin: 10px 0 0 0;
    background-color: transparent;    
}
#onecolcontainer {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    background-color: opaque;
}
#twocentercontainer {
    display: inline;
    position: relative;
    z-index: 1;
    float: left;
    left: 0px;
    width: 725px;
    margin: 6px 0 15px 0;
    background-color: transparent;

}
#leftblock {
    position: relative;
    z-index: 3;
    float: left;
    left: 0px;
    width: 240px;
    margin: 10px 0 0 0;
    background-color: transparent;
    clear:left;
}
#rightblock {
    position: relative;
    float: right;
    right: 15px;
    width: 240px;
    margin: 10px 0 0 0;
    background-color: transparent;
    clear:right;
}
#content {
    position: relative;
    z-index: 1;
    margin: 10px;
    padding: 5px;
    background-color: opaque;
}

#centercontent {
    position: relative;
    z-index: 1;
    width:96%;
    padding: 5px;
    font-size:14px;
    background: opaque;
}
#onecolcontent {
    position: relative;
    z-index: 1;
    width:95%;
    margin: 15px 18px 10px 18px;
    padding: 5px;
    font-size:14px;
    background-color: opaque;
    clear:both;
}
#twocentercontent {
   
    position: relative;
    z-index: 1;
    width:99%;
    left:15px;
    margin-top: 15px;
    font-size:14px;
    background-color:opaque;
    clear:both;
}
#contentsmall {
    position: relative;
    z-index: 1;
    margin: 0 18px;
    font-size:12px;
    background-color:opaque;
}

#footer {
    width:990px;
    height:68px;
    text-align:center;
    font-weight:bold;
    font-size:11px;
    color:#FFFFFF;
    line-height:1.5em;
    float:left;
    border-top: 1px solid gray;
    background-image: url(../../../images/footer.jpg);
    clear:both;
}
#footer a:link {color: #999999;
}
#footer a:hover {color: #0188BD;
}
#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:99%;
    height:15px;
    border-bottom: 1px dashed #666666;
    margin-bottom: 15px;
}
img.bottomleft {
position:fixed;
bottom:0px;
left:50%;
margin-left:-520px;
z-index:20000;
clear:both;
}
img.bottomright {
position:fixed;
bottom:0px;
left:50%;
margin-left:495px;
z-index:20000;
clear:both;
}

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


p, ul, ol {
    margin:0;
    padding:0;
}

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; margin:0; padding: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;
}


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

#datablock1 {
    padding: 5px;
    font-size:12px;
    font-family: sans-serif, arial;
    color:#ffffff;
    border: 6px double #FACF1E;
    background-image: url(../../../images/data1back.jpg);
    background-repeat: repeat-x;
    background-color:#0f5292;
    width:96%;
    margin-bottom:4px;
}
#datablock1 img {
    margin:0 0 3px 0;
    width:99%;
    padding-left:1px;
    border: 1px solid black;

}
#data2 img {
    width:128px;
    border:0;
}
#tweets {
    font-size: 8px;
    font-family: sans-serif, arial;
}
#tweets img{
    width: 40px;
    padding:0 4px 0 0;
}
#topblock1 {
    width: 194px;
    margin-left:12px;
    margin-top:5px;
    font-size:10px;
    font-family: sans-serif, arial;
    color: #fcefa9;
}
#topblock2 {
    width: 194px;
    margin-left:12px;
    margin-top:5px;
    font-size:10px;
    font-family: sans-serif, arial;
    color: #e2ffe9;
}
#topblock3 {
    width: 194px;
    margin-left:12px;
    margin-top:5px;
    font-size:10px;
    font-family: sans-serif, arial;
    color: #333333;
}
#topblock4 {
    width: 194px;
    margin-left:12px;
    margin-top:5px;
    font-size:10px;
    font-family: sans-serif, arial;
    color: #e2f6ff;
}
#blockpic {
    padding:0;
    vertical-align: top;
    width:198px;
    margin:0 0 3px 2px;
}
.multidata {
    width:90%;
    border: 1px solid #999999;
    padding:10px;
    margin: 0;
    background-color: #ffff99;
    font-size: 12px;
}
/*blue*/
.multiheadline {
    width:98%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 2px;
    margin:5px 0;
    font-size: 14px;
    font-weight:800;
    color: #FF5F65;
    text-align:center;
    border: 1px solid black;
    background-color: #000000;
}
/*orange*/
.multiheadline2 {
    width:98%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 2px;
    margin:5px 0;
    font-size: 14px;
    font-weight:800;
    color: #5FFF93;
    text-align:center;
    border: 1px solid black;
    background-color: #000000;
}
/*green*/
.multiheadline3 {
    width:98%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 2px;
    margin:5px 0;
    font-size: 14px;
    font-weight:800;
    color: #FFD35F;
    text-align:center;
    border: 1px solid black;
    background-color: #000000;
}
/*purple*/
.multiheadline4 {
    width:98%;
    -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;
}



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

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


/* ################ 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/warning_48.png);
    background-repeat: no-repeat; 
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 75px;
    margin:0;
    background-color: #FFE04B;
    border-top: 2px solid #999999;
    border-bottom: 2px solid #999999;
}



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


.scroll300 {
    height:300px;
    overflow: auto;
    padding:15px;
    margin:4px 2px 4px 2px;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}
div.scroll3 {
    width:400px;
}
div.scroll2 {
    width:630px;
}
div.scroll1 {
    width:872px;
}
div.scrollblock {
    width:170px;
}


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


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

.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;
border-right: 1px solid #C8E2B6;
border-left: 1px solid #C8E2B6;
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: #FFFFFF;
}
    
/*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{
display: list-item;
position: relative;
z-index: 15000;
margin:0px;
background-color: #00092F;
border-bottom: 1px solid #666666;
}

/*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;
border: 1px solid black;
}

.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;
}

 
/* ######## NOT SURE HOW TO CLASSIFY ######## 

ul#nav
    {
    height:     234px;
    background: url(images/header-bg.jpg) no-repeat;
    list-style: none;
    padding-left: 125px;
    }

ul#nav li
    {
    display:   inline;
    font-size: 1.3em;
    }

ul#nav li a
    {
    display: block;
    width: 112px;
    float: left;
    margin-top: 205px;
    color: gray;
    padding: 2px 5px;
    border: 1px solid #94A55F;
    background: #FFF;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;

    font-weight: bold;
    text-decoration: none;
    text-align: center;
    }

ul#nav li a:hover, ul#nav li a:active
    {
    display: block;
    margin: 205px 0 0 0 auto;
    width:  112px;
    padding: 2px 5px;
    border: 1px solid #94A55F;
    background: #E6F2C5;
    color:  black;

    -moz-border-radius: 8px;

    -webkit-border-radius: 8px;
    }

div#main-content
    {
    background:       url(images/pagebkgnd.png) repeat-x;
    background-color: #ABBD73;
    padding:          20px 20px 20px 0;
    }

div#main-content div#left-col
    {
    float: left;
    width: 240px;
    margin: 0 15px 20px 25px;
    }

div#main-content div#left-col div#left-body
    {
    display: block;
    width: 260px;
    float: left;
    background: #FBFEF3;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-box-shadow: 0 0 20px #94A55F;
    -webkit-box-shadow: 0 0 20px #94A55F;
    border: 1px solid #94A55F;
    }

div#main-content div#left-col div#left-body p
    {
    width:  220px;
    margin: 0 auto;
    padding-bottom: 15px;
    line-height: 1.5em;
    }

div#main-content div#left-col div#left-body img
    {
    width:  220px;
    margin: 0 auto;
    padding: 20px 0 0 0;
    }

div#main-content div#left-col div#left-body p span
    {
    color: #e9bc3d;
    }

div#main-content div#left-col div#left-body a
    {
    color: black;
    }
    
div#main-content div#left-col div#left-body li
    {
    font-size: 14px;
    color: black;
    }

div#main-content div#right-col
    {
    display: block;
    float: left;
    margin-left: 30px;
    width: 653px;
    padding: 20px 0 20px 0;
    background: #FBFEF3;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-box-shadow: 0 0 20px #94A55F;
    -webkit-box-shadow: 0 0 20px #94A55F;

    border: 1px solid #94A55F;
    }

div#main-content div#right-col div#right-body
    {
    width: 653px;
    float: left;
    margin-top: 17px;
    background: url(images/rightbox-bk.png) repeat-y;
    }

div#main-content div#right-col p
    {
    font-size: 1.3em;
    margin: 0 auto;
    padding: 0 20px 15px 20px;
    }

div#footer
    {
    background: url(images/footer.png) repeat-x;
    height: 35px;
    color:  gray;
    margin: 0 auto;
    text-align: center;
    }
	 
	 
*/


tpl1 p li{
    margin:0;
    padding:0;
    color: #000;
    font-family: Arial, Verdana sans-serif;
}
.tpl1 p {
    font-size: 14px;
    line-height: 1.3em; 
}
.tpl1hdr {
    font-weight: 800;
    font-size: 16px;
    font-style: italic;
    font-family: Georgia, Arial, Verdana sans-serif;
    color:#FFFFFF;
    line-height: 1.7em;
    padding-top: 5px;
}
.tpl1 li {
    font-size: 14px;
}
.tpl1ban {
    background-image: url(/images/hover.jpg);
    background-color: #0188BD; 
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    border: 1px solid black;
    padding: 0px;
    height: 30px;
    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;
    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;}
.tpl2hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.tpl2 li {font-size: 14px; color: black; padding:0px}
.tpl2ban {background-image: url(/images/hover.jpg); font-size: 18px; color: #CFC174; padding: 0px; height: 30px; vertical-align: middle;}
.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: Georgia, 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: #CFE9FF; padding: 0px; font-family: arial; text-align: center;}
.tpl3 li {font-size: 14px; color: black; padding:0px}
.tpl3ban {background-image: url(/images/hover.jpg); font-size: 18px; color: #CFC174; font-family: Georgia; padding: 0px; height: 30px; vertical-align: middle;}
.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}
.tpl4ban {
    background-image: url(/images/hover.jpg);
    background-color: #000; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #CFC174;
    padding: 0px;
    height: 30px;
    vertical-align: middle;
}
.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}
.tpl5ban {background-image: url(/images/hover.jpg); font-size: 18px; color: #CFC174; padding: 0px; height: 30px; vertical-align: middle;}
.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: Georgia, 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: #CFE9FF; padding: 0px; font-family: arial; text-align: center;}
.tpl6 li {font-size: 14px; color: black; padding:0px}
.tpl6ban {background-image: url(/images/hover.jpg); font-size: 18px; color: #CFC174; font-family: Georgia; padding: 0px; height: 30px; vertical-align: middle;}
.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: 100px;}


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

.tpl7 {font-family: Georgia, 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: #CFE9FF; padding: 0px; font-family: arial; text-align: center;}
.tpl7 li {font-size: 14px; color: black; padding:0px}
.tpl7ban {background-image: url(/images/hover.jpg); font-size: 18px; color: #CFC174; font-family: Georgia; padding: 0px; height: 30px; vertical-align: middle;}
.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}
.tpl8ban {background-image: url(/images/hover.jpg); font-size: 18px; color: #CFC174; padding: 0px; height: 30px; vertical-align: middle;}
.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}
.tpl9ban {background-image: url(/images/hover.jpg); font-size: 18px; color: #CFC174; padding: 0px; height: 30px; vertical-align: middle;}
.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}
.tpl10ban {background-image: url(/images/hover.jpg); font-size: 18px; color: #FFFFFF; padding: 0px; height: 30px; vertical-align: middle;}
.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}
.tpl11ban {background-image: url(/images/hover.jpg); font-size: 18px; color: #CFC174; padding: 0px; height: 30px; vertical-align: middle;}
.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;
    line-height: 1.3em;
    padding: 10px 10px 0 12px; 
}
.tpl12hdr {
    font-weight: 800;
    font-size: 16px;
    font-style: italic;
    font-family: Georgia, Arial, Verdana sans-serif;
    color:#FFFFFF;
    line-height: 1.7em;
    padding-top: 5px;
}
.tpl12 li {
    font-size: 14px;
}
.tpl12ban {
    background-image: url(/images/hover.jpg);
    background-color: #000; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #CFC174;
    padding: 0px;
    height: 30px;
    vertical-align: middle;
}
.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-bottom: 0px; margin-top: 4px; margin-right:5px;}
.tpl13 p {font-size: 14px; color: BLACK; padding: 0px; margin: 0px;}
.tpl13hdr {font-size: 14px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.tpl13 li {font-size: 14px; color: black; padding:0px}
.tpl13ban {background-image: url(/images/hover.jpg); font-size: 18px; color: #FFFFFF; padding: 0px; height: 30px; vertical-align: middle;}
.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;}
.tpl13 td {border: 1px solid #999999; padding:10px; font-size:12px;}
.tpl13 tr {padding:2px; font-size:12px;} 
.tpl13 table {padding:2px; font-size:12px;}
tpl13 th {border: 1px solid #999999;} 

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

.tpl14 {font-family: arial; font-size: 12px; color: black; padding:5px;}
.tpl14 td{font-family: arial; font-size: 12px; color: #333333; margin:0; padding:0; border: 0; background-color: #FFFFFF;}
.tpl14 tr{font-family: arial; font-size: 12px; color: black; margin:0; padding:0px;}
.tpl14hdr {font-size: 24px; font-weight: bold;  color: black; padding: 0px; font-family: arial; align: center;}
.tpl14 li {font-size: 12px; color: black; padding:0px}
.tpl14ban {font-size: 18px; color: #FFFFFF; padding: 0px; height: 30px; vertical-align: middle; background-image: url(/images/hover.jpg); background-color: #0188BD; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; border: 1px solid black;}
.tpl14nav {color: #FF9000; font-size: 16px; font-weight: bold;}
.tpl14 img {margin:0; padding:0; vertical-align: top;}


/*############## 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}
.tpl16ban {background-image: url(/images/hover.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 20 ##############*/

.tpl20 {font-family: arial; font-size: 14px; color: BLACK; padding: 6px; margin: 0px; margin-top: 4px ;}
.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}
.tpl20ban {background-image: url(/images/hover.jpg); font-size: 18px; color: #CFC174; padding: 0px; height: 30px; vertical-align: middle;}
.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 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}
.tpl21ban {
    background-image: url(/images/hover.jpg);
    background-color: #000; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #CFC174;
    padding: 0px;
    height: 30px;
    vertical-align: middle;
}
.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;}

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

.tpl25 {font-family: arial; font-size: 14px; color: BLACK; padding: 5px; margin: 5px 10px 5px 10px;}
.tpl25 p {font-size: 14px; color: BLACK; padding: 0px; margin: 0px;}
.tpl25hdr {font-size: 14px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.tpl25 li {font-size: 14px; color: black; padding:0px}
.tpl25ban {background-image: url(/images/hover.jpg); font-size: 18px; color: #FFFFFF; padding: 0px; height: 30px; vertical-align: middle;}
.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 {margin-top: 0px; padding:5px; vertical-align: top;}
.tpl25 td {border: 1px solid #999999; padding:10px; font-size:12px;}
.tpl25 tr {padding:2px; font-size:12px;} 
.tpl25 table {padding:2px; font-size:12px;}
tpl25 th {border: 1px solid #999999;}


/*############## 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: 5px; 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: 680px; 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; }
/*
.content A {
    font-family: arial;
    font-size: 14px;
    color : #0088b7;
    text-decoration : underline
}

.content A:visited {
    font-family: arial;
    font-size: 14px;
    color : rgb(0,0,0)
}

.content A:hover {
    font-family: arial;
    font-size: 14px;
    color : #000000;
    text-decoration : underline overline
}

.content A:active {
    font-family: arial;
    font-size: 14px;
    color : rgb(0,0,0)
}

.content UL {
    font-size: 14px
}

.content OL {
    font-size: 14px
}



.content P {
    font-size: 14px
}
*/