/* 
===============================
Skin by Ensonix www.ensonix.com
===============================
*/
.controlpanel {width:100%;background-color: #fff;position:relative;top:0;left:0;}
html, body {font-size: 100.01%;height:100%;}
body{padding:0px; margin:0px; color:#707070; font:14px/18px Lucida Grande, Helvetica, Arial, sans-serif;background:#242424 url(img/body_bg.jpg) repeat-x top left;width:100%;}
div, p, ul, h2, h3, img{padding:0px; margin:0px;}
img {border:0;}
h2.modhead, h2.modhead .Head {font-size:18px;font-family:Lucida Grande, Helvetica, Arial, Sans-Serif;font-weight:bold;padding-bottom:5px;margin-bottom:10px;color:#ffffff;}
ul{list-style-type:none;}
/*----TOP PANEL----*/
#headerwrapper {width:100%;height:90px;position:relative;margin:0;padding:0;background:transparent;z-index:100;}
#header{width:990px; height:90px; position:relative; margin:0 auto; padding:0px;}
#header #dnn_imgLogo {width:250px; height:60px; position:absolute; top:0px; left:0px;}
#header #tagline {position:absolute;top:20px;left:300px;font-size:16px;font-weight:bold;color:#ffffff;padding:2px 0px 2px 0px;}
#header #subheader1{position:absolute;top:20px;right:0px;font-size:14px;color:#ffffff;text-align:right;background:transparent;padding:2px 10px 2px 0px;}
#header #subheader1 span {font-size:20px;font-weight:bold;}
#header #subheader2{width:990px; height:30px; position:absolute; top:60px; left:0px;background:url(img/menu_bg.gif) no-repeat top left;}
.loginitem, a.loginitem, .loginitem a {color:#ffffff;font-style:italic;font-family:Lucida Grande, helvetica, Arial, Sans-Serif;font-weight:bold;text-transform:lowercase;padding:5px;}
a.loginitem:link, a.loginitem:visited {text-decoration:none;}
a.loginitem:hover, a.loginitem:active {color:#555;text-decoration:underline;}

#bodytopmain{width:100%;background:transparent;color:#fff;float:left;padding:0px 0px 10px 0px;clear:both;z-index:1;}
#bodytopPane{width:970px;position:relative;background:transparent;color:#fff;margin:0 auto;padding:10px 0px 0px 0px;}
#bodytopPane.admin, #bodytopPane.host {width:974px;}
#dnn_bodytopwidePane{width:970px;height:1%;z-index:1;}
#dnn_bodytopLeftPane{width:640px;float:left;z-index:1;}
#dnn_bodytopRightPane{width:280px;float:left;margin-left:20px;z-index:1;}
#bodytopPane .homelinks{width:200px;float:left;margin-left:58px;margin-right:58px;margin-bottom:20px;}
* html #bodytopPane .homelinks {width:200px;margin:0px 35px;}
#bodytopPane .homelinks h2 {font-size:18px;font-weight:bold;padding-bottom:5px;margin-bottom:10px;color:#ffffff;white-space:nowrap;overflow:hidden;}
#bodytopPane .homelinks p.intro{font-size:1em;line-height:1.4em;padding:0;height:4.2em;overflow:hidden;}
#bodytopPane .homelinks p.readmore {margin-top:10px;padding:0;text-align:right;color:#fc2f00;}
#bodytopPane .homelinks p.readmore a:link, #bodytopPane .homelinks p.readmore a:visited {color:#fc2f00;} 

/*----BODY MIDDLE PANEL----*/
#bodymiddlemain{width:100%;background:transparent;color:#fff;float:left;padding:0px 0px 30px 0px;clear:both;z-index:1;}
#bodymiddlePane{width:990px;position:relative; margin:0 auto 0 auto; background:transparent; color:#fff;z-index:1;padding:0px;}
* html #bodymiddlePane{padding-left:15px;}
#bodymiddlePane.admin, #bodymiddlePane.host {width:996px;}

/*----BODY MIDDLE BLOG PANEL----*/
#bodymiddleblogmain{width:100%;background:transparent;color:#555;float:left;padding:0px 0px 10px 0px;clear:both;z-index:1;}
#bodymiddleblogPane{width:970px;position:relative;background:transparent;color:#555;margin:0 auto;padding:10px 0px 0px 0px;}
#bodymiddleblogPane.admin, #bodymiddleblogPane.host {width:974px;}
#dnn_bodymiddleblogLeftPane{width:640px;float:left;z-index:1;}
#dnn_bodymiddleblogRightPane{width:310px;float:left;margin-left:20px;z-index:1;}

/*----BODY LOWER PANEL----*/
#bodylowermain{width:100%;background:transparent;color:#fff;float:left;padding:0px 0px 10px 0px;clear:both;z-index:1;}
#bodylowerPane{width:970px;position:relative;background:transparent;color:#fff;margin:0 auto;padding:10px 0px 0px 0px;}
#bodylowerPane.admin, #bodylowerPane.host {width:974px;}
#dnn_bodylowerwidePane{width:970px;height:1%;z-index:1;}
#bodylowerPane #dnn_contentPane{width:640px;float:left;z-index:1;}
#dnn_bodylowerRightPane{width:310px;float:left;margin-left:20px;z-index:1;}
* html #dnn_bodylowerRightPane{margin-left:15px;}

#bodylowerPane #dnn_contentPane .homelinks {width:600px;margin:0px auto;clear:both;}
#bodylowerPane #dnn_contentPane .homelinks h2 {font-size:18px;font-weight:bold;padding-bottom:5px;margin-bottom:10px;color:#ff6600;border-bottom:1px dotted #ffffff;}
#bodylowerPane #dnn_contentPane .homelinks img.reflect {float:left;margin-right:10px;margin-bottom:20px;height:150px;width:200px;}
#bodylowerPane #dnn_contentPane .homelinks p.intro{font-size:1em;line-height:1.4em;padding:0;}
#bodylowerPane #dnn_contentPane .homelinks p.readmore {margin-top:10px;padding:0;text-align:right;color:#fc2f00;}
#bodylowerPane #dnn_contentPane .homelinks p.readmore a:link, #bodylowerPane #dnn_contentPane .homelinks p.readmore a:visited {color:#fc2f00;} 

#dnn_bodylowerRightPane .homelinks {width:90px;float:left;margin:0px 5px 20px 5px;}
* html #dnn_bodylowerRightPane .homelinks {margin-left:4px;margin-right:4px;}
#dnn_bodylowerRightPane .homelinks img.reflect {height:68px;width:90px;}


/*----FOOTER PANEL----*/
#footermain{height:190px;background:url(img/footer_bg.jpg) 0 0 repeat-x #242424; color:#fff; clear:both;}
#footerPane{width:990px; position:relative; margin:0 auto;padding-top:20px;}
#footerPane p.copyright{background:#242424; color:#fff; font:11px/15px Arial, Helvetica, sans-serif; position:absolute; top:170px; left:10px;}
#footerPane p.sitecredit{background:#242424; color:#fff; font:11px/15px Arial, Helvetica, sans-serif;text-align:right; position:absolute; top:170px; right:10px;}
#footerPane a:link, #footerPane a:visited {color:#fff;text-decoration:underline;font-weight:normal;}
#footerPane a:active, #footerPane a:hover {color:#fff;text-decoration:none;font-weight:normal;}
#footerPane ul{width:500px; position:absolute; top:93px; left:14px;}
#footerPane li{float:left; font:13px/15px Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPane ul li a{padding:0 12px 0; color:#fff; background:#565656; text-decoration:none;}
#footerPane ul li a:hover{text-decoration:underline;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
width:970px;margin-left:10px; 
font-size:0.85em;z-index:10000;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:auto;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:14px;
font-weight:bold;
text-decoration:none; 
color:#fff; 
width:auto; 
height:30px; 
background:transparent; 
padding-left:10px; 
padding-right:5px;
line-height:29px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:130px;
w\idth:119px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#fdaf30;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
background:#fdaf30;
}
.menu ul ul :hover > a.drop {
background:#fdaf30;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#fdaf30;
}
/* style the third level hover */
.menu ul ul ul a:hover {
background:#fdaf30;
}
.menu ul ul ul :hover > a {
background:#fdaf30;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:30px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#fdaf30; 
color:#fff; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#ff6600;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#ff6600;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
/******** FOR THE AUTOSUGGEST BOX *******/
.NodeDefault {font-size:12px;cursor:hand;text-decoration:none;color:#555;}
.NodeIconDefault {cursor:hand;}
.ChildNodeDefault, .SpecialNode {font-size:12px;cursor:hand;text-decoration:none;color:#555;}
.SpecialNodeHover{background-color:green;color:#fff;}
.DisabledNode {color:Gray;}
.SelClass {background-color:#fc2f00;color:White;}
.HoverClass {background-color:#fc2f00;color:#fff;}
.MenuBarClass {position:absolute;top:0;left:0;border-right:1px outset;border-top:1px outset;border-left:1px outset;width:140px;border-bottom: 1px outset;background-color:#ededed;}
.MenuClass {background-color: silver;border: outset 1px;}
.SpecialNode {color: Yellow;}

.pdflink {padding-left:18px;background:url(img/pdflink.gif) no-repeat top left;}
.externallink {padding-left:18px;background:url(img/externallink.gif) no-repeat top left;}
.downloadlink {padding-left:18px;background:url(img/downloadlink.gif) no-repeat top left;}


/***** For blog page *****/
.SubHead a:link, .SubHead a:visited {text-decoration:none;font-size:1.6em;font-family:Times New Roman, Times, Serif;font-weight:600;padding-bottom:3px;margin:bottom:5px;color:#408010;}
.SubHead a:active, .SubHead a:hover {text-decoration:underline;}
.CreateFrom {color:#408010;}

/******** CLEARFIX ********/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */