/*================================================================*/
/*  Skin styles for DotNetNuke           by dnnskin.net           */  
/*  Overall      support@dnnskin.net                              */  
/*================================================================*/
/*  Customized for Florence Juma                                  */
/*   November 20, 2008 - Raymond Weiler for browser compatibility */
/*================================================================*/

Body								{margin:0px; padding:0px; background: #000;}
table, tr, td				{color: White;}
p, div, ul, li			{color: #FFFFFF; }
p										{padding:5px 0; margin:0px; opacity:0.85;}
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:#385997; font:bold 12pt Verdana, Arial, Helvetica, sans-serif}
.SubHead						{color:#999999}
H1,H2,H3,H4,H5	 		{line-height:23px; font-weight:bold; margin:0px; padding:0px}
H1									{font-size: 22px; color: #385997;}
H2 									{font-size: 18px; color: #4d70b1;}
H3									{font-size: 14px; color: #7d8fb0;}
H4 									{font-size: 12px; color: #646e80;}
H5 									{font-size: 11px; color: #323947;}

#mycustomscroll {
width: 550px;
height: 350px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background: transparent;
padding-right: 10px;
}

.fixedwidth {
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 10px;
background-color: #89393C;
}

.vscrollerbar {
z-order:1000;
width: 10px;
background-color: #6A0408;
}

.hscrollerbase {
height: 10px;
background-color: 89393c;
}

.hscrollerbar {
height: 10px;
background-color: black;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

/*Command Buttons*/

.CommandButton,
A.CommandButton:link,
A.CommandButton:visited,
A.CommandButton:active	{ color:#FFF; text-decoration:none; font: 9pt Helvetica, Tahoma, Arial, sans-serif; padding:0 5px; display:block;}
A.CommandButton:hover		{ color:#FFF; text-decoration:underline; background:none}


/*========================================================*/
/*  Control Panel                                         */
/*========================================================*/
.ControlPanel													{ background:url(images/control.gif) top left 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:#fff; 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;}
#dnn_ctr_ManageUsers_pnlUser .Normal	{ line-height:20px}
#dnn_ctr_Terms_lblTerms,
#dnn_ctr_pivacy_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: Helvetica, Arial, Verdana, Sans; font-size: 11px; font-weight: bold; color: #C00; line-height: 120%; }
.SubHead					{ font-family: Helvetica, Arial, Verdana, Sans; font-size: 12px; font-weight: bold; color: #FFF; line-height: 120%;}
span.SubHead			{ font-size: 9px; margin:0; padding:0; }
span.SubHead br		{ display: none; }
a:link						{ color: #F1A8A8; text-decoration:underline;}
a:visited 				{ color: #FFF; text-decoration:underline;}
a:hover 					{ color: #FFF;}
a:active					{ color: #FFF; text-decoration:underline;}

/*========================================================*/
/*  Skin Layout                                           */
/*========================================================*/
#fload												{ width:0px; height:0px;}
.date													{ padding:0 20px; color:#777}
.languagebox									{ float:right;text-align:right; white-space:nowrap; width:20%; display:none}
.Settings											{ text-align:left}
.vmenubox											{ float:left; width:22%;}
.vmenucontent									{ float:right; width:77%;}
.news h2											{ color:#333333; font-size:14px; margin:0px; padding:0px; line-height:22px}
.news p												{ line-height:17px; font-weight:bold}
#dnncontent										{ width:100%; height:100%; background:url(images/bg_detail.png) top left no-repeat; clear:both;}
#dnnbreader										{ width:100%; background:url(images/breadbg.gif) top left repeat-x; height:27px; margin:1px auto; line-height:26px;}
#dnnbreader .left							{ background:url(images/breadleft.gif) top left no-repeat; height:27px; padding-left:22px;text-align:left;}
#dnnbreader .right						{ background:url(images/breadright.gif) top right no-repeat; height:27px;position:relative;  padding-right:180px; display:inline}
#dnn_dnnSEARCH_txtSearch			{ height:16px; position:absolute; top:4px; right:40px; padding:2px 0px 0 0px; background:#fff; width:140px; font:bold 9pt Arial, Helvetica, sans-serif; color:#777; border:1px #d7d5d8 solid}
#dnnbreader .right a:link,
#dnnbreader .right a:active,
#dnnbreader .right a:visited	{ position:absolute; right:0px; border:0px; top:4px; width:25px; height:20px; display:block; border:0px; background:url(images/search-button.gif) left top no-repeat; overflow:hidden; margin-right:10px;}
#dnnbreader .right a:hover		{ background:url(images/search-button.gif) 0 -21px no-repeat}
.bottomright									{float:right; background:url(images/cornerbr.gif) top right no-repeat; width:20px; height:16px;}
.bottomleft										{float:left; background:url(images/cornerbl.gif) top left no-repeat; width:100px; height:16px;}
.topright											{float:right; background: #7F0606; width:490px; height:16px;}
.topleft											{float:left; background:url(images/cornertl.gif) top left no-repeat; width:100px; height:16px;}
.lowerright										{ width: 590px; height: 478px; background:#7F0606 url(images/bg_detail.png) no-repeat scroll -350px -29px;}
.lowerleft										{ width: 350px; height: 266px; background: url(images/bg_detail.png) no-repeat scroll bottom left;}
.cornerbl											{ width: 350px; height: 266px; background:#7F0606 url(images/cornerbl.gif) no-repeat scroll bottom left;}
.cornerimage									{ width: 350px; height: 266px; background: url(images/cornerimage.png) no-repeat scroll bottom left;}
.upperleft										{ width: 350px; height: 269px; background:url(images/inversecorner.gif) right bottom no-repeat}
.upperleftimage								{ width: 350px; height: 269px; background:url(images/photo.gif) left top no-repeat; position:relative; top:10px; left:10px;}

/*========================================================*/
/*  Skin Object                                           */
/*========================================================*/
.breader,
a.breader:link, 
a.breader:active, 
a.breader:visited		{ font-weight: normal; text-decoration:underline; padding:0 4px; font-family: Tahoma; color:#6e91d1}
a.breader:hover			{ color:#333; text-decoration:none}
.user,
a.user:link,
a.user:active,
a.user:visited  		{ color: #888;text-decoration: none; line-height:35px;background:url(images/user.gif) 0 -1px no-repeat;padding:5px 20px; font-weight:bold;} 
a.user:hover 				{ color:#111;text-decoration:underline;background:url(images/user.gif) 0 -30px no-repeat}

.login,
a.login:link,
a.login:active,
a.login:visited  		{ line-height:25px; padding:5px 3px 0px 30px; color:#000; text-decoration:none;} 
a.login:hover 			{ color:#000; text-decoration:underline;}
.themeOff,.themeOn	{ border:0; cursor:pointer; margin:0px}

/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/
.topbannerpane		{ width:100%; clear:both;}
.botbannerpane		{ width:100%; clear:both;}
.topleftpane			{ width:49.5%; float:left}
.toprightpane			{ width:49.5%; float:right}
.toppane					{ width:100%; padding-left:35px;}
.leftpane					{ width:24%; float:left;overflow:hidden; padding-top:3px}
.contentpane			{ width:400px; margin-left:1%; display:inline; padding-left:3px}
.rightpane				{ width:24%; float:right; overflow:hidden; padding-top:3px}
.boxapane					{}
.boxbpane					{ width:24%; float:left;overflow:hidden; }
.boxcpane					{ width:75%; float:right;overflow:hidden; }
.boxdpane					{}
.boxepane					{ width:75%; float:left;overflow:hidden;}
.boxfpane					{ width:24%; float:right;overflow:hidden;}
.boxgpane					{}
.mainapane				{ width:32.8%; float:left; ;overflow:hidden;}
.mainbpane				{ width:32.4%; margin-left:1%; float:left; ;overflow:hidden}
.maincpane				{ width:32.8%; float:right; ;overflow:hidden;}
.bottompane				{ clear:both}
.menubotpane			{ padding-top:5px}
.sloganpane				{ float:left; width:334px; height:184px; padding-top:10px;}
.textpane					{ width:350px; background: Transparent; height:200px;}

/*========================================================*/
/*  Horizontal Menu2 Style                                */
/*========================================================*/

.HMB				{ width:570px; margin:0 auto; background: transparent; float:left;}
.HMB .Box			{ background: transparent;}
.HM2				{ white-space:nowrap; height:36px; font-family: Verdana, Helvetica, sans-serif; width:100%; background:url(menus/menuleft.png) left top no-repeat; }
.HM2 ul 			{ padding:0 0 0 80px; margin:0px; background:url(menus/menubg.png);}
.HM2 ul li			{ background:url(menus/button_left.gif) left top no-repeat; margin:0px; float:left;list-style: none none outside;position: relative;}
.HM2 ul li a			{ background:url(menus/button_right.gif) right top no-repeat}
.HM2 ul .current 		{ background:url(menus/button_left_clicked.gif) left top no-repeat; margin:0px}
.HM2 ul .current a		{ background:url(menus/button_right_clicked.gif) right top no-repeat; color:#333;}
.HM2 ul .current span		{ color:#EEE}
.HM2 ul .current .slide span	{ background:transparent;}
.HM2 ul span 			{ padding:0 15px; font-size:13px; font-family: Geneva, MS Sans Serif, Sans;}
.HM2 ul .slide 			{ display:none; float: left; overflow:hidden; position:absolute;}
.HM2 ul a.link 			{ display:block; cursor: pointer}
.HM2 ul a:link, 
.HM2 ul a:active, 
.HM2 ul a:visited		{ width:auto;color:#111; text-decoration:none; line-height:30px;}
.HM2 ul a:hover 		{ color: #FFF; background:url(menus/button_left_clicked.gif) left top no-repeat; float:left}
.HM2 ul a:hover span 		{ color:#FFF ;background:url(menus/button_right_clicked.gif) right top no-repeat; float:left}
.HM2 .Group			{ padding:0px; margin:0px; display:none; position:absolute; left:0px; float:left; z-index:1000;background:#444; border:1px #dfdfdf dotted;}
.HM2 .Group li 			{ background:transparent; font-weight:bold; height:24px; float:left; clear: both; }
.HM2 .Group li span 		{ background:transparent; padding:0 18px 0 14px; display:block; font-size:8pt; font-weight: bold}
.HM2 .Group li img 		{ margin-right:5px}
.HM2 .Group a:link,
.HM2 .Group a:active,
.HM2 .Group a:visited		{ text-align:left;line-height:24px; background:transparent; color:#fff}
.HM2 .Group a:hover 		{ color:#fff; text-decoration:none; background:#6e91d1}
.HM2 .Group a:hover span	{ color: #fff;padding:0 18px 0 14px;background:transparent}
.HM2 .Group .subcurrent		{ background:#6e91d1}
.HM2 .Group .rightarrow 	{ background:url(menus/right.gif) right center no-repeat;}
.HM2 .current .slide span	{ color:#fff}


/*========================================================*/
/*  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}