/* ################ GLOBAL ################ */
html {
    border:0;
    margin:0 auto;
    padding:0;
    height: 100%;
}
body {
    font-size: 100.01%;
    font-family: Arial, Verdana sans-serif;
    line-height: 1.0em;
    color:#000;
    width:990px; 
    margin:0 auto;
    padding:0;
    background-image: url(/cms/assets/images/brown-background.jpg);
    background-repeat: no-repeat;
    background-position: center 15px;
    background-color: #7a2e03;
}

ul, ol, li {font-size: 14px; color: black; padding:0px}

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


h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    font-weight:normal;
}
h1 {
    padding:5px 0;
    margin-bottom: 10px;
    letter-spacing:-1px;
    font-size:2em; 
    font-family: Georgia, Verdana, Arial;
    text-transform:uppercase;
}
h2 {
    padding:3px 3px;
    margin-bottom: 10px;
    letter-spacing:-1px;
    font-size:1.5em;
    font-weight: 800;
    font-family:Georgia, Verdana, Arial;
    color:#FFFFFF;
}
h3 {
    padding:10px 0 0 0;
    font-weight: 800;
    font-style: italic;
    font-size:1.2em;
    font-family:Georgia, Verdana, Arial;
    color:#000000;
}

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

h4 {
    width: 97%;
    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;  
}

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

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

/*p:first-line {
    font-weight: bold;
    background-color: black;
    color: white;
    width:100%;
}*/


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

}
.pagetitle2 {
    width:172px;
    height:36px;
    border:0;
    margin:0 auto;
    padding-top:6px;
    text-align: center;
    font-family:Georgia,arial,verdana;
    font-weight: 800;
    font-size:14px;
    color:#002E55;
}

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

#wrap {
    background-color: #fffdf2;
    width: 990px;
    margin-bottom: 0;
    position: absolute; top:313px;
    border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
}
.inner {
    background-color: white;
    width: 935px;
    margin: 20px;
    height:100%;
    border: 1px solid #939393;
    padding:5px;
}
#header {
    position: relative;
    float: left;
    width: 990px;
    height: 200px;
    background-color: #6699cc;
}
#student {
    position: relative;
    float: left;
    width: 990px;
    height: 174px;
    background-color: #6699cc;

}
#navbar {
    float:right;
    height:36px;
    background-image: url(../images/navback.jpg);
    background-repeat: repeat-x;
    position:relative;
    z-index: 900;
}
#title {
    background-image: url(../../images/blockheaderback.png);
    background-repeat: repeat-x;
    background-color:#CF8419;
    font: bold 1.2em Georgia, Verdana, Arial;
    color: #ffffff;
    width: 96%;
    margin-top:5px;
    margin-bottom: 5px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #AF9A62;
}
#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;    
}
#articlebackground {
    padding:5px;
    margin:0;
    border:1px
    border-style: solid;
    border-color: #CCCCCC;
    background-color: #F4F3E1;
    color:black;
 /* background-image: url(../../images/articlebackground.png); 
    background-repeat: repeat-x;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; */
}

#articlebackground2 {
    padding:8px;
    margin:0 3px 0 0;
    background-image: url(../../images/articlebackground.png);
    background-repeat: repeat-x;
    background-color: #3d70b3;
    -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/articlebackground.png);
    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:0;
    font-family: Georgia, Verdana, Arial;
    font-size:9px;
    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;
}
#datablock5 {
    padding: 5px 0 5px 0;
    width:200px;
    font-size:12px;
    font-family:arial;
    text-align:left;
    margin-top:5px;
    background-color:#f4f3e1;
    border: 1px solid #cccccc;
}
#datablock5 a:link {
    color:black;
}
#datablock5 img {
margin-bottom:5px;}


#block1ban img {width:200px;}
#block5ban img {width:200px;}


#maincontainer {
    position: absolute;
/*    z-index: 1; */  
/*    margin: 0 auto; */
    background-color: #fffdf2;
    width:990px;
}

#innercontainer {
    position: relative;
    margin: 0 auto; 
    height: 100%;
    padding: 0 0 20px 0;
}

#centercontainer {
    position: relative;
    float: left;
    left: 0px;
/* to control width in Templates need to remove width from here */
/*    width: 550px; */
    background-image: url(../../images/content-background.png);
}
#onecolcontainer {
    position: relative;
    float: left; 
/* to control width in Templates need to remove width from here */    
/*    width: 970px; */
}
#twocentercontainer {
    position: relative;
    float: right;
    left: 0px;
    vertical-align: top;

