/*
"Where Hope Lives" Site Stylesheet (CSS) for Hilltop Christian Community Development Corporation.
Copyright © 2009 Advent Media, Inc.
Custom Designed for and licensed to Hilltop Christian Community Development Corporation. 
Duplication of this design without the authorized concent of Advent Media, Inc. is strictly prohibited.

DotNetNuke® and it's respective logos are registered trademarks of DotNetNuke Corporation.
*/

/* Menu CSS Connector */

@import url("css/menu.css");

/*------------ Page Body ------------*/
body {
	background: #996 url(images/White_Box.png) repeat-y center top;
	height:100%; 
	margin:0px; 
	padding:0px;
	}

/*------------ End Page Body ------------*/

/*------------ ControlPanel ------------*/
.ControlPanel{
	background:transparent url(images/cpanel_center.png) repeat-x bottom left; 
	border:none;
	padding-bottom:10px;
	}
.cpanel_left {
	background: url(images/cpanel_left.png) no-repeat bottom left;
	padding-left:21px;
	}
.cpanel_right {
	background: url(images/cpanel_right.png) no-repeat bottom right;
	padding-right:33px;
	}

/* ControlPanel changes */
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:10px;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*------------ End ControlPanel ------------*/

/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input{color: #4D4D4D; font-family:Arial, Helvetica, sans-serif;}
body,th,td,div,p,li,table,.Head,.SubHead,.SubSubHead{font-size:12px;} /*a:link, a:visited, a:hover*/
.Normal,.NormalDisabled{font-size:11px;}
h1, h2, h3, h4, h5, h6{color: #4D4D4D;;}
h1, h3, h5, h1 input{font-weight:bold;}
h2, h4, h6{font-weight:normal}
h1, h2, h1 input{font-size:12px;margin:10px 0;}
h3, h4{font-size:11px;margin:8px 0;}
h5, h6{font-size:10px;margin:6px 0;}
a,a:link,a:visited,a:active{color:#3E81B5; text-decoration:none; font-weight:normal; }
a:hover{color:#D00; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}

/*-------- End Default Style --------*/

/*------------ Top Header ------------*/ 

.top_bg {
	background: transparent url(images/HCCDC_top_banner.jpg) no-repeat top;
	width: 900px;
}

/* Breadcrumb Style */
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{font-size:11px; color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}

/* Logo Style */
.logo_pad{
	background:transparent; 
	margin: 10px 10px 10px 0px; 
	padding: 0; 
	font-size:11px;
	}

/* Info Style */
.info_pad{
	background:transparent; 
	margin: 10px 0px 0 5px; 
	padding: 0;
	height: 25px;	
	vertical-align: bottom;
	font-size:11px;
	}

/* User Style */
.user,a.user:link,a.user:active,a.user:visited {font-size:11px; color:#3E81B5;}
a.user:hover{color:#C00;}

/*------------ End Top Header ------------*/

/*------------ Nav Bar  ------------
.top_menu {
	background:url(images/cp_nav_bar.png) no-repeat top center;
}  */

.menu_pad{
	margin: 5px 5px 0px 0px;
	font-size:11px;
	}

/* Search Box */

.search_pad{
	margin: 5px 10px 0px 7px; 
	top: 0px; 
	left: 0px;
	font-size:11px;
	}

.search_bg{padding:0px 15px 0px 15px;}

#search{ padding-top:0px; }
#search input{ margin-bottom:0px; }
#search img{ }

/* Search SkinObject Styles */
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 140px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 0px;}
div.SearchContainer a{padding: 0px; display: block; float:left; }
div.SearchContainer a img{padding-left:1px;}
div.SearchIcon{float: left; width: 0px; height: 0px; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 0px;}

input.SearchTextBox{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	width: 150px;
	height: 17px;
	z-index: 10;  
	margin-left: 20px; 
	padding-top: 4px;
	padding-left: 5px;
	color: #4D4D4D; 
	border: solid 1px #E6E6E6;
	white-space: nowrap; 
	background: url(images/transparent_light_gray_fade_box.png) repeat-x bottom left;
}

/*------------ End Nav Bar ------------*/

/*------------ Content Panes ------------*/

/* All Pages */
.TopPane, .BottomPane{ padding: 0px; margin: 0px; }
.contentpane{ margin: 0px 15px 0px 10px;} 
.LeftPane, contactpane{ padding: 0px 0px 0px 6px; width: 200px; margin: 0px; }
.RightPane{ margin: 0px; }

.main_pane {background: #F2F2F2 /*url(images/whitebox.png) repeat top left*/; }
.main_pane_home {background: #FFFFFF /*#F2F2F2 /*url(images/whitebox.png) repeat top left*/; }

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* Home Page */
.ContentPaneHome { width: 485px; margin:0px; padding-left: 5px; padding-right:15px; }
.LeftPaneHome{ width: 129px; margin:0px; padding-left:0px; padding-right:5px; }
.RightPaneHome{ width: 255px; margin:0px; padding-left: 0px; }
.LinksPaneHome{ width: 275px; margin:0px; padding-left: 5px; }
.WelcomePane{ width:245px; margin:5px; padding-left: 10px; padding-right: 0px; }
.QuotesPane{ width: 250px; margin:0px; padding-left: 10px; padding-right:10px; padding-top:5px; }
.EventsPaneScroll{ width: 300px; height: 275px; overflow:auto; margin: 0px; padding: 0px 0px 0px 0px; }
.EventsPane{ width: 270px; margin: 0px; padding-right: 12px; }
.homepanescroll {
	overflow: scroll ;
}

.InfoPane1{ width: 193px; margin:0px; padding-left:10px; padding-right:10px; }
.InfoPane2{ width: 193px; margin:0px; padding-left:10px; padding-right:10px; }
.InfoPane3{ width: 193px; margin:0px; padding-left:10px; padding-right:10px; }

.eventspanepad{ padding-left:10px; padding-top:10px; padding-right:0px; background:#FFF;  }


/* Services Pages */
.InfoPane, .LinksPane{ padding-left:8px; padding-top:15px; padding-bottom:10px; padding-right:8px; margin:5px; }
.FlashSplashPane{ padding:0px; margin:0px; }

#Service_Logo {
	width: 300px;
	height: 100px;
	position: absolute;
	background: url(images/transparent_white_box.png) repeat top left;
}

.servicelogopane { padding: 0px 0px 0px 0px; }

.solutionspane{
	width: 200px; 
	margin: 0px; 
	padding: 0px 0px 0px 0px;
}

/* Solutions (I need to...) Pages */


/* Empty Panes */
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*------------ End Content Panes ------------*/

/*------------ Footer -------------*/

.footer{font-size:11px; /*padding-bottom:25px;*/}

/*------------ End Footer -------------*/

/*------------ Graphic Elements ------------*/

/* Pagebreaks */
.pagebreak {
	background: url(images/Faded_PageBreak_sm.jpg) no-repeat top left;
	width: 900px;
	height: 15px;
}

.top_bar {
	background: url(images/top_bar.jpg) no-repeat center;
	width: 900px;
}

.middle_bar {
	background: url(images/middle_bar.jpg) no-repeat center;
	width: 900px;
	height: 5px;
	padding-bottom: 15px;
}

.bottom_bar {
	background: url(images/bottom_bar.jpg) no-repeat center;
	width: 900px;
}

.top_subpage_bar {
	background: url(images/top_subpage_bar.jpg) no-repeat center;
	width: 900px;
}

.bottom_subpage_bar {
	background: url(images/bottom_subpage_bar.jpg) no-repeat center;
	width: 900px;
}



/* Thin Seperator Bars */
.seperator_bar_wide {
	background: url(images/seperator_bar.png) repeat-x center;
	width: 565px;
}

.seperator_bar_sm {
	background: url(images/seperator_bar.png) repeat-x center;
	width: 270px;
}

.seperator_bar_events {
	background: url(images/seperator_bar.png) repeat-x center;
	width: 290px;

}

.seperator_bar_sm2 {
	background: url(images/seperator_bar.png) repeat-x center;
	width: 201px;
	padding: 0px 0px 0px 0px;
}

/* Flash (Top Pane) Content Background */
.flashmedia {
	height:273px;
	width:900px;
	background:#ffffff url(images/cp_flash_bg.png) no-repeat top left;
}

/* Links Style */
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-size:11px; font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#C00;}

.skinobject{ padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px;}

/*------------ End Graphic Elements ------------*/

/*------------ Form Master Styles -------------*/

.formTextBox{
	padding: 0px 0px 5px 0px;
}
.formTextBox2{
	padding: 5px 0px 5px 0px;
}	
.label{
	padding: 0px 0px 0px 25px;
}


/* Facebook Share Link - Hover bg color: #3b5998 | border-color: #295582;

html .fb_share_button 
{ 
	display: inline-block; 
	padding: 1px 20px 0 5px; 
	height: 15px; 
	border: 1px solid #d8dfea; 
	background: url(/portals/0/content/facebook.gif) no-repeat top right; 
}
html .fb_share_button:hover
{ 
	color: #fff;
	border-color: #295582;
	background: #3b5998 url(/portals/0/content/facebook.gif) no-repeat top right;
	text-decoration: none; 
} */


/* LinkedIn Share Link 

html .li_share_button 
{ 
	display: inline-block; 
	padding: 1px 20px 0 5px; 
	height: 15px; 
	border: 1px solid #d8dfea; 
	background: url(/portals/0/content/linkedin.gif) no-repeat top right; 
}
html .li_share_button:hover
{ 
	color: #fff;
	border-color: #295582;
	background: #3b5998 url(/portals/0/content/linkedin.gif) no-repeat top right;
	text-decoration: none; 
} 
*/

/* Twitter Share Link 

html .tw_share_button 
{ 
	display: inline-block; 
	padding: 1px 20px 0 5px; 
	height: 15px; 
	border: 1px solid #d8dfea; 
	background: url(/portals/0/content/twitter.gif) no-repeat top right; 
}
html .tw_share_button:hover
{ 
	color: #fff;
	border-color: #295582;
	background: #3b5998 url(/portals/0/content/twitter.gif) no-repeat top right;
	text-decoration: none; 
} 

*/

/*------------ End Form Master Styles -------------*/

/*------------ DotNetNuke Default -------------*/
/* Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/* design style */
.template_style{width:970px; margin:0 auto;}

.top_space{height:34px;}
.lang_pad{padding:7px 35px 0px 0px;}

.menu_bg{padding:0 0 0 6px;  margin: 0 21px 0 9px; background:url(images/menu_bg.png) top left;}
.menu_left{padding:0px; margin:0px; background:url(images/menu_left.png) repeat-y  top left;}
.menu_right{margin:0px; background:url(images/menu_right.png) repeat-y top right; }

.bread_bg{padding:0px; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0px; margin:0px; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0px;  background:url(images/bread_right.png) no-repeat top right; height:34px;}

#login_style{ float:right; padding:0px 0px 0px 0px; }
#bread_style{ float:left; padding:0px 0px 0px 0px; }

.center_bg{padding:0px; margin:0px;clear:both;}
.left_bg{padding:0px; margin:0px; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0px; margin:0px; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:10px 22px 0 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}
.content_width{overflow:auto; padding-top: 15px; min-height:350px;}

.bot_left{padding:0px; margin:0px; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0px; margin:0px; background:url(images/bot_right.png) no-repeat top right; padding:0px 39px 0px 27px;}
.bot_bg{padding:0px; margin:0px; background:url(images/bot_bg.png) repeat-x top left; height:41px;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}


/*------------ End DotNetNuke Default -------------*/