html, body {
    border:0;
    padding:0;
}
body {
    font-size: 100.01%;
    font-family: Arial, Helvetica, sans-serif;
    color:#2e2e2e;
}
h1 { padding: 0px; margin: 0px; font-size: 0px; }
A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0088b7;
    text-decoration : underline
}
A:visited {
    color: #000;
}
A:active {
    color: #000;
}
A:hover {
    color: #000;
    text-decoration : underline
}
h2 {
    font-size: 18px;
    font-style: italic;
    font-weight: 800;
    color:black;
    font-family: Times New Roman, Georgia;
    margin:0;
    padding:0;   
}
span {font-size:14px; font-family:arial;}
/* ####################### CONTENT #################### */

#wrap {
    display: block;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    float: left;
    clear:both;
}
#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: #000000;
    font: bold 1.2em Georgia, Verdana, Arial;
    color: #CFC174;
    width: 97%;
    margin-bottom: 10px;
    text-align: center;
    border-top: 1px solid #3f290c; border-bottom: 1px solid #3f290c; ;
}
#header {
    position: relative;
    float: left;
    width: 990px;
    height: 200px;
    background-color: #6699cc;
}
#container {
    position: relative;
    z-index: 1;
    display: block;
    width:100%;
    height: 100%;
    background: opaque;
}
#centercontainer {
    position: relative;
    z-index: 1;
    float: left;
    left: 0px;
    width: 506px;
    background-color: opaque;
    
}
#onecolcontainer {
    position: relative;
    z-index: 1;
    float: left;
    width: 990px;
    background-color: opaque;
}
#twocentercontainer {
    position: relative;
    z-index: 1;
    float: left;
    left: 0px;
    width: 725px;
    background-color: opaque;
}
#leftblock {
    position: relative;
    z-index: 3;
    float: left;
    left: 0px;
    width: 240px;
    margin: 0 0 0 5px;
    background-color: opaque;
    clear:both;
}
#content {
    position: relative;
    z-index: 1;
    margin: 10px;
    padding: 5px;
    background-color: opaque;
}
#centercontent {
    position: relative;
    z-index: 1;
    width:466px;
    margin: 20px;
    padding: 5px;
    font-size:14px;
    background: opaque;
}
#onecolcontent {
    position: relative;
    z-index: 1;
    width:95%;
    margin: 10px 18px 10px 18px;
    padding: 5px;
    font-size:14px;
    background-color: opaque;
}
#twocentercontent {
    position: relative;
    z-index: 1;
    width:725px;
    margin-top: 20px;
    padding: 5px;
    font-size:14px;
    background-color:opaque;
}
#contentsmall {
    position: relative;
    z-index: 1;
    margin: 0 18px;
    font-size:12px;
    background-color:opaque;
}
#rightblock {
    position: relative;
    float: right;
    right: 0px;
    width: 240px;
    background-color: opaque;
    clear:both;
}
#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;
}
/* ############## DATA BLOCKS ############# */

#datablock1 {
    margin: 10px;
    padding: 5px;
    font-size:12px;
    font-family: sans-serif, arial;
    border: 6px double #CCCCCC;
    background-color:#FFFFFF;
}
#datablock1 img {
    margin-top:0 0 4px 0;
    width:95%;
    padding-left:1px;

}
#tweets {
    font-size: 8px;
    font-family: sans-serif, arial;
}
#tweets img{
    width: 40px;
    padding:0 4px 0 0;
}
#topblock1 {
    width: 194px;
    margin-left:15px;
    margin-top:5px;
    font-size:10px;
    font-family: sans-serif, arial;
    color: #653701;
}
#topblock2 {
    width: 194px;
    margin-left:12px;
    margin-top:5px;
    font-size:10px;
    font-family: sans-serif, arial;
    color: #b4d9f9;
}
#topblock3 {
    width: 194px;
    margin-left:12px;
    margin-top:5px;
    font-size:10px;
    font-family: sans-serif, arial;
    color: #c5ffa9;
}
#topblock4 {
    width: 194px;
    margin-left:12px;
    margin-top:5px;
    font-size:10px;
    font-family: sans-serif, arial;
    color: #f7cbff;
}
#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%;
    padding: 2px;
    margin:5px 0;
    font-size: 40px;
    font-weight:800;
    color: #ffffff;
    text-align:center;
    border: 1px solid black;
    background-color: #056DAB;
}
/*orange*/
.multiheadline2 {
    width:98%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 2px;
    margin:5px 0;
    font-size: 14px;
    font-weight:800;
    color: #ffffff;
    text-align:center;
    border: 1px solid black;
    background-color: #FF9410;
}
/*green*/
.multiheadline3 {
    width:98%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 2px;
    margin:5px 0;
    font-size: 14px;
    font-weight:800;
    color: #ffffff;
    text-align:center;
    border: 1px solid black;
    background-color: #57AA18;
}
/*purple*/
.multiheadline4 {
    width:98%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 2px;
    margin:5px 0;
    font-size: 14px;
    font-weight:800;
    color: #ffffff;
    text-align:center;
    border: 1px solid black;
    background-color: #B05AAC;
}
.datablockparchment{
    margin:0;
    padding:0;
    font-size:11px;
    width: 160px;
    text-align:left;
    position:inherit;
    z-index:5;
}
.datablockparchment span {
    color: #142541;
    font-size: 12px;
}
datablockparchment2{
    width:180px;
    position:inherit;
    z-index:5;
}
.datablockparchment2 span {
    color: #142541;
    font-size: 20px;
}
/* ######################### scrolling block ######################### */

