/* 
    Document   : main.css
    Created on : Jan 12, 2011, 12:00:01 PM
    Author     : Jeremy McCurdy
    Description:
        This is the main CSS file for The Old Parsonage
*/

root { 
    display: block;
}
body {
	overflow-y:scroll;
    background-color: #000000;
    color:#FFFFFF;
    font-family: 'Droid Serif', arial, serif;
    font-size: 14px;
}
h1{
    font-size: 24px;
    margin-bottom: 10px;
}
h3{
    font-size: 18px;
    margin-bottom: 5px;
}
a:link,a:visited{
    color:#bbbaba;
    text-decoration:none;
}
a:hover{
    color:#575757;
    text-decoration:underline;
}

.container{
    position:relative;
    top:40px;
    width:960px;
    margin-left: auto;
    margin-right: auto;
}
.header{
    margin-bottom: 59px;
}
.navBar{
    height:48px;
    
    background-image: url("../images/imgNavBarMainBG.png");
}
#logo{
    position: absolute;
	z-index:1337;
    top:-16px;
    left:0px;
}
#randomPhrase{
    position: absolute;
    top:53px;
    left:260px;
    font-size: 18px;
}
#NavBarEndPieceLeft{
    float:left;
}
#NavBarEndPieceRight{
    float:right;
}

.navList{
    position: absolute;
    width:600px;
}
.navItem{
    list-style-type: none;
    display:inline;
    
    margin-right:0px;
    margin-left:-4px;
}
.navItemBox{
    position:relative;
    display:inline-block;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 14px;
    background-image: url("../images/imgNavBarButtonBGOff.png");
    font-size: 18px;
    height:34px;
    left:253px;
}
.firstNavBarButtonSeparator{
    position:absolute;
    top:0px;
    left:0px;
    margin-right:9px;
}
.navBarButtonSeparator{
    position:absolute;
    top:0px;
    right:0px;
    margin-left:9px;
}
.dropDown{
    position: absolute;
    top:48px;
    width:300px;
}
.subNavBorderLeft{
    width:2px;
    background-image: url("../images/imgNavDropDownBorderLeft.png");
    background-position:left;
    background-color: #070707;
    background-repeat:repeat-y;
}
.subNavCell{
    background-color: #070707;
    background-image: url("../images/imgNavDropDownBorderRight.png");
    background-position:right;
    background-repeat:repeat-y;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 14px;
}
.subNavBorderRight{
    width:2px;
    background-image: url("../images/imgNavDropDownBorderRight.png");
    background-position:right;
    background-color: #070707;
    background-repeat:repeat-y;
}
.subNavCornerLeft{
    width:19px;
    height:16px;
    background-image: url("../images/imgNavDropDownCornerLeft.png");
    background-repeat:no-repeat;
}
.subNavBorderBottom{
    height:16px;
    line-height:17px;
    background-image: url("../images/imgNavDropDownBorderBottom.png");
    background-repeat:repeat;
}
.subNavCornerRight{
    position: relative;
    width:19px;
    height:16px;
    background-image: url("../images/imgNavDropDownCornerRight.png");
    background-repeat:no-repeat;
    background-position:right;
}
.subNavList{
    position: relative;
    left:-10px;
    padding:0px;
}
.drpInvisible{
    display:none;
}
.drpVisible{
    display:block;
}
.drpAnthony{
   left:1px;
}
.drpAnthony .subNavBorderBottom{
    width:139px;
}
.subAnthony{
    width:158px;
}

.drpAccomodations{
    left:-1px;
}
.drpAccomodations .subNavBorderBottom{
    width:113px;
}
.subAccomodations{
    width:132px;
}
.drpCorporate{
    left:-1px;
}
.drpCorporate .subNavBorderBottom{
    width:65px;
}
.subCorporate{
    width:84px;
}

/*==================================================Body Section*/
/*Image Module Table */

.moduleOrFooter,.moduleOrFooterTable{
    width:100%;
}
.moduleOrFooterCornerTL{
    width:20px;
    height:20px;
    background-image: url("../images/imgModuleOrFooterCornerTL.png");
    background-color: #090909;
    background-position: left;
    background-repeat: no-repeat;
}
.moduleOrFooterCornerTR{
    width:20px;
    height:20px;
    background-image: url("../images/imgModuleOrFooterCornerTR.png");
    background-color: #090909;
    background-position: right;
    background-repeat: no-repeat;
}
.moduleOrFooterCornerBL{
    width:20px;
    height:20px;
    background-image: url("../images/imgModuleOrFooterCornerBL.png");
    background-color: #090909;
    background-position: left;
    background-repeat: no-repeat;
}
.moduleOrFooterCornerBR{
    width:20px;
    height:20px;
    background-image: url("../images/imgModuleOrFooterCornerBR.png");
    background-color: #090909;
    background-position: right;
    background-repeat: no-repeat;
}
.moduleOrFooterBG{
    background-color: #090909 !important;
}

