#html, body {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:980px;
  height: 100%;
  margin: auto;
  background: url(../images/bk_gradient.gif);
  background-repeat: repeat-x;
  font-size: 11px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#564b47;
} 


h1 {
  font-size: 14px;
  text-transform:uppercase;
  background: url(../images/bk_main_header.gif);
  background-repeat: repeat-x;
  margin-top:0px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:0px;
}

h2 {
  font-size: 12px;
  background: url(../images/bk_main_header.gif);
  background-repeat: repeat-x;
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:0px;
}


h3 {
  font-size: 10px;
  background: url(../images/bk_main_header.gif);
  background-repeat: repeat-x;
  margin-top:0px;
  margin-left:10px;
  margin-right:10px;
  margin-bottom:0px;
}

.errortext {
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 12px; color:#C00000; font-weight: bold;
 }

/* ---------- Page Layout Containers --------------- */

#container {
  margin:auto;
  width: 990px; 
}

#header {
  background: #DDDDDD;
}

#leftBar {
  float: left;
  width: 200px;
  font-size: 11px;
  background: url(../images/UHBCTitle4.jpg);
  background-repeat: no-repeat;
  background-color: #F5E6D1;
}


#leftBarMap ul {   
  margin: 0;   
  padding: 0;   
  list-style-type: none;
} 


#leftBarMap a {   
  position: absolute;
  width: 68px;       
  height: 68px;      
  text-indent: -1000em; 
} 


#leftBarMap .worship a {  
  top: 106px;   
  left: 173px; 
}

#leftBarMap .connect a {        
  top: 202px;  
  left: 204px; 
}


#leftBarMap .serve a {        
  top: 292px;  
  left: 181px; 
}


#leftBarMap .go a {        
  top: 390px;  
  left: 205px; 
}



#leftMenu {
  float: left;
  width: 200px;
  font-size: 11px;
  background: url(../images/UHBCLeftMenu.jpg);
  background-repeat: no-repeat;
  background-color: #F5E6D1;
}


#leftMenuStyle {
  margin-top: 80px;
}

#leftBottom
{
  background: url(../images/leftBottom.gif);
  height:18px;
  background-repeat: no-repeat;
}


#content {
  float:left;
  width:590px;
}

#rightBar { 
  float:right;
  width: 200px; 
}

#footer { 
  clear:both;
} 



/* -----------------content--------------------- */ 
p {
  font-size: 10px;
  padding: 5px 10px;
  margin:0px; }


b {
  font-size: 10px;
  margin:0px;
}

#bodyContent {
  position:relative;
}


#contentTop {
  background: url(../images/content_top.gif);
  background-repeat: no-repeat;
  width:590px;
}

#contentBottom {
  background: url(../images/content_bottom.gif);
  background-repeat: no-repeat;
  width:590px;
}

#contentBody {
  background: url(../images/content_body.gif);
  background-repeat: repeat-y;
  width:590px;
}


#content520Top {
  background: url(../images/content520_top.gif);
  background-repeat: no-repeat;
  width:520px;
}

#content520Bottom {
  background: url(../images/content520_bottom.gif);
  background-repeat: no-repeat;
  width:520px;
}

#content520Body {
  background: url(../images/content520_body.gif);
  background-repeat: repeat-y;
  width:520px;
}


#content350Top {
  background: url(../images/content350_top.gif);
  background-repeat: no-repeat;
  width:350px;
}

#content350Bottom {
  background: url(../images/content350_bottom.gif);
  background-repeat: no-repeat;
  width:350px;
}

#content350Body {
  background: url(../images/content350_body.gif);
  background-repeat: repeat-y;
  width:350px;
}


#content260Top {
  background: url(../images/content260_top.gif);
  background-repeat: no-repeat;
  width:260px;
}

#content260Bottom {
  background: url(../images/content260_bottom.gif);
  background-repeat: no-repeat;
  width:260px;
}

#content260Body {
  background: url(../images/content260_body.gif);
  background-repeat: repeat-y;
  width:260px;
}


#content170Top {
  background: url(../images/content170_top.gif);
  background-repeat: no-repeat;
  width:170px;
}

#content170Bottom {
  background: url(../images/content170_bottom.gif);
  background-repeat: no-repeat;
  width:170px;
}

#content170Body {
  background: url(../images/content170_body.gif);
  background-repeat: repeat-y;
  width:170px;
}


.contentText {
  margin-left:10px;
  margin-right:10px;
}


