html body
{
   
    text-align: center;
     
}

#mainwrap
{
    position: relative;
    width: 998px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: auto;
    padding: 0;
    border: solid 1px #000;
    text-align: left;
    
}

#header
{
    float: left;
    height: 150px;
    width: 100%;
    margin: 0;
    background-color: #cc0000;
    
}

#logo
{
    position: absolute;
    left: 745px;
    top: 40px;
    width: 215px;
    height: 90px;
    
}


#currentdate
{
    position: absolute;
    left: 730px;
    top: 7px;
    width: 220px;
    color: #f5f5f5;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}





/* =======================
 Main Content Layout Area 
 =======================*/

#leftpane
{
    float: left;
    width: 195px;
    min-height: 600px;
    height: auto !important;
    height: 600px;
    background-color: transparent;
    background-image: url(http://www.jupiterchristian.org/Portals/_default/Skins/Images/sidegrad1.jpg);
    background-repeat: repeat-x;
}

.leftpanetop
{
    float: left;
    border-bottom: solid 1px #f5f5f5; 
}

.leftpanebottom
{
    float: left;
    padding-top:30px;  
}

#content
{
    float: left;
    width: 79%;
    padding: 0px 3px 0px 10px;
    margin-top: 20px;
}

#footer
{
    float: left;
    clear: both;
    width: 100%;
    background-color: #fff;
}

#footerlinks
{
    float: left;
    clear: both;
    width: 100%;
    height: 20px;
    padding-bottom: 5px;
    background-color: #cc0000;
}

#leftlinks
{
    float: left;
    width: 200px;
    margin-left: 5px;
    padding-top: 5px;
    background-color: #cc0000;
}

#rightlinks
{
    float: right;
    width: 50px;
    padding-top: 5px;
    background-color: #cc0000;
}


/* =======================
 Horizontal Nav Menu 
 =======================*/

.TabList
{
    float: left;
}
.TabList ul
{
    clear: both;
    margin: 0;
    padding: 10px 10px 0;
    list-style: none;
    display: inline;
}

.TabList li
{
    float: left;
    margin: 0;
    display: inline;
    padding: 0 0 0 0px;
}

.LinkIcon
{
    border: 0;
    padding-right: 2px;
}

.TabList li a
{
    font-family: Georgia, Tahoma,San-Serif;
    font-size: 14px;
    voice-family: "\"}\"";
    voice-family: inherit;
    line-height: normal;
}

select.TabList
{
    position: absolute;
    top: 104px;
    left: 755px;
    margin-top: 1px;
    border-left: #339933 1px solid;
    border-right: #339933 1px solid;
    border-top: #339933 1px solid;
    border-bottom: #339933 1px solid;
    background-color: #f5f5f5;
    color: #000;
    font-weight: normal;
    font-size: 11px;
}

#TopMenu
{
    float: left;
    width: 300px;
    margin-left: 22px;
    margin-top: 7px;
    height: 30px;
    background-color: transparent;
}

#TopMenu a
{
    font-size: 11px;
    padding: 0px 2px 0px 1px;
    text-decoration: none;
    font-weight: bold;
    color: #f5f5f5;
}

#TopMenu a:hover
{
    text-decoration: none;
    color: #f5f5f5;
}

#TopMenu li
{
    border-right: solid 1px #f5f5f5;
}

#TopMenu li:hover
{
}

#TopMenu .LinkLeft
{
    margin-left: 0;
    border-left: none;
}

#TopMenu #LinkLeft0
{
    margin-left: 0;
    border-right: none;
}

#TopMenu .SelectedTab
{
    border-width: 0;
}
#TopMenu .SelectedTab a
{
    cursor: default;
    color: #FFFFFF;
    border-right: solid 1px #f5f5f5;
}
#ParentTabsContainer
{
    float: left;
    width: 100%;
    height: 30px;
    background-image: url(http://www.jupiterchristian.org/Portals/_default/Skins/Images/menu_bg.png);
    background-repeat: repeat-x;
}

#ParentTabs a
{
    display: block;
    font-size: 12px;
    text-align: center;
    padding: 8px 23px 4px 23px;
    text-decoration: none;
    font-weight: bold;
    color: #f5f5f5;
}

#ParentTabs a:hover
{
    text-decoration: none;
    background-position: 100% -150px;
    color: #d7d7d7;
}

#ParentTabs li
{
    background-image: url(http://www.jupiterchristian.org/Portals/_default/Skins/Images/menu_left.png);
    background-repeat: no-repeat;
}

#ParentTabs li:hover
{
}

#ParentTabs .LinkLeft
{
    margin-left: 0;
    border-left: none;
}

#ParentTabs #LinkLeft0
{
    background-image: none;
}

#ParentTabs .SelectedTab
{
    border-width: 0;
    background-image: url(http://www.jupiterchristian.org/Portals/_default/Skins/Images/menu_left.png);
    background-repeat: no-repeat;
}

#ParentTabs .SelectedTab a
{
    background-position: 100% -150px;
    padding-bottom: 5px;
    color: #cc0000;
    cursor: default;
    background-image: url(../images/menu_left.png);
    background-repeat: no-repeat;
}

#ParentTabs .SelectedTab a:hover
{
    padding-bottom: 5px;
    color: #cc0000;
    cursor: default;
}

#ParentTabs .DisabledTab
{
    display: block;
    font-size: 12px;
    text-align: center;
    padding: 4px 3px 4px 25px;
    text-decoration: none;
    font-weight: bold;
    color: #f5f5f5;
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
    background-color: transparent;
}


/* IE-PC doesn't see these child selectors but CSS2 compliant browsers can make use of them
#NavTabs > ul a {width:auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#NavTabs a
{
    float: none;
}
/* End IE5-Mac hack */

#NavTabsContainer
{
 width: 195px;
 float: left;
 text-align: left;
 
}

#NavTabs a
{
    width: 195px;
    float: left;
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-decoration: none;
    color: #f5f5f5;
}

#NavTabs a:hover
{
    color: #d7d7d7;
}

#NavTabs .Level1 li
{
}

#NavTabs li:hover
{
}

#NavTabs .Level1
{
    margin: 0px 0px 0px 0px;
   
}
#NavTabs .Level1 a
{
    width: 195px;
    font-weight: bold;
    padding-top: 4px;
    background-image: url(http://www.jupiterchristian.org/Portals/_default/Skins/Images/sidemenu1.jpg);
    background-repeat: no-repeat;
    padding-left: 30px;
    -moz-box-sizing:border-box;box-sizing:border-box;
}

#NavTabs .Level2
{
    padding-left: 0px;
}

#NavTabs .Level2 a
{
    font-weight: bold;
    color: #4c4533;
    padding-left: 20px;
}

#NavTabs .SelectedTab a
{
    font-weight: bold;
    color: #cc0000;
    cursor: default;
}
#NavTabs .DisabledTab
{
    color: #4c4533;
    font-size: 14px;
    font-weight: bold;
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
    padding-top: 30px;
    padding-bottom: 5px;
    padding-left: 5px;
    width: 185px;
    border-bottom: #4c4533 1px solid;
}

:focus
{
    -moz-outline-style: none; /*remove accessibilty border */
}

/* ===============================
default text styles and CSS used for the main content text
eg. used by the FCKEditor Text / HTML module 
================================== */

#__dnn_body
{
    background: #fff;
}

.Normal, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font: 8pt/10pt Georgia, Verdana, Arial, Helvetica, sans-serif;
    color: #555753;
}

.h1, h2, h3, h4, h5
{
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font: Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #404040;
}

.headings
{
    font-weight: bold;
    color: #404040;
    font-size: 11px;
    text-decoration: none;
}

.internal A:link, .internal A:visited, .internal A:active
{
    text-decoration: none;
    color: #404040;
    font-weight: bold;
    font-size: 11px
    
   
}
.internal A:hover
{
    text-decoration: underline;
    color: #cc0000;
}

.external A:link, .external A:visited, .external A:active
{
    text-decoration: none;
    color: #036;
}
.external A:hover
{
    text-decoration: underline;
    color: #cc0000;
}

#table
{
 width: 775px;   
  border: dashed 1px red; 
}

.quoteleft
{
    font: italic 105% Georgia, "Times New Roman", Times, Serif;
    padding: 0 10px 0 0;
    margin: 10px 10px 10px 0;
    width: 220px;
    float: left;
    text-align: right;
    border-right: 10px solid #C8CDD0;
    color: #75818A;
}
.quoteright
{
    font: italic 105% Georgia, "Times New Roman", Times, Serif;
    padding: 0 0 0 10px;
    margin: 10px 0 10px 10px;
    width: 220px;
    float: right;
    text-align: left;
    border-left: 10px solid #C8CDD0;
    color: #75818A;
}

.faqanswer
{
    margin: 0;
    padding: 0;
    line-height: 1.1;
    font: 11px Georgia, Verdana, Arial, Helvetica, sans-serif;
    color: #555753;
}



/* ------------------------
Any Other Links format 
----------- */

.Normal A:link, .Normal A:visited, .Normal A:active
{
    text-decoration: none;
    color: #036;
}
.Normal A:hover
{
    text-decoration: underline;
    color: #F00;
}

/* This is the Copyright eg. any items that are not links */
.SkinItem
{
    text-decoration: none;
    color: #f5f5f5;
}
/* This sets the style for all skin items that are links */
A.SkinItem:link, A.SkinItem:visited, A.SkinItem:active
{
    text-decoration: none;
    font: 11px Georgia, Verdana, Arial, Helvetica, sans-serif;
    color: #f5f5f5;
}
A.SkinItem:hover
{
    text-decoration: underline;
}

A. link, A. visited, A. active
{
    text-decoration: none;
    font: 12px Georgia, Verdana, Arial, Helvetica, sans-serif;
    color: #4c4533;
}
A. hover
{
    text-decoration: underline;
    color: #b30401;
}
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}