/* to control width in Templates need to remove width from here */    
/*    width: 720px; */
    height:100%;
}
#leftblock {
    position: relative;
    float: left;
    
 /*   width: Leftcolwidth; */
}

#rightblock {
    position: relative;
    float: right;
    margin-top: 10px;
}
#content {
    position: relative;
    margin: 10px;
    padding: 5px;
}
#centercontent {
    position: relative;
 /*   width:466px; */
    margin: 10px;
    padding: 5px;
    font-size:14px;
}
#onecolcontent {
    position: relative;
 /*   width:100%; */
    margin: 0px 0px 0px 0px;
    padding: 5px;
    font-size:14px;
}
#twocentercontent {
    position: relative;
   float: right; 
/*    width:682px; */
    margin: 0 auto;
    padding: 0 0 0 0px;
    font-size:14px;
    height:100%;
    vertical-align: top;
    
}
#contentsmall {
    position: relative;
    margin: 0px;
    padding-top: 0px;
    font-size:12px;
    height:100%;
    /*border: 8px double #BBF62A;*/
}

#footer {
    text-align:center;
    font-weight:bold;
    font-size:12px;
    color: #999999;
    background-image: url(/cms/assets/images/footer.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: -170px;
    left: 0px;
    width: 100%;
    height: 170px;
}

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


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


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


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


a, a:link, a:visited {
    color: #005485;
    text-decoration: underline;
}
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 ###################*/

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

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

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #CFC174;
text-decoration: none;
font-weight:normal;
padding: 2px 0 2px 3px;
border-bottom: 1px solid #cccccc;
/*width: __Leftcolwidth__;  Main Menu Item widths */

}

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

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

.sidebarmenu ul li a:hover{
background-color:#59799F;
color: white;
}

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


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


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


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


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

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

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

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

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

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





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


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


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


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



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


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



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


.jqueryslidemenu{
font-size: 12px; font-family: Verdana, Arial, sans-serif;
width: 100%;
z-index: 15000;
}

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

}

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

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
padding: 7px 10px 10px 10px;
text-decoration: none;
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: #939393;
}

.jqueryslidemenu ul li a:hover{
background-color: #162D4D;
border-bottom: 1px solid #CAB9A6;
color: #ffffff;
}
    
/*1st sub level menu*/
.jqueryslidemenu ul li ul {
display: block;
position:absolute;
right: 50%;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
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 {
font: normal 13px arial;
background-color: #162D4D;
border-bottom: 1px solid #CAB9A6;
width: 200px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
}

.jqueryslidemenuz ul li ul li a:hover { /*sub menus hover style*/
background-color: #59799F;
color: white;
}

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

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

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



/* ############# 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:96%;
    height:400px;
    margin: 0 auto;
    overflow: auto;
    padding:15px;
    margin:4px 2px 0 2px;
    background-color: transparent;
}
.scroll300 {
    width:96%;
    height:305px;
    margin: 0 auto;
    overflow: auto;
    padding:15px;
    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;
}
/*################################################################*/ 
/* ######## 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;
    }
*/

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

#horizontalcol{
    line-height:1.2em;
    height:100%;
    padding:5px;
    margin:2px 1px 0 2px;
    background-color: #FFFBEF;
    border: 1px solid #CCCCCC;
    font-size:11px;
    color:#333333;
    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:11px;
    line-height:1.1em;
    margin:5px 0 0 0;
    }
#horizontalcol ul li{
    font-size:11px;
    color:#666666;
    margin-left:-8px;
    }

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

.tplban {
    background-image: url(../../images/pagetitleback1.png);
    background-repeat: repeat-x;
    background-color: #fdfdf1;
    /* -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; */
    /*-moz-box-shadow: 0 0 10px #666666;
    -webkit-box-shadow: 0 0 10px #666666;*/
    font-family: Arial;
    font-size: 14px;
    font-weight:800;
    color: #666666;
    text-align:left;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    padding-left: 3px;
    height: 27px;
    vertical-align: middle;
    } 
 
/* ############### 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; 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 - 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 {font-family: arial; font-size: 14px; color: black; padding:8px 0px 0 11px; margin: 0px; margin-top: 4px; line-height: 1.3em; text-align:left;}
.tpl10hdr {font-size: 24px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
/* .tpl10ban {background-image: url(../../images/articleheaderback.png); background-repeat: repeat-x; background-color: #9d5f09; -moz-border-radius: 20px; -webkit-border-radius: 20px; -moz-box-shadow: 0 0 10px #666666; -webkit-box-shadow: 0 0 10px #666666; font-family: Arial; font-size: 18px; color: #FCFAF0; text-align:left; border: 1px solid black; padding-left: 3px; height: 27px; 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 ;}
.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 ##############*/

