/* ################ GLOBAL ################ */
html, body {
    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:#333333;
    width:990px;
    margin:0 auto;
    padding:0;
    background-image: url(/cms/assets/images/background.jpg);
    background-repeat: no-repeat;
     background-position: center 10px;
    background-color: #3b0101;
}

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

/* ###### Brown Background with White Lettering ###### */

h5 {
    width: 99%;
    background-color:#743300;
    border: 1px solid #000;
    font-weight: 800;
    font-size: 14px;
    color:#EB9E08;
    padding:4px;
    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: #FFFFFF;
    width: 990px;
    margin-bottom: 0;
    position: absolute; top:313px;
    border-left: 2px solid #FFFFFF;
    border-right: 4px solid #FFFFFF;
}
.inner {
    background-color: #FFFFFF;
    width: 935px;
    margin: 21px;
    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:#391900;
    font-family: Georgia, Verdana, Arial;
    font-size: 16px;
    font-weight: 800; 
    color: #E2A83A;
    width: 99%;
    height:22px;
    padding-top:3px;

    text-align: center;
    border: 1px solid #000000;
}
#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 {
/*  width:px; */
    margin:0;
    padding:0;
/*  background-image: url(../../images/articlebackground.png);
    background-repeat: repeat-x;
    background-color: #FCFAF0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
    border: 1px solid #DFDCC3; */
    color:black;
}
#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 #999999;
    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 #999999;
    font-size:12px;
    color:white;
}
#articlebackground2 img {
    width:96%;
}
#blockdata {  
    padding:0;
    font-family: Georgia, Verdana, Arial;
    font-size:9px;
    color: #000000;


}

#maincontainer {
    position: absolute;
    top:__Mainbodytop__;
/*    z-index: 1; */  
    width: __Mainbodywidth__;
    margin: 0 auto;
    background-image: url(/cms/assets/images/main-content-background.jpg);
    background-repeat: no-repeat;
    background-color: #3B0101;
}

#innercontainer {
    position: relative;
    margin: 0 auto; 
    width: __Innerbodywidth__;
    height: 100%;
    padding: 0 0 20px 0;
   /* background-color: #FFFFFF; */
}

#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;
    background-color: #FFFFFF; 
/* to control width in Templates need to remove width from here */    
/*    width: 970px; */
}
#twocentercontainer {
    position: relative;
    float: right;
    left: 0px;
    margin-top: 38px;
    margin-right: 0px;

/* to control width in Templates need to remove width from here */    
/*    width: 720px; */
    height:100%;
    background-image: url(/cms/assets/images/main-article-background.jpg);
    min-height:466px;
}
#leftblock {
    position: relative;
    float: left;
    background-image: url(/cms/assets/images/left-nav-background.jpg);
    min-height:466px;
    max-height:466px;
    margin-top:38px;
    

}

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

#footer {
    position:relative;
    bottom:0px;
    left:0px;
    margin-bottom:0px;
    text-align:center;
    font-weight:bold;
    font-size:12px;
    color: #999999;
    border-top: 1px solid #cccccc;
    background-color:#C47A16;
    background-image: url(/cms/assets/images/footerback.png);
    background-repeat: repeat-x;
    width:100%;
    height:110px;
    border-right: 2px solid #FFFFFF;
}
#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: #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 ###################*/

/*################# 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: #000000;
text-decoration: none;
font-weight:normal;
padding: 2px 0 2px 3px;
border-bottom: 1px solid #cccccc;


}

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


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

#datablock1 {
    margin: 5px 10px 0 10px;
    padding: 5px;
    font-size:14px;
    font-family:arial;
}
#datablock5 {
    margin-top:10px;
    font-size:11px;
    font-family:arial;
}
#datablock5 a:link {
    color:black;
}
#datablock5 img {
    width:150px;
}
#datablock1 img {
   /* width:150px;:1px; */
   border:1px solid #391900;
} 


/* ################ 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;
}
.scroll3 {
    width:630px;
    overflow: auto;
}
div.scroll2 {
    width:630px;
}
div.scroll1 {
    width:872px;
}
div.scrollblock {
    width:170px;
}
.scroll400 {
    /* width:630; */
    height:390px;
    margin-left: 0 auto;
    overflow: auto;
    
    /* background-color: #ffffff; */
}
.scroll500 {
    /* width:630; */
    height:390px;
    margin: 0 auto;
    overflow: auto;
    background-color: #ffffff;
}


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

 
/* ######## 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:3px;
    margin:5px 1px 5px 2px;
   /* background-image: url(../../images/articlebackground.png);
    background-repeat: repeat-x;
    background-color: #FCFAF0; 
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
    border: 1px solid #DFDCC3; */
    font-size:14px;
    color:#333333;
    text-align:left;
}

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