/*Content Table */
.mainContent,.contentTable{
    width:100%;
}
.contentCornerTL{
    width:20px;
    height:20px;
    background-image: url("../images/imgContentCornerTL.png");
    background-color: #0f0f0f;
    background-position: left;
    background-repeat: no-repeat;
}
.contentCornerTR{
    width:20px;
    height:20px;
    background-image: url("../images/imgContentCornerTR.png");
    background-color: #0f0f0f;
    background-position: right;
    background-repeat: no-repeat;
}
.contentCornerBL{
    width:20px;
    height:20px;
    background-image: url("../images/imgContentCornerBL.png");
    background-color: #0f0f0f;
    background-position: left;
    background-repeat: no-repeat;
}
.contentCornerBR{
    width:20px;
    height:20px;
    background-image: url("../images/imgContentCornerBR.png");
    background-color: #0f0f0f;
    background-position: right;
    background-repeat: no-repeat;
}
.contentBG{
    background-color: #0f0f0f;
}
.contentBox{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left:15px;
    padding-right:15px;
    font-family: 'Droid Serif', arial, serif;
    font-size: 14px;
}

.commentBox{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left:15px;
    padding-right:15px;
    margin-left:40px;
    margin-right:40px;
}
/*FOOTER TABLE==================================================*/
.footertable{
    position: relative;
    left:5px;
    top:-10px;
    border-collapse:separate;
    width: 950px;
    border-spacing: 10px 0px;
}

.copyrightInfo{
    text-align:right;
}
/*PHOTO BORDERS==================================================*/
.frameCornerTL{
    width:27px;
    height:28px;
    background-image: url("../images/imgFrameCornerTL.png");
}
.frameCornerTR{
    width:27px;
    height:28px;
    background-image: url("../images/imgFrameCornerTR.png");
}
.frameCornerBL{
    width:27px;
    height:28px;
    background-image: url("../images/imgFrameCornerBL.png");
}
.frameCornerBR{
    width:27px;
    height:28px;
    background-image: url("../images/imgFrameCornerBR.png");
}

.frameBorderT{
    height:28px;
    background-image: url("../images/imgFrameBorderT.png");
}
.frameBorderL{
    width:27px;
    background-image: url("../images/imgFrameBorderL.png");
}
.frameBorderR{
    width:27px;
    background-image: url("../images/imgFrameBorderR.png");
}
.frameBorderB{
    height:28px;
    background-image: url("../images/imgFrameBorderB.png");
}

.galleryGrid{
    position: relative;
    left:30px;
    border-collapse:separate;
    border-spacing: 20px;
}
.frame{
    background-color: #c5c5c5;
}
.frame img{
    margin:0px;
    padding:0px;
    border:0px solid #FFFFFF;
}
.frameBody{
    width:0px;
	background-color:#000000;
}
/*=============================================================*/
/*ADMIN STYLING                                                */
/*=============================================================*/
.adminSuccess{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 24px;
    color:#001C00;
    background-color: #26B000;
}
.adminError{
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 24px;
    background-color: #B00000;
}
.headingRow{
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.editHeading{
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
}
.formHeadingCell{
    vertical-align: top;
}
.editTable{
    width:630px;
}
.editTableStart{
    vertical-align: top;
    width:270px;
}

.galleryEditTableStart{
    vertical-align: top;
    width:384px;
}

.editTableMiddle{
    vertical-align: top;
    width:280px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
.galleryEditTableMiddle{
    vertical-align: top;
    width:150px;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}
.editTableEnd{
    vertical-align: top;
    width:80px;
}
.galleryEditTableEnd{
    vertical-align: top;
    width:95px;
}
.editRow{
    border-bottom: 1px solid #ffffff;
}
.editButton{
    border: 1px solid #FFFFFF;
    background-color: #13A600;
    color:#FFFFFF;
    padding:1px;
}
.editButton:hover{
     border: 1px solid #00FF22;
     color:#001C00;
}
.deleteButton{
    border: 1px solid #FFFFFF;
    background-color: #A60000;
    color:#FFFFFF;
    padding:1px;
}
.deleteButton:hover{
    border: 1px solid #FF0000;
    color:#001C00;
}