.tpl12 {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;}
.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 h3 {padding: 10px 0 0 12px;}
.tpl12 h4 {font-weight: normal; font-size:14px; color: green; padding:0px; margin-top: 2px;}
.tpl12 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;}
.tpl12 A {font-size: 14px; font-family: Arial, Verdana sans-serif; color : #001864; font-weight: 800; text-decoration : underline}
.tpl12 A:visited {color: #001864;}
.tpl12 A:active {color: #001864;}
.tpl12 A:hover {color: black; text-decoration: underline}



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

.tpl13 {margin-bottom:5px; padding:10px 10px 0 10px; color: #000; font-family: Arial, Verdana sans-serif; 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 td {border: 1px solid #CCCCCC; background-color: #FFFBEF; vertical-align: top;}

.tpl13 img {margin: 5px; padding:0px;}
.tpl13 h3 {padding: 10px 0 0 12px;}
.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 : #0088b7; text-decoration : underline}
.tpl13 A:visited {color: #000;}
.tpl13 A:active {color: #000;}
.tpl13 A:hover {color: #000; text-decoration: underline}
.tpl13 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 14 ##############*/

.tpl14 {margin:0; padding:10px 10px 0 10px; color: #000; 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; color : #0088b7; text-decoration : underline}
.tpl14 A:visited {color: #000;}
.tpl1 A:active {color: #000;}
.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: #C3D3DF; font-family: Arial, Verdana sans-serif; font-size:12px; line-height: 1.3em; position:relative; float:left; z-index: 1; text-align:left; background-color:#f4f3e1; border: 1px solid #cccccc; 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;}
.tpl15nav {color: #FF9000; font-weight: 800;}
.tpl15 img {margin: 5px; padding:0px;}
.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; color : #0088b7; text-decoration : underline}
.tpl15 A:visited {color: #000;}
.tpl1 A:active {color: #000;}
.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; color: #FFB900; font-weight: 800; text-decoration: underline}
.tpl17 A:visited {color: #FFB900;}
.tpl17 A:active {color: #FFFFFF;}
.tpl17 A:hover {color: #FFFFFF; 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; color : #001864; font-weight: 800; text-decoration : underline}
.tpl18 A:visited {color: #001864;}
.tpl18 A:active {color: #001864;}
.tpl18 A:hover {color: black; text-decoration: underline;}
.tpl18 p {color: #FFFFFF;}

/*############## 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; color: #FFB900; font-weight: 800; text-decoration: underline}
.tpl19 A:visited {color: #FFB900;}
.tpl19 A:active {color: #FFFFFF;}
.tpl19 A:hover {color: #FFFFFF; text-decoration: underline}

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

.tpl20 {font-family: arial; font-size: 14px; color: BLACK; padding: 6px; margin: 0px; margin-top: 4px ;}
.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 21   Sermon Display ##############*/

.tpl21 {font-family: arial; font-size: 12px; color: BLACK; padding: 6px; margin: 0px; margin-top: 4px margin-bottom:5px;}
.tpl21hdr {font-size: 12px; font-weight: bold;  color: BLACK; padding: 0px; font-family: arial;}
.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: #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 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.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;} 
        table.datagrid tr.selectedStyle {background-color: #ffaacc;} 

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

/*blue*/
.multiheadline {
    width:97%;
    /*-moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
    padding: 2px;
    margin:0;
    font-size: 14px;
    font-weight: 800;
    color: #FFFFFF;
    text-align:center;
    border: 1px solid black;
    border-bottom:1px solid #2d2d2d;
    background-color: #000000;
}
/*orange*/
.multiheadline2 {
    width:98%;
    height:15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 0 auto;
    margin-top:5px;
    font-size: 12px;
    font-weight: 800;
    color: #FFFFFF;
    text-align:center;
    border: 1px solid #666666;
    background-color: #30c0e4;
    text-decoration: none;
}
.multiheadline2 a {
    color:white;
    }
.multiheadline2 a:hover {
    color:#000000;
    text-decoration: underline;
    }
/*green*/
.multiheadline3 {
    width:98%;
    -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: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;
}
/* 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;
}
*/