/* css for christ community church */
/* created by tyler fawcett for spence hackney design */
/* jan 2010 */



/* VBS Panda Promo */
div#panda-home{position:fixed; width:278px; height:0; background:url(img/panda-home.png) top center no-repeat; bottom:0; right:1px;}

div#panda-home a{width:278px; height:155px; display:block;}



/* universal */
html {height: 100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th {padding: 0em; margin: 0em; outline: none; font-family: arial, sans-serif; font-size: 12px;}
html {height: 100%; margin: 0; padding: 0;}
.hidden {display: none;}
.clear {width: 100%; clear: both !important; display: inline-block;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clear {height: 1%;}
body#Body {background: url(img/body_bg_full.jpg) center repeat-y #564d3e; margin: 0; padding: 0; height: 100%;}
body {height: 100%;}
hr {height: 1px; color: #bbb;}
body form#Form {height: 100%;}


/* dnn control panel */
div.dnn-cp {margin: 0 auto; background-color: #fff; width: 100%;}
table.ControlPanel {background: #fff; border: none; margin: 0 auto; width: 984px;}
table.ControlPanel table input {margin-left: 10px; margin-right: 2px;}
table.ControlPanel table table input {margin: 0;}
table.ControlPanel td {padding: 0 6px 8px 6px;}
table.ControlPanel td td {padding: 0px 0 2px 0; background: transparent;}
table.ControlPanel td td.SubHead {padding: 3px 0 0px 0; background: #fff;}
table.ControlPanel td td td.SubHead {background: transparent; border: 0;}
table.ControlPanel td td {vertical-align: middle;}
table.ControlPanel table {width: 60%; margin: 0 auto;}
table.ControlPanel table table table {width: auto; margin-bottom: 0;}
table.ControlPanel table td {padding: 5px 0 0 0;}
table.ControlPanel * {font-size: 11px;}
table.ControlPanel a {font-size: 11px; font-weight: bold !important; color: #222;}


/* framework */
#full-wrap {width: 100%; text-align: center; background: url(img/header_bg_home.jpg) top center no-repeat;}
.site-width {margin: 0 auto; width: 984px; text-align: left;}
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -120px 0; background: url(img/header_bg_behind.jpg) top repeat-x;}
#header-row {height: 314px; position: relative; top: 0; left: 0;}
#header-row .dnn-logo {position: absolute; top: 35px; left: 10px; width: 200px; height: 138px; overflow: hidden;}
#header-row .top-links {position: absolute; top: 23px; right: 0; width: 700px; height: 20px; text-align: right; line-height: 11px; font-size: 11px;}
#header-row .header-content {position: absolute; top: 65px; right: 0; width: 745px; height: 175px;}
/*
#header-row .dnn-menu {position: absolute; top: 269px; left: 0; width: 100%; height: 43px;}
*/
.footer, .push {height: 120px;}
.footer {background: url(img/footer_bg_full.jpg) top center no-repeat;}
.footer-box {width: 984px; height: 120px; position: relative; top: 0; left: 0; line-height: 11px;}
.footer-menu {position: absolute; top: 26px; left: 0; line-height: 11px;}
.footer-left {position: absolute; top: 60px; left: 0; width: 600px; line-height: 20px; font-size: 10px; color: #ad8f8e;}
.footer-right {position: absolute; top: 60px; right: 0; width: 200px; text-align: right;}
.content-pad {padding: 5px 0 0 0;}


#full-wrap .site-width {position: relative; top: 0; left: 0;}
.dnn-menu {position: absolute; top: 269px; left: 0; width: 100%; height: 43px; z-index: 10000;}



/* content panes */
.contentpane-div {padding: 0;}
.leftpane-div {float: left; width: 220px;}
.rightpane-div {float: right; width: 750px;}
.leftpane-equal-div {float: left; width: 485px;}
.rightpane-equal-div {float: right; width: 485px;}
.bottompane-div {margin-top: 10px;}



/* basic links */
a:link, a:visited, a:active {font-weight: normal; text-decoration: underline; font-weight: normal; color: #722524;}
a:hover {font-weight: normal; text-decoration: none; font-weight: normal; color: #722524;}

/* for top links */
a.top-link:link, a.top-link:visited, a.top-link:active {text-decoration: none; color: #fff; font-size: 11px; font-weight: bold;}
a.top-link:hover {color: #fff; text-decoration: underline;}
.top-links img {vertical-align: middle; margin-bottom: .25em; border-width: 0px}

/* for white links */
a.wht:link, a.wht:visited, a.wht:active {text-decoration: none; color: #fff;}
a.wht:hover {text-decoration: underline;}

/* admin and host function links */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {text-decoration: underline; font-weight: normal; color: #722524;}
a.CommandButton:hover {text-decoration: none; font-weight: normal; color: #722524;}

/* for normal links */
a.Normal:link, a.Normal:visited, a.Normal:active {text-decoration: underline; color: #722524;}
a.Normal:hover {text-decoration: none; color: #722524;}

/* for footer links */
a.footer-link:link, a.footer-link:visited, a.footer-link:active {text-decoration: none; color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase;}
a.footer-link:hover {text-decoration: underline;}

/* for smaller footer links */
a.subfoot-link:link, a.subfoot-link:visited, a.subfoot-link:active {text-decoration: none; color: #fff; font-size: 10px; font-weight: bold;}
a.subfoot-link:hover {text-decoration: underline;}



/* text */

.current-date {color: #ad8f8e; font-size: 11px;}
.copyright-text {font-size: 10px; color: #ad8f8e;}

/* used in admin sections */
.SubHead, .SubHead font, {font-family: arial, sans-serif; font-weight: bold; color: #222; padding: 0;}

/* module titles */
.Head {font-family: arial, sans-serif; font-size: 13px; text-decoration: none; color: #222; font-weight: normal; white-space: nowrap;}

/* colored - used for warnings and such */
.NormalRed {color: #900; font-family: arial, sans-serif; font-weight: bold; font-size: 12px;}

/* bold text */
.NormalBold {font-family: arial, sans-serif;	font-size: 12px; font-weight: bold;	color: #222;}

/* normal text */
.Normal {font-family: arial, sans-serif; font-size: 12px; color: #222;}

/* headers */
h1, h2, h3, h4, h5, h6 {font-family: arial, sans-serif; color: #222; font-weight: bold; margin-bottom: 1em;}
h1 {font-size: 17px;}
h2 {font-size: 16px;}
h3 {font-size: 15px;}
h4 {font-size: 14px;}
h5 {font-size: 13px; font-weight: bold;}




/* forms*/
select, input {font-family: arial, sans-serif; font-size: 12px; color: #222;}
.NormalTextBox {font-family: arial, sans-serif; font-size: 12px; color: #222; text-align: left;}
#dnn_ctr_ManageUsers_User_UserEditor .NormalTextBox {font-family: tahoma;}


/* module submenus */
.ModuleTitle_MenuContainer {}
.ModuleTitle_MenuBar {}
.ModuleTitle_MenuItem {font-family: arial, sans-serif; font-size: 11px; color: #555; font-weight: normal; background: #f7f7f7; border: #f7f7f7 1px solid; padding: 1px 10px 2px 0px;}
.ModuleTitle_SubMenu {z-index: 1000; margin: 1px 0px 0px 0px; background-color: #f7f7f7; border: 1px solid #ccc; padding: 0px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);}
.ModuleTitle_MenuItemSel {font-family: arial, sans-serif; font-size: 11px; font-weight: normal; color: #333; background: #eee; border-left: #eee 1px solid; border-right: #eee 1px solid; padding: 1px 10px 2px 0px;}
.ModuleTitle_MenuIcon {border: 1px solid #eee; padding: 0 3px 0 3px;}
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {display: none;}


/* HouseMenu positioning and foundation styles */
#houseMenuH, #houseMenuH ul {padding: 0; margin: 0; border: 0; list-style: none; white-space: nowrap; position: static; z-index: 99999;}
#houseMenuH li {position: relative; display: inline; float: left; margin: 0; border: 0; padding: 0;}
#houseMenuH li li {z-index: 11113;}
#houseMenuH a {display: block; margin: 0; border: 0; padding: 0;}
#houseMenuH li li a {margin: 0; border: 0; padding: 0;}
#houseMenuH li a:hover {margin: 0; border: 0; padding: 0;}
#houseMenuH li li a:hover {margin: 0; border: 0; padding: 0;}
#houseMenuH li ul {position: absolute; margin: 0; border: 0; padding: 0; z-index: 11112;}
#houseMenuH li ul ul {margin: 0; border: 0; padding: 0;}
#houseMenuH li:hover ul ul, 
#houseMenuH li:hover ul ul ul, 
#houseMenuH li.sfhover ul ul, 
#houseMenuH li.sfhover ul ul ul {left: -9999px;}
#houseMenuH li:hover ul, 
#houseMenuH li li:hover ul, 
#houseMenuH li li li:hover ul, 
#houseMenuH li.sfhover ul, 
#houseMenuH li li.sfhover ul, 
#houseMenuH li li li.sfhover ul {left: auto; z-index: 99999;}
#houseMenuH iframe {position: absolute; left: 0; top: 0; z-index: 0; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); display: block;}
.ArrowPointer {cursor: default;}


#houseMenuH, #houseMenuH ul {height: 43px; line-height: 43px; background: transparent; border-left: 1px solid #000; border-right: 1px solid #353535; float: left;}
#houseMenuH li {width: auto; line-height: 42px; border-right: 1px solid #000; border-left: 1px solid #353535;}
#houseMenuH li li {width: 220px; height: auto; margin-right: 0; border: 0 none;}
#houseMenuH a {font-size: 12px; font-weight: bold; text-decoration: none; color: #eee !important; padding: 0 22px; text-transform: uppercase;}
#houseMenuH li a:hover {font-size: 12px; background: #333; padding: 0 22px; color: #fff !important;}
#houseMenuH li li a {padding: 0 22px; line-height: 24px; font-size: 11px; color: #fff; font-weight: bold; background: transparent !important; text-transform: none; font-family: arial, sans-serif;}
#houseMenuH li li a:hover {color: #fff; background: #591e1c !important; padding: 0 22px; font-size: 11px;}
#houseMenuH li li li a:hover {color: #fff; background: #6f2926 !important; padding: 0 22px; font-size: 11px;}


#houseMenuH li ul, #houseMenuH li ul ul { /* second-level lists */
	width: 220px; /* width of submenu, must be set so third-level list can get shifted over properly */
	left: -9999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: -1px 0 0 0;
	line-height: 24px;
	background-color: #4d1a18;
	height: auto;
	border-top: 5px solid #4d1a18;
	border-bottom: 5px solid #4d1a18;
}


/* differentiates the second and third-level menus */
 #houseMenuH li ul ul {border-top: 5px solid #591e1c; border-bottom: 5px solid #591e1c; height: auto;}
 #houseMenuH li ul ul li {background-color: #591e1c;}
 
 
 /* differentiates the third and fourth-level menus */
 #houseMenuH li ul ul ul {border-top: 5px solid #251100; border-bottom: 5px solid #251100; height: auto;}
 #houseMenuH li ul ul ul li {background-color: #251100;}
 

#houseMenuH li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 215px;
	line-height: 26px;
	background-color: #251100;
}

/* Applied to the parent item, if displayed, in either vertical or horizontal
   orientation. Must follow other styles. */
#houseMenuH #houseMenuParentItem a
{ /* all links under the parent item (li) */
	background-color: transparent; 
	text-decoration: none;
}

#houseMenuH a#houseMenuParentLink
{ /* parent link itself */
	background-color: transparent; 
	text-decoration: none;
}

#houseMenuH a#houseMenuCurrentLink
{ /* current link itself */
	color: #fff; 
	text-decoration: none;
}