.scroll3 {
    width:400px;
    height:400px;
    overflow: auto;
    padding:15px;
    margin:4px 2px 4px 2px;
    border: 8px double #9D8056;
    background-color: transparent;
}
.scroll2 {
    width:615px;
    height:400px;
    overflow: auto;
    padding:15px;
    margin:4px 2px 4px 2px;
    border: 8px double #9D8056;
    background-color: transparent;    
}
.scroll2nb {
    width:665px;
    height:300px;
    overflow: auto;
    padding:15px;
    margin:4px 2px 4px 2px;
    background-color: transparent;    
}
.scroll2ns {
    text-align:left;
    width:650px;
    padding:10px;
    margin:4px 2px 4px 2px;
    background-color: transparent;    
}
.scroll2caption{
    font-size:12px;
    font-weight: 800;
    color:#775B47;
}
.scroll1 {
    width:872px;
    height:400px;
    overflow: auto;
    padding:15px;
    margin:4px 2px 4px 2px;
    border: 8px double #9D8056;
    background-color: transparent;
}
.scrollblock {
    width:170px;
    height:200px;
    overflow: auto;
    padding:15px;
    margin:4px 2px 4px 2px;
    border: 8px double #9D8056;
    background-color: transparent;
}
.copyright {color: #FFFFFF; text-align: center; margin-bottom: 0px; font-size: 12px;}

    /* 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: #000000; padding: 0 3px 0 3px; margin: 0 2px 0 2px;}
            span.paginator span.page a:hover { background-color: #000000; color: white;}
            span.paginator span.arrow { font-weight: bold; color: #000000; margin: 0; padding: 0 3px 0 3px; }
            span.paginator span.arrow a { font-weight: bold; color: #000000; text-decoration: none; }
            span.paginator span.selected { font-weight: bold; background-color: #ffcf00; padding: 0 3px 0 3px; margin: 0 2px 0 2px; border: 1px; border-style: solid; }
            span.paginator span.break { color: #402615; margin: 0 5px 0 5px; }
            span.paginator span.ellipsis { color: #402615; }
*/
/*############## Template 1 ##############*/

.tpl1 p li{
    padding:0;
    color: #000;
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    margin: 10px 10px 0 10px;
    line-height: 1.3em; 
}
.tpl1 p {
    margin: 10px 10px 0 10px;
    font-size: 14px;
    line-height: 1.3em; 
}
.tpl1 div {
    margin: 10px 10px 0 10px;
    font-size: 14px;
    line-height: 1.3em; 
}
.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;
}
.tpl1ban {
    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;
}
.tpl1nav {
    color: #FF9000;
    font-weight: bold;
}
.tpl1 img {
    margin: 10px 10px 0 10px;
    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 : #0066FF;
    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( /assets/images/titlebar-bk240.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;}
.tpl2 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}


