/*========================================================*/
/*  CSS Style for Hazelglen Skin by Josh Kreutzkamp       */
/*========================================================*/

Body				{ color:#444; font: normal 13px Helvetica, Arial, sans-serif; margin:0px; padding:0px;}
#topbar				{ width:30%; text-align:right; position:absolute; top:0px; right:0px}
#dnnwrapper 			{ width:100% margin:0 auto; background:url(images/headerimage.jpg) top center repeat-x;}
#dnninnerwrapper		{ width:850px; min-height:228px; margin:0 auto; } 
#dnnfooter 			{ width:850px; min-height:60px; margin:0 auto; color:#ccc; line-height:18px; border-top:1px solid #aea8a6;}
#dnnheader 			{ width:1000px; margin:0 auto; height:183px; padding:0; position:relative; text-align:center;} 
#themes				{ display:none; }
* html #dnninnerwrapper		{ height:228px}
* html #dnnfooter		{ height:8%; }
* html #dnnheader		{ height:183px}
.logo				{ float:left; padding:0px;}
.terms				{ font:normal 10px Helvetica, Arial, sans; color:#b5b4b4; margin:10px auto; padding:0 5px;}
.terms a:link, .terms a:active, .terms a:visited { color:#b5b4b4;}
.webdesign			{ float:right; padding:0px 4px; background:#ccc; color:#595959; text-align:right; font-size:12px; font-weight:bold; }
.copyright			{ height:11px; margin:0px auto; padding:8px 8px; background:#e5e4e4; color:#707070; font:normal 12px Helvetica, Arial, sans;}
.lnkl				{ float:left; width:834px; margin:10px 0; padding:15px 8px 13px; background:#ccc; color:#595959; font-size:12px;}
.links				{ color:#595959; font-family: Georgia, Times, Serif;}

A.links:link,
A.links:active,
A.links:visited  		{ line-height:15px; padding:0px 5px; color:#565656; text-decoration: none; font-family: Helvetica, Arial, sans;} 
A.links:hover 			{ color:#595959; text-decoration: underline;}

table, tr, td			{ color: #444;}
p, div, ul, li			{ color: #444; font-size:13px; line-height:140%;}
p				{ padding:5px 0; margin:0px}
li				{ list-style: disc; }
ol li				{ list-style: decimal; }
ul li				{ list-style: disc }
li				{ margin: 5px 0; }
.clear				{ clear:both}
.left				{ float:left}
.right				{ float:right}
.Head				{ color:#576a24; font:bold 15px Helvetica, Arial, sans-serif}
.SubHead			{ color:#140f0d; }

H1,H2,H3,H4,H5	 		{ font-family:Helvetica, Arial, sans; line-height:140%; font-weight:bold; margin:0px; padding:0px}
H1				{ font-size: 25px; color: #140f0d;}
H2 				{ font-size: 20px; color: #576a24;}
H3				{ font-size: 14px; color: #140f0d;}
H4 				{ font-size: 14px; font-family:Century Gothic, serif; color: #576a24;}
H5 				{ font-size: 12px; line-height:14px; color: #140f0d; font-family:Georgia, Times, serif; text-align:left;}

/*========================================================*/
/*  Control Panel                                         */
/*========================================================*/

.ControlPanel				{ background:url(images/control.jpg) top center repeat-x #0c5a9a; border:0px #ccc solid;}
.ControlPanel IMG			{ margin:5px 5px 0px; }
.ControlPanel TD TD TD TD IMG		{ margin:0px; }
.ControlPanel TD TD TD			{ width:auto}
.ControlPanel TD .SubHead		{ font-size:8pt; color:#bde5fc; font-weight:bold; padding:0 5px}
.ControlPanel TD .SubHead span		{ padding:0 5px}
.ControlPanel TD TD TD .SubHead		{ background:transparent; border:0px; font-size:8pt; color:#fff; font-weight: bold; }
.ControlPanel TD TD TD input		{ background:#f5f5f5; font-size:8pt; color:#000; font-weight:bold; padding-left:4px; }
.ControlPanel TD TD TD select		{ background:#f5f5f5; font-size:8pt; color:#444;}
.ControlPanel .CommandButton,
.ControlPanel A.CommandButton:link,
.ControlPanel A.CommandButton:visited,
.ControlPanel A.CommandButton:active	{ color:#c0dffb; text-decoration:none; font: bold 9pt Tahoma, Arial, Helvetica, sans-serif; padding:0 5px; display:block;}
.ControlPanel A.CommandButton:hover	{ color:#fff; text-decoration:none; background:none}

/* Forms */
div.form				{ width: 500px; text-align: left; }
div.form_group				{ text-align: left; margin-bottom: 10px; font-size: 14px; color: #4b91ae;  }
div.form_text				{ float: left; margin: 0; }
p.form_text				{ margin: 0 0 3px 0; }
textarea.form_text,
input.form_text,
select.form_text			{ color:#333;background:#efefef; border-color: #bbb #bbb #ddd;border-width: 2px 1px 1px; padding: 0.2em;margin: 0 10px 10px 0; }
input					{ color: #666; }
select					{ color: #666; }
.StandardButton				{ color: #666; background: #EEE; border: solid 1px #D1C7BE; line-height:22px; padding:0 10px; height:22px; cursor:pointer}
.NormalTextBox				{ color: #666; padding-left: 4px; line-height: 12px; font-weight: normal; }
td.NormalTextBox			{ padding: 0; margin: 0; background: transparent; visibility: inherit; border: 0; }
#dnn_ctr_Login_pnlLogin table		{ float:none; margin:0 auto}
#dnn_ctr_ManageUsers_pnlUser		{ text-align:left; min-height:1px}
#dnn_ctr_ManageUsers_pnlUser .Normal	{ line-height:20px}
#dnn_ctr_Terms_lblTerms,
#dnn_ctr_Privacy_lblPrivacy		{ line-height:20px}
#dnn_ctr_Terms_lblTerms .SubHead,
#dnn_ctr_Privacy_lblPrivacy .SubHead	{ font-size:14px; color:#6e91d2; border-bottom:1px #6e91d2 solid;line-height:26px; margin:0px; padding:0px; font-weight:normal;}
#dnn_ctr979_LogViewer_dlLog td		{ text-align:left; white-space: normal; border:1px #fff solid}

/*========================================================*/
/*  Text                                                  */
/*========================================================*/

.Normal,
.normal				{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: normal; color: #444; line-height: 120%; }
.NormalBold			{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #444; line-height: 120%; }
.NormalRed			{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #C00; line-height: 120%; }
.SubHead			{ font-family: Arial, Helvetica, Verdana, Sans; font-size: 11px; font-weight: bold; color: #444; line-height: 120%; }
span.SubHead			{ font-size: 9px; margin:0; padding:0; }
span.SubHead br			{ display: none; }

/*=========Link Styles==========*/

a:link				{ color: #444;}
a:visited 			{ color: #444;}
a:hover 			{ color: #000;}
a:active			{ color: #444;}

#map		{ background:url(images/map_sprite.jpg); height:182px; width:300px; text-indent:-9000px; display: block; }
#map:hover 	{ background-position:0px -182px; }

/*=========Quick Links==========*/


#ql_college		{ background:url(images/quicklinks/ql_college.jpg); height:0px; width:118px; display: block;
			 text-align:center; line-height:22px;  display: block; padding-top:70px; border-bottom:20px solid #ccc; }
#ql_college:hover 	{ background-position:0px -75px; text-decoration:none;}

#ql_calendar		{ background:url(images/quicklinks/ql_calendar.jpg); height:0px; width:118px; display: block;
			text-align:center; line-height:22px;  display: block; padding-top:70px;border-bottom:20px solid #ccc; }
#ql_calendar:hover 	{ background-position:0px -75px; text-decoration:none;}

#ql_children		{ background:url(images/quicklinks/ql_children.jpg); height:0px; width:118px; display: block;
			text-align:center; line-height:22px;  display: block; padding-top:70px; border-bottom:20px solid #ccc; }
#ql_children:hover 	{ background-position:0px -75px; text-decoration:none;}

#ql_esl			{ background:url(images/quicklinks/ql_esl.jpg); height:0px; width:118px; display: block;
			text-align:center; line-height:22px;  display: block; padding-top:70px; border-bottom:20px solid #ccc; }
#ql_esl:hover	 	{ background-position:0px -75px; text-decoration:none;}

#ql_lifegroup		{ background:url(images/quicklinks/ql_lifegroup.jpg); height:0px; width:118px; display: block;
			text-align:center; line-height:22px;   display: block; padding-top:70px; border-bottom:20px solid #ccc; }
#ql_lifegroup:hover 	{ background-position:0px -75px; text-decoration:none;}

#ql_prayer		{ background:url(images/quicklinks/ql_prayer.jpg); height:0px; width:118px; display: block;
			text-align:center; line-height:22px;  display: block; padding-top:70px; border-bottom:20px solid #ccc; }
#ql_prayer:hover 	{ background-position:0px -75px; text-decoration:none;}

#ql_sermon		{ background:url(images/quicklinks/ql_sermon.jpg); height:0px; width:118px; display: block;
			text-align:center; line-height:22px;  display: block; padding-top:70px; border-bottom:20px solid #ccc; }
#ql_sermon:hover 	{ background-position:0px -75px; text-decoration:none;}

#ql_youth		{ background:url(images/quicklinks/ql_youth.jpg); height:0px; width:118px; display: block;
			text-align:center; line-height:22px;  display: block; padding-top:70px; border-bottom:20px solid #ccc; }
#ql_youth:hover 	{ background-position:0px -75px; text-decoration:none;}

/*========================================================*/
/*  Skin Layout                                           */
/*========================================================*/

#fload				{ width:0px; height:0px;}
.date				{ padding:0 20px; color:#777}
.languagebox			{ float:right;text-align:right; padding:0 20px; white-space:nowrap; width:20%; display:none}
.Settings			{ text-align:left}
.logo				{ min-height:80px; min-width:300px}
* html .logo			{ height:80px; width:300px}
.news h2			{ color:#333333; font-size:14px; margin:0px; padding:0px; line-height:22px}
.news p				{ line-height:17px; font-weight:bold}
#dnncontent			{ width:850px; margin:0 auto; padding:50px; clear:both}

/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/

.topleftpane			{ width:49.5%; float:left}
.toprightpane			{ width:49.5%; float:right}
.boxbpane			{ width:24%; float:left;overflow:hidden; }
.boxcpane			{ width:75%; float:right;overflow:hidden; }
.boxepane			{ width:65.4%; float:left;overflow:hidden; }
.boxfpane			{ width:29%; float:right;overflow:hidden; padding-left:25px; background:url(images/dotted.jpg) top left repeat-y; }
.mainapane			{ width:32.6%; float:left; ;overflow:hidden;}
.mainbpane			{ width:32.6%; margin-left:0.7%; float:left; ;overflow:hidden}
.maincpane			{ width:32.6%; float:right; ;overflow:hidden;}
.bottompane			{ clear:both}

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

.HMA				{ width:885px; margin:0 auto; clear:both;}
.HMA .BoxRight			{ float:left; background:url(menus/menuright.png) top right no-repeat; padding-left:120px; height:34px}
.HMA .Box			{ float:left; background:url(menus/menuleft.png) top left no-repeat; padding-left:120px; height:34px}
.HM1 				{ position:relative; height:34px; background:url(menus/menu_bg.png) repeat-x; float:left; font-family: Helvetica, Arial, sans;}
.HM1 span 			{ padding:0 20px; white-space: nowrap; display:block; font-size:12px; font-weight: bold;}
.HM1 ul				{ margin:0px; padding:0 0 0px;display: block;float:left}
.HM1 li 			{ list-style: none none outside; float:left;position:relative;}
.HM1 ul li 			{ float:left; margin:0px;}
.HM1 ul li a			{ display:block; float:left}
.HM1 ul .current 		{ margin:0px;}
.HM1 ul .current span		{ color:#000; background:#fff;}
.HM1 ul .current .slide span	{ background:transparent;}
.HM1 ul a:link, 
.HM1 ul a:active, 
.HM1 ul a:visited		{ width:auto; color:#fff; background:url(menus/menu_tab.png) repeat-x; margin:0 1px; text-decoration:none; line-height:34px; display: block; cursor:pointer; height:32px; padding-top:2px;}
.HM1 ul a:hover 		{ color:#fff; background:url(menus/menu_tab.png) repeat-x; float:left;}
.HM1 ul .current a:hover span 	{ float:left}
.HM1 .downarrow			{ display:none}
.HM1 .rightarrow		{ position:absolute; right:2px; top:10px}
.HM1 .slide 			{ display: none; float: left; overflow:hidden; position:absolute;}
.HM1 .slide .icon 		{ position:absolute; left:2px; top:3px;}
.HM1 .slide .Group 		{ background:#140f0d; display: none; float:left; position:relative; padding:5px 0 11px;}
.HM1 .slide ul li 		{ clear: both; display:block;}
.HM1 .slide ul li span 		{ color:#fff; font-size:12px; display:block; padding:0 23px 0 20px}
.HM1 .slide ul li a		{ background:none; height:24px; display:block; }
.HM1 .slide ul a:link, 
.HM1 .slide ul a:active, 
.HM1 .slide ul a:visited	{ width:auto;text-decoration:none; line-height:24px;display: block; cursor:pointer;}
.HM1 .slide ul a:hover 		{ height:24px; width:100%}
.HM1 .slide ul a:hover span 	{ height:24px; color:#777;}

/*========================================================*/
/*  SiteMap                                      		  */
/*========================================================*/


.SiteMap				{ font-family:Trebuchet MS, Arial, Helvetica, sans-serif; width:90%; margin:0 auto}
.SiteMap ul li a			{ font-size:14px; font-weight:bold; line-height:20px; color:#6e91d2}
.SiteMap ul li ul			{ margin:5px 10px;list-style:inside}
.SiteMap ul li ul li			{ list-style:disc; margin:0 5px; background:none;}
.SiteMap ul li ul li span 		{ font-size:12px; color:#999; text-decoration:underline; line-height:18px}
.SiteMap ul li ul li a:hover span	{ color:#6e91d2; text-decoration:none}