.tplban {
    background-image: url(../../images/article-header.png);
    background-repeat: no-repeat;
    background-color: #000000;
    font-family: Arial;
    font-size: 18px;
    color: #FCFAF0;
    text-align:left;
    border: 1px solid black;
    padding-left: 3px;
    height: 27px;
    vertical-align: middle;
    } 
 
/* ############### Tip Template CSS ############### */     

.tpl1 {margin:0 auto; padding:10px 5px 0 5px; color: #333333; line-height: 1.3em;
    width:630;
    height:380px;
    overflow: auto;
    background-color: transparent;}
.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 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 {font-family: arial; font-size: 14px; color: BLACK; padding: 6px; margin: 0px; margin-top: 4px ;}
.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:0; padding:0 0 0 0; color: Black; text-align:left;}
.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 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:0px; color: #333333; 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 img {margin: 2px 10px 0 0; 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: #0088b7;}
.tpl13 A:active {color: #000;}
.tpl13 A:hover {color: #000; text-decoration: underline}
/* .tpl13 h5 background-color: #743300; font-weight: 800; font-size: 14px; color: #EB9E08; padding:5px; text-align:left; vertical-align: middle; max-width:99%; */
}


/*############## 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:10px 10px 0 10px; color: #C3D3DF; font-family: Arial, Verdana sans-serif; line-height: 1.3em; position:relative; float:left; z-index: 1; text-align:left; clear:both;}
.tpl15hdr {font-weight: 800; font-size: 16px; font-family: Georgia, Arial, Verdana sans-serif; color:#2A4F0F; line-height: 1.7em; padding-top: 5px;}
.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: 800;}
.tpl19 img {margin-right:5px; margin-bottom:5px; }
.tpl19 h3 {padding: 10px 0 0 12px;}
.tpl19 h4 {font-weight: normal; font-size:14px; color: green; padding:0px; 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 ;}
.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 23 ###############*/

.tpl23 {padding:10px 15px 10px 15px;}


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

.tpl25 {font-family: arial; font-size: 14px; color: BLACK; padding: 5px; margin: 5px 10px 5px 10px;}
.tpl25hdr {font-size: 14px; font-weight: bold;  color: BLACK; 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 {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;}

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



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

/* Bandits Menu */
.menu {
    margin: 0;
    padding: 0;
    width: 219px;
    list-style: none;
}
.menu li {
    padding: 0;
    margin-top: 5px;
    height: 36px;
    list-style: none;
    background-repeat: no-repeat;
}
.menu li a, .menu li a:visited a:active {
    display: block;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    font-weight: 800;
    padding-top: 10px;
    height: 36px;
    background-repeat: no-repeat;
}
.home {background-image: url(/cms/assets/images/home-high.png);}
.home a {background-image: url(/cms/assets/images/home.png);}
.about {background-image: url(/cms/assets/images/about-high.png);}
.about a {background-image: url(/cms/assets/images/about.png);}
.menu2 {background-image: url(/cms/assets/images/menu-high.png);}
.menu2 a {background-image: url(/cms/assets/images/menu.png);}
.events {background-image: url(/cms/assets/images/events-high.png);}
.events a {background-image: url(/cms/assets/images/events.png);}
.galleries {background-image: url(/cms/assets/images/galleries-high.png);}
.galleries a {background-image: url(/cms/assets/images/galleries.png);}
.merchandise {background-image: url(/cms/assets/images/merchandise-high.png);}
.merchandise a {background-image: url(/cms/assets/images/merchandise.png);}
.contact {background-image: url(/cms/assets/images/contact-high.png);}
.contact a {background-image: url(/cms/assets/images/contact.png);}
.navigation {background-image: url(/cms/assets/images/navigation.png);}

ul.menu li a:hover {background: none;}

.specials a:link {text-decoration: none; color #FFF; }
.specials td {background-image: url(/cms/assets/images/specials.png); width:147; height:28; text-align: center;}