/* CSS Document */
body{margin:0; padding:0; font:14px/18px Arial,Helvetica; background:rgb(57, 91, 133); overflow-y:scroll;}
div, p, h1, h2, h3, h4, form{margin:0px; padding:0px;}

.FormRow > label {display:inline-block; margin:0 0 10px 0; width:100px; vertical-align:top;}
.FormRow > textarea {width:400px; height:50px; margin:0 0 10px 0;}

/*--Top Panel--*/
#topPanContainer{background:url(../Content/header_bg.jpg) 0 0 repeat-x #FFFAC2;}
#topPanSubPageContainer{background:url(../Content/header_sub_bg.jpg) 0 0 repeat-x #FFFAC2;}

.leftShadow{background:url(../Content/left_shadow.png) 0 184px no-repeat; width:952px; height:434px; margin:0; padding:0;}
.rightShadow{background:url(../Content/right_shadow.png) 948px 184px no-repeat; width:952px; height:434px; margin:0; padding:0;}
.bottomShadow{background:url(../Content/bottom_shadow.png) center top no-repeat; width:952px; height:4px;}
.divider{display:inline-block; background:url(../Content/divider.png) 0 0 no-repeat; width:1px; height:215px; margin:0; padding:0; margin:0 30px 0 30px;}
.greenText{color:#90A142; font:14px/16px Arial, Helvetica, sans-serif;}

td p{padding: 0 !important;}

span.more{float:right; display:block; width:60px; height:20px; background:#AB330A;}
span.more a{width:100px; height:20px; display:block; color:#FFFAC2; font:14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px 0 0 14px; text-decoration:none;}
span.more a:hover{text-decoration:underline;}

#topPan{background:url(../Content/logo_header.jpg) center top no-repeat; width:952px; height:434px; position:relative; margin:0 auto; padding:0;}
#topPan a{text-decoration:none;}
#topPan h1{width:450px; height:3em; position:absolute; top:0px; left:0px; display:block; font:24px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#fff; margin:20px 0 0 5px; font-weight:normal;}
#topPan h1 span{font-size:18px;}

#topPan ul{height:27px; position:absolute; top:161px; left:3px; margin:0; padding:0; list-style:none;}
#topPan ul.subNav{width:410px; height:27px; position:absolute; top:161px; left:400px;}
#topPan ul.topNav{width:940px; height:27px; position:absolute; top:0px; right:0px;}
#topPan ul.topNav li{float:right;}
#topPan ul li.fixed a{width:69px;}
#topPan ul li{float:left; height:22px; display:block;}
#topPan ul li a{display:block; height:22px; color:#fff; font:13px/23px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center;}
#topPan ul li a.selected{color:#afafaf; text-decoration:none; font:13px/23px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}
#topPan ul li a:hover{color:#FFFAC2; text-decoration:none;}
#topPan ul.mainMenu {z-index:9991;}
#topPan ul.mainMenu li div{background:url(../Content/menu_button_l.png) top left no-repeat; height:22px; padding-left:5px;}
#topPan ul.mainMenu li div>div{background:url(../Content/menu_button_r.png) top right no-repeat; height:22px; padding-left:0; padding-right:5px;}
#topPan ul.mainMenu li div>div>a{background:url(../Content/menu_button_m.png) 0 0 repeat-x; height:22px; padding:0 2px;}
#topPan ul.mainMenu.topNav {z-index:9990;}
#topPan ul.mainMenu.topNav li div{background:url(../Content/menu_button_top_l.png) top left no-repeat; height:22px; padding-left:5px;}
#topPan ul.mainMenu.topNav li div>div{background:url(../Content/menu_button_top_r.png) top right no-repeat; height:22px; padding-left:0; padding-right:5px;}
#topPan ul.mainMenu.topNav li div>div>a{background:url(../Content/menu_button_top_m.png) 0 0 repeat-x; height:22px; padding:0 2px;}

/*--Top Panel SubPage--*/
#topPanSubPage{width:952px; height:90px; position:relative; margin:0 auto; padding:0;}
#topPanSubPage a{text-decoration:none;}
#topPanSubPage h1{width:450px; height:2em; position:absolute; top:0px; left:0px; display:block; font:24px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#fff; margin:30px 0 0 5px; font-weight:normal;}
#topPanSubPage h1 span{font-size:18px;}

#topPanSubPage ul{height:27px; position:absolute; top:0; left:0; margin:0; padding:0; list-style:none;}
#topPanSubPage ul.subNav{width:410px; height:27px; position:absolute; top:0px; left:400px;}
#topPanSubPage ul.topNav{width:940px; height:27px; position:absolute; top:0px; right:0px;}
#topPanSubPage ul.topNav li{float:right;}
#topPanSubPage ul li.fixed a{width:69px;}
#topPanSubPage ul li{float:left; height:22px; display:block;}
#topPanSubPage ul li a{display:block; height:22px; color:#fff; font:13px/23px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center;}
#topPanSubPage ul li a.selected{color:#afafaf; text-decoration:none; font:13px/23px Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}
#topPanSubPage ul li a:hover{color:#FFFAC2; text-decoration:none;}
#topPanSubPage ul.mainMenu {z-index:9991;}
#topPanSubPage ul.mainMenu li div{background:url(../Content/menu_button_top_l.png) top left no-repeat; height:22px; padding-left:5px;}
#topPanSubPage ul.mainMenu li div>div{background:url(../Content/menu_button_top_r.png) top right no-repeat; height:22px; padding-left:0; padding-right:5px;}
#topPanSubPage ul.mainMenu li div>div>a{background:url(../Content/menu_button_top_m.png) 0 0 repeat-x; height:22px; padding:0 2px;}
#topPanSubPage ul.mainMenu.topNav {z-index:9990;}
#topPanSubPage ul.mainMenu.topNav li div{background:url(../Content/menu_button_top_l.png) top left no-repeat; height:22px; padding-left:5px;}
#topPanSubPage ul.mainMenu.topNav li div>div{background:url(../Content/menu_button_top_r.png) top right no-repeat; height:22px; padding-left:0; padding-right:5px;}
#topPanSubPage ul.mainMenu.topNav li div>div>a{background:url(../Content/menu_button_top_m.png) 0 0 repeat-x; height:22px; padding:0 2px;}

#logindisplay {position:absolute; top:25px; right:10px; color:#fdfdfd; font-family:Arial,Helvetica;}
#topPanSubPage #logindisplay { top:25px !important; }
#logindisplay a {color:#fdfdfd; font-family:Arial,Helvetica; text-decoration:underline;}
#logindisplay a:hover {color:#fdfdfd; font-family:Arial,Helvetica;}
#logindisplay a:visited {color:#fdfdfd; font-family:Arial,Helvetica;}

/*--Middle Panel--*/
#mainmiddlePan{color:#666; min-height:450px; padding:5px 0 10px 0; background:#FFFAC2;}
#mainmiddlePanSubPage{color:#666; min-height:450px; padding:5px 0 10px 0; background:#FFFAC2;}

#middlePan{margin:0 auto; display:block; width:960px; position:relative;}

/*--Top Panel--*/
#middletopPan{margin:0 auto 30px auto; display:inline-block; width:960px; text-align:center; color:#90A142; font:20px/18px Arial, Helvetica, sans-serif; line-height: 1.1em;}
#middletopPan img{display:block; margin:0 auto;}

/*--Left Panel--*/
#middleleftPan{margin:0 auto; display:inline-block; vertical-align:top; width:475px;}
#middleleftPan h2{width:470px; color:#D5440C; font:22px/26px Arial, Helvetica, sans-serif; padding:0;}
#middleleftPan img {border-width:0; float:left; padding:0px 7px 7px 0px;}

#middleleftPanSubPage{width:960px;}
#middleleftPanSubPage h2{width:960px; margin:0 0 20px 0; color:#D5440C; font:22px/26px Arial, Helvetica, sans-serif; padding:0;}
#middleleftPanSubPage img {border-width:0; float:right; padding:0px 7px 7px 0px;}
#middleleftPanSubPage td > a > img {float:none; padding:0px 7px 7px 0px;}
#middleleftPanSubPage p{padding:10px 0 0 0; vertical-align:top;}
#middleleftPanSubPage p span.boldtext{font-weight:bold;}

/*--Right Panel--*/
#middlerightPan{margin:0 auto 30px auto; display:inline-block; vertical-align:top; width:410px;}
#middlerightPan h2{width:405px; color:#D5440C; font:22px/26px Arial, Helvetica, sans-serif; padding:0;}
#middlerightPan img {border-width:0; float:left; padding:0px 7px 7px 0px;}

/*---Footer Panel--*/
#footermainPan{width:960px; height:100px; color:#fff; margin:0 auto; padding:0;}
#footerPan{position:relative; text-align:center;}

#footerPan ul{position:relative; top:10px; margin:0; padding:0; list-style:none;}
#footerPan ul.subNav{position:relative; top:10px;}
#footerPan ul.topNav{position:relative; top:10px;}
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 12px; color:#fff; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{float:right; color:#fff; font:11px/15px Tahoma,Arial, Helvetica, sans-serif; position:relative; top:10px; margin:0 auto;}

.error{color:red;}

.floatLeft {float:left !important;}
.sizeMed { width:200px; }

.schedule { border:2px solid #AA5C16; background-color:#E7D4A6; padding:0; margin:10px 0 0 0; border-spacing:0; color:#2f2f2f; }
.schedule td { margin:0; padding:0; }
.schedule table { margin:0; padding:0; border-spacing:0; }
.schedule table td { background-color:#E7D4A6; margin:0; padding:2px 5px; }
.schedule table thead td { background-color:#C89455 !important; font-weight:bold; }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset { position:relative; display:inline-block; margin:10px 0 0 0; padding:0; border:0; min-width:725px; }
fieldset p { margin:2px 12px 10px 10px; }
legend { font-size:1.1em; font-weight:600; padding:2px 4px 8px 4px; }
fieldset>div { margin:0 0 5px 0; }
fieldset>div.sep { margin:0 0 15px 0; }
fieldset>div label { display:inline-block; width:100px; vertical-align:top; margin-top:4px; font-family:Arial,Helvetica; }
fieldset>div select { vertical-align:top; margin-bottom:4px; min-height:20px; }
fieldset>div input[type="text"] { width:200px; }
fieldset>div textarea { width:400px; height:150px; }
fieldset>div>span, fieldset>div>div>span, fieldset>div>span>span { display:inline-block; color:#003878; font-weight:bold; margin-top:8px; }
fieldset>div .smallEditor { width:600px; }
fieldset>div .urlPartPrefix { width:18px; text-align:right; font-weight:normal; margin-right:2px; }
fieldset>div .urlPart { width:250px !important; }
.formActions { margin:0 0 4px 0;}
.button { display:inline-block !important; width:75px; }
.itemActions { position:absolute; top:50px; right:16px; }
li .itemActions { position:relative; top:5px; right:5px; float:right; }
li .itemActions a { color:white; }
li .itemActions a:hover { color:white; }
li .itemActions a:visited { color:white; }
.messageArea { width:360px; }
.required:after { content:'*'; color:Red; }
input { margin-bottom:4px; }
input[type="text"] { width:200px; border:1px solid #8f8f8f; }
input[type="password"] { width:200px; border:1px solid #8f8f8f; }

.galleryItem img {float:none !important;}
.gallery .galleryItem {display:inline-block; vertical-align:top; width:225px; margin:0 10px 10px 0;}
.events .galleryItem {margin-bottom:20px;}
.sermons .galleryItem {margin-bottom:20px !important; width:310px;}
.sermons .galleryItem .icon {display:inline-block; width:60px;}
.sermons .galleryItem .detail {display:inline-block; width:240px; vertical-align:top;}
.schedules .galleryItem {width:100px; text-align:center;}


/* VALIDATION ERRORS
----------------------------------------------------------*/
.field-validation-error { color:#ff0000; }
.field-validation-valid { display:none; }
.input-validation-error { border:1px solid #ff0000; background-color:#ffeeee; }
.validation-summary-errors { font-weight:bold; color:#ff0000; }
.validation-summary-valid { display:none; }
.successMessage { padding:10px 0; color:Green; font-weight:bold; }