/*############## 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: #02697c; padding: 0px; font-family: arial; text-align: center;}
.tpl3 li {font-size: 14px; color: black; padding:0px}
.tpl3ban {background-image : url( /assets/images/titlebar-bk240.jpg ); font-size: 18px; color: #CFC174; 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;}
.tpl3 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}


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

.tpl4 {font-size: 14px; color: BLACK; padding:0px; line-height: 1.3em; margin-top: 10px;}
tpl4 p {
    padding:0;
    color: #000;
    font-family: Arial, Verdana, sans-serif;
    line-height: 1.3em;
}
.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-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: 12px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 250px; vertical-align: top;}
.tpl4 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}


/*############## 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( /assets/images/titlebar-bk240.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;}
.tpl5 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}


/*############## 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: #02697c; padding: 0px; font-family: arial; text-align: center;}
.tpl6 li {font-size: 14px; color: black; padding:0px}
.tpl6ban {background-image : url( /assets/images/titlebar-bk240.jpg ); font-size: 18px; color: #CFC174; 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: 84px;}
.tpl6 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}


/*############## 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: #02697c; padding: 0px; font-family: arial; text-align: center;}
.tpl7 li {font-size: 14px; color: black; padding:0px}
.tpl7ban {background-image : url( /assets/images/titlebar-bk240.jpg ); font-size: 18px; color: #CFC174; 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;}
.tpl7 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}


/*############## 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( /assets/images/titlebar-bk240.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;}
.tpl8 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}


/*############## 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( /assets/images/titlebar-bk240.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;}
.tpl9 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}


/*############## 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-color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 18px; color: #CFC174; 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;}
.tpl10 img {position: inherit; z-index:50000;}
.tpl10 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}


/*############## 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( /assets/images/titlebar-bk240.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;}
.tpl11 img {margin: 0px 10px 0 10px; padding:0px; border: 1px solid black;}
.tpl11 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}

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

.tpl12 p li{
    margin: 10px 10px 0 10px;
    padding:0;
    color: #000;
    font-family: Arial, Verdana, sans-serif;
    font-size:14px;
}
.tpl12 div{
    margin: 10px 10px 0 10px;
    padding:0;
    color: #000;
    font-family: Arial, Verdana, sans-serif;
    font-size:14px;
}
.tpl12 p {
    font-size: 14px;
    line-height: 1.3em;
    padding: 0px 5px 0 5px;
    margin: 10px 10px 0 10px; 
}
.tpl12hdr {
    font-weight: 800;
    font-size: 18px;
    font-family: Georgia, Arial, Verdana sans-serif;
    color:#1E1206;
    line-height: 1.2em;
}
.tpl12 li {
    font-size: 14px;
}

.tpl12 table {
    font-size: 14px;
}

.tpl12ban {
    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 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 : #0066FF;
    text-decoration : underline
}

/*############## Template 13 ##############*/
.tpl13 p li{
    margin:0;
    padding:0;
    color: #000;
    font-family: Arial, Verdana sans-serif;
}
.tpl13 p {
    font-size: 14px;
    line-height: 1.3em; 
}
.tpl13hdr {
    font-weight: bolder;
    font-size: 16px;
    font-family: Georgia, Arial, Verdana sans-serif;
    color:#2A4F0F;
    line-height: 1.7em;
    padding-top: 5px;
}
.tpl13 li {
    font-size: 14px;
}
.tpl13ban {
    background-image: url(../images/navhover.jpg);
    background-repeat: repeat-x;
    background-color: #000000; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #cfc174;
    border: 1px solid black;
    padding-left: 3px;
    height: 36px;
    vertical-align: middle;
}
.tpl13nav {
    color: #FF9000;
    font-weight: bold;
}
.tpl13 img {
    margin: 5px;
    padding:0px;
}
.tpl13 h4 {
    font-weight: normal;
    font-size:14px;
    color: green;
    padding:0px;
    margin-top: 2px;
}
.tpl13 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}
.tpl4ban {
    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;
}
/*############## 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( /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;}
.tpl16 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}


/*############## 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( /assets/images/titlebar-bk240.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;}
.tpl20 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}


/*############## 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-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;}
.tpl21 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}

/*############# Template 90 ##################*/

.tpl90 p li{
    padding:0;
    color: #000;
    font-family: Arial, Verdana, sans-serif;
    margin: 10px 10px 0 10px;
}
.tpl90 p {
    margin: 10px 10px 0 10px;
    font-size: 14px;
    line-height: 1.3em; 
}
.tpl90 div {
    margin: 10px 10px 0 10px;
    font-size: 14px;
}
.tpl90hdr {
    font-weight: bolder;
    font-size: 16px;
    font-family: Georgia, Arial, Verdana sans-serif;
    color:#2A4F0F;
    line-height: 1.7em;
    padding-top: 5px;
}
.tpl90 li {
    font-size: 14px;
}
.tpl90ban {
    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;
}
.tpl90nav {
    color: #FF9000;
    font-weight: bold;
}
.tpl90 img {
    margin: 10px 10px 0 10px;
    padding:0px;
}
.tpl90 h4 {
    font-weight: normal;
    font-size:14px;
    color: green;
    padding:0px;
    margin-top: 2px;
}
.tpl90 A {
    font-size: 14px;
    font-family: Arial, Verdana sans-serif;
    color : #0066FF;
    text-decoration : underline
}
/*############## 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: 120px; border: 1px solid black;}


.menutest {float: left; position:absolute; margin-left: 300px; margin-top: 300px; }

    /* 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; }

/*
.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
}
*/
.jqueryslidemenu{
position: relative;
font-size: 12px; font-weight:800; font-family: Verdana, Arial, sans-serif;
width: 600px;
line-height:2.0em;
padding: 0 0 0 0px;
margin-left: 20px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

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

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

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

.jqueryslidemenu ul li a:link {
color:#1B3C7C;
font-weight: 800;
}
.jqueryslidemenu ul li a:visited{
color: #1B3C7C;
font-weight: 800;
}

.jqueryslidemenu ul li a:hover{
background-image: url(../images/hover.jpg);
background-repeat: repeat-x;
color: #ffffff;
}
    
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position:absolute;
left: 0;
display: block;
background: #262729;
visibility: hidden;
z-index: 20000;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
border-bottom: 2px solid #383838;
}

/*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{
font: normal 13px arial;
color: #ffffff;
width: 200px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
z-index: 20000;
font-weight: 400;
}
.jqueryslidemenu ul li ul li a:link {
color: #CFBA5A;
font-weight: 400;
}
.jqueryslidemenu ul li ul li a:visited {
color: #CFBA5A;
font-weight: 400;
}
.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
background-image: url(../images/hover.jpg);
font-weight: 400;
}

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

.downarrowclass{
position: absolute;
top: 18px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/*################# Vertical  Side Bar Menu ###################*/

.sidebarmenu ul{
margin-left: 16px;
padding: 0;
list-style-type: none;
font: 13px Arial, Verdana;
width: 207px; /* Main Menu Item widths */
height:30px;

}
 
.sidebarmenu ul li{
position: relative;
background-image: url(../images/otherbtn.png);
margin-top: 2px;
}

/* 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 6px 8px 30px;


}

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

}*/
.sidebarmenu {
    text-align: left;
}

.sidebarmenu ul li a:visited{
color: white;
}

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

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
margin-top: -50px;
margin-left: 0;
z-index: 1000;
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 */



/* defines the page header formatting */
.showname3 {font-size: 24px; font-weight: bold;  color: #BC9E4C; padding: 0px; font-family: arial; text-align: center; text-transform: uppercase;} 

.showname2 {font-size: 12px; font-weight: bold;  color: #1d3267; padding: 0px; font-family: arial; text-align: center; text-transform: uppercase;} 

.bottomnav {background-color: rgb(0,0,0); padding: 8px; border-top: 1px solid rgb(94,64,38); border-bottom: 1px solid rgb(94,64,38);}
.bottomnav p {text-align: right; margin-bottom: 0px; font-family: Arial,Helvetica,Geneva,Sans-serif; font-size: 12px; color: rgb(188,158,76) }
.bottomnav A {font-weight: bold; text-decoration: none; font-size: 12px; font-family: arial; text-align: left; color: #FFE9C0;}
.bottomnav A:visited {font-size: 12px; color: #FFE9C0;}
.bottomnav A:active {font-weight: bold; font-size: 12px; color : #987730; }
.bottomnav A:hover {font-weight: bold; font-size: 12px; color : #987730; }

/* footernav class */
.footernav {font-size: 12px; font-weight: bold; color: #bc9e4b;}
.footernav A {font-size: 12px; color: #bc9e4b; text-decoration: none;}
.footernav A:visited {font-size: 12px; color: #bc9e4b;}
.footernav A:hover {color: #ffcc00; font-size: 12px;}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}