#rightrailTop {
  background: url(../images/rightrail_top.gif);
  background-repeat: no-repeat;
  width:200px;
}

#rightrailBottom {
  background: url(../images/rightrail_bottom.gif);
  background-repeat: no-repeat;
  width:200px;
}

#rightrailBody {
  background: url(../images/rightrail_body.gif);
  background-repeat: repeat-y;
  width:200px;
}


.rightrailText {
  margin-left:10px;
  margin-right:10px;
}


#itemTop {
  background: url(../images/item_top.gif);
  background-repeat: no-repeat;
  width:290px;
}

#itemBottom {
  background: url(../images/item_bottom.gif);
  background-repeat: no-repeat;
  width:290px;
}

#itemBody {
  background: url(../images/item_body.gif);
  background-repeat: repeat-y;
  width:290px;
}


.itemText {
    margin-left:20px;
    margin-right:20px;
}


.itemCategory {
    margin-left:20px;
    margin-right:20px;
    font-weight: 700;
    font-size: 14px;
    COLOR: #070A7F;
}


.playerTitle {
    font-weight: 550;
    COLOR: #070A7F;
}

/* ------ Main Homepage Menu -------- */
#hpMenu LI A
{
    PADDING-RIGHT: 0px! important;
    DISPLAY: block;
    PADDING-LEFT: 15px! important;
    PADDING-BOTTOM: 8px! important;
    WIDTH: 140px;
    COLOR: #555555;
    PADDING-TOP: 4px! important;
    BORDER-BOTTOM: #b8b8b8 1px solid;
    TEXT-DECORATION: none;
    voice-family: inherit
}

#hpMenu UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left;
    FONT-SIZE: 11px;
    FONT-WEIGHT: 700;
    LIST-STYLE-TYPE: none
}

#hpMenu LI A:hover
{
    DISPLAY: block;
    WIDTH: 140px;
    COLOR: #000000;
    BORDER-BOTTOM: #b8b8b8 1px solid;
    BACKGROUND-COLOR: #575ac5;
    voice-family: inherit
}
#hpMenu LI A:active
{
    DISPLAY: block;
    WIDTH: 140px;
    COLOR: #000000;
    BORDER-BOTTOM: #b8b8b8 1px solid;
    BACKGROUND-COLOR: #575ac5;
    voice-family: inherit
}
LI.navLevelOneSelected A
{
    MARGIN-BOTTOM: -12px;
    BACKGROUND-COLOR: #575ac5
}


#rightBar A:hover
{
    TEXT-DECORATION: none;
}
#rightBar A
{
    COLOR: #000000;
    TEXT-DECORATION: none;
}

#rightBar P
{
   MARGIN-RIGHT: 10px;
   MARGIN-LEFT: 10px;
}


#rightBar H3
{
    FONT-SIZE: 1.0em;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0.5px;
    MARGIN-RIGHT: 10px;
    MARGIN-LEFT: 10px;
    COLOR: #070A7F;
}


#rightBar UL
{
    PADDING-RIGHT: 5px;
    LIST-STYLE: square url(/images/hyphen.gif) outside;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px 1.4em;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
}


#rightBar LI
{
    font-size: 10px;
    MARGIN-LEFT: 10px;
    MARGIN-RIGHT: 10px;
}



#itemBodyText
{
    margin-left: 10px;
    margin-right: 10px;
}


#itemBodyText P
{
    FONT-SIZE: 10px;
    MARGIN-RIGHT: 10px;
    MARGIN-LEFT: 10px;
}


#itemBodyText H3
{
    FONT-SIZE: 1.0em;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0.5px;
    MARGIN-RIGHT: 10px;
    MARGIN-LEFT: 10px;
    COLOR: #070A7F;
}


#itemBodyText UL
{
    FONT-SIZE: 10px;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
}


#itemBodyText LI
{
    TEXT-ALIGN: left;
    MARGIN-RIGHT: 10px;
    MARGIN-LEFT: -10px;
}


#leftVerseHeader
{
  MARGIN-TOP: 500px;
  background: url(../images/verseHeader.jpg);
  background-repeat: no-repeat;
}


#leftVerse
{
  MARGIN-LEFT: 20px;
  MARGIN-RIGHT: 20px;
  FONT-WEIGHT: 500;
}


#sermonList TR
{
    font-size: 10px;
    font-weight: 500;
    BACKGROUND-COLOR: #E1D1C1
}


#sermonList 
{
    font-size: 10px;
    font-weight: 500;
}