Body, .Normal, .NormalTextBox, TD, SPAN, DIV, P, A{ margin:0px; padding:0px; color:#555}
.left{ float:left}
.right{ float:right}
.clr{ clear:both}

.logo{ width:35%;}
.search{ width:25%;}
.search span{ display:block; float:left; width:80px;}
#dnn_dnnSEARCH_txtSearch{ line-height:22px; padding:0 5px; font-size:14px; font-weight:bold}
.account{ width:30%;text-align:right; margin-right:20px; margin-top:20px; position:relative}
.ContentBox{ background:#FFFFFF;}
.breader{ padding-left:10px}
.dateobject{text-decoration: none;color:#666; padding:0 10px}
#themes{background:url(open.gif) left no-repeat;cursor: pointer;cursor: hand; width:90px; text-align:center; color:#FFFFFF; padding:1px 15px; white-space:nowrap; font-size:10px}
#themebox{background:url(bg17.gif) top left repeat-x #2e3436;width:300px;display: block;position:absolute;z-index:1222;left:0px; top:21px; height:100px;filter:Alpha(Opacity=90);opacity:0.9; text-align:center}
#themebox h2{ color:#ccc; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:left; text-indent:10px; padding-top:8px}
#themebox .color{width:280px;}
#themebox .layout{width:280px;margin-top:5px; color:#999}
#themebox .layout a:link, #themebox .layout a:visited, #themebox .layout a:active{width:24px; height:24px; background:#666; border:2px #000 solid; color:#fceae8; font-size:12px; font-weight:bold; line-height:30px; display:block; text-decoration:none; margin:1px; float:left}
#themebox .layout a:hover{background:#999; color:#FFFFFF}

#themebox .close,#themebox a.close:link, #themebox a.close:visited, #themebox a.close:active{width:70px; height:24px; background:url(themebut.gif) left top repeat-x; border:2px #000 solid; color:#fceae8; font-size:12px; font-weight:bold; line-height:24px; display:block; text-decoration:none; margin:1px; text-align:center; float:right}
#themebox a.close:hover{background:url(themebut.gif) left bottom repeat-x; color:#FFFFFF}
.themeOff{ cursor:pointer; margin:3px}
.themeOn{cursor:pointer; margin:3px}
/*========================================================*/
/*  Content Panes                                         */
/*========================================================*/
.sloganpane{padding:10px}
.TopPane{width:100%;padding:0 3px}
.TopleftPane{width:50%; padding:0 3px}
.ToprightPane{width:50%; padding:0 3px}
.LeftPane{width:22%; padding:0 3px}
.ContentPane{width: auto;padding:0 3px}
.RightPane{width:22%; padding:0 3px}
.Column1Pane{width:25%; padding:0 3px}
.Column2Pane{width:25%; padding:0 3px}
.Column3Pane{width:25%; padding:0 3px}
.Column4Pane{width:25%; padding:0 3px}
.FooterPane{width:100%;padding:0 3px}


/*========================================================*/
/*  Nav                                       */
/*========================================================*/

.MenuBox {height: 65px !important; vertical-align:top;}
.dnnMenu{ outline:none; display:block; clear:both;}

.dnnMenu .root{display: block; float:left; outline:none;
                font-size: 12px;cursor: pointer;color: #369;z-index: 1000; margin:0 0 0 0;
                line-height: 30px; padding:0 20px;font-family:Arial, Helvetica, Sans-Serif;
                font-weight:normal; border-bottom:0px solid #ccc;}
.dnnMenu .sel, 
.dnnMenu .bc {color:#036;}
.dnnMenu .hov{color:#036;background:#eee;}

.dnnMenu .last{border-bottom:0px solid #ccc;}

.dnnMenu .m {background:#eee;display:inline-block;margin:0px 0 0 0px;border:0px solid #ccc; 
             padding:0 0;z-index: 1001; text-align:left;}
.dnnMenu .m .mi {color: #369;font-size: 12px;text-decoration: none; font-weight:normal;font-family:Arial, Helvetica, Sans-Serif;
                      display: block;border-bottom:0px solid #ccc; padding:0 15px; line-height:30px; float:left;}
.dnnMenu .m .sel, 
.dnnMenu .m .hov, 
.dnnMenu .m .bc {color:#036;}

.mid62, .mid66{height:1px; width:1px; display:none !important;}

.dnnMenu .m .mi span.icn {display: none;}
.LftMenu { width:200px; margin:0 20px 0 0;}
.LftMenu ul.rpRootGroup li{display:none;}
.LftMenu ul{padding:0; margin:20px 0 0 0; }
.LftMenu ul li{padding:0 0; margin:0; list-style-type:none; display:block; clear:both;}
.LftMenu ul li a{display:block; padding:5px 10px; clear:both; line-height:25px;border-bottom:1px dotted #666;}
.LftMenu ul li a img.rpImage{display:none;}
.LftMenu ul li a.active{background:#f1f1f1;}
.LftMenu ul li .rpSlide{display:none;}
.LftMenu ul li .rpSlide ul{padding:0 0 0 10px; margin:0;}
.LftMenu ul li a.rpSelected{background:#f1f1f1;}
.LftMenu ul.rpRootGroup li .rpSlide ul li{display:block;}

/* ============================================================= */
/* =================== styling for ADMIN ======================= */
/* ============================================================= */
.AdminMenu{}
.AdminMenu ul#PfMegaAdmin {margin:auto; list-style:none; font-weight:bold; margin:0px 0px 0px 0px; padding:0px; text-align:center; vertical-align:top; display:inline-block;}

.AdminMenu ul#PfMegaAdmin li {margin:0px; width:120px; padding:0px; text-align:center; border:solid 1px; display:inline-block; float:left;  background:url(images/sep.gif) 0px 2px no-repeat;}
.AdminMenu ul#PfMegaAdmin li:first-child {background:none;}
.AdminMenu ul#PfMegaAdmin li:hover {padding:0px; margin:0px; z-index:102;}

.AdminMenu ul#PfMegaAdmin {font-family: Tahoma, sans-serif; position:static; }    
.AdminMenu ul#PfMegaAdmin a {text-decoration:none; color:#ffffff; font-weight:bold; font-size:13px; display:block; padding:5px 10px 5px 10px; font-family:Tahoma, Geneva, sans-serif; background: #666666; line-height:normal;}
.AdminMenu ul#PfMegaAdmin li:hover a {color:#000000; background:#f9f9f9; padding:5px 10px 5px 10px; letter-spacing: 1px;}
.AdminMenu ul#PfMegaAdmin li:hover ul li { font-size: 12px; } 

/* ============================================================= */
/* =================== DropMenu Styling for Admin ============== */
/* ============================================================= */

.AdminMenu ul#PfMegaAdmin div.shadow {z-index:101; display:none; position: absolute; left:-59px; top:26px; margin:0px; width:350px; background:url(images/divShadow_Admin.png) bottom center no-repeat; padding:0px 6px 6px 6px; text-align:center; }
.AdminMenu ul#PfMegaAdmin div.shadow div {overflow:auto; margin:0px; width:348px; background:#f9f9f9; padding:0px 0px 15px 0px; text-align:center; border:1px solid #000000;}
.AdminMenu ul#PfMegaAdmin div.jShadow {z-index:101; display:none; position: absolute; left:-59px; top:26px; margin:0px; width:350px; background:url(images/divShadow_Admin.png) bottom center no-repeat; padding:0px 6px 6px 6px; text-align:center; }
.AdminMenu ul#PfMegaAdmin div.jShadow div {overflow:auto; margin:0px; width:348px; background:#f9f9f9; padding:0px 0px 15px 0px; text-align:center; border:1px solid #000000;}
/* show drop divs */
.AdminMenu ul#PfMegaAdmin li:hover div {display:block;} /*neg margin is for shadow */

.AdminMenu .HtmlBeforeLevel1 {display: inline; margin-right:5px;}

/* ============================================================= */
/* =================== Column Heading Styling (level 1) ======== */
/* ============================================================= */

.AdminMenu ul#PfMegaAdmin ul {list-style:none; margin-left:15px; padding:0px;}
.AdminMenu ul#PfMegaAdmin ul li {background:none; width:160px; border:none; padding:0px 0px 0px 0px; margin:5px 0px 0px 0px; text-align:left; vertical-align:top;}
.AdminMenu ul#PfMegaAdmin ul li:hover {background:none; padding:0px 0px 0px 0px; margin:5px 0px 0px 0px;} 

.AdminMenu ul#PfMegaAdmin ul li a {font-size:11px; font-weight:bold; color:#000000; font-family:Tahoma, sans-serif; letter-spacing: normal;}
.AdminMenu ul#PfMegaAdmin li:hover ul li:hover a, .AdminMenu ul#PfNavMega li:hover ul li a { letter-spacing: normal; } 
.AdminMenu ul#PfMegaAdmin li div ul li a {background:none; border:none;}
.AdminMenu ul#PfMegaAdmin li:hover div ul li a {background:none; border:none; padding-left:8px; color:#000000; letter-spacing: normal;}
.AdminMenu ul#PfMegaAdmin li:hover div ul li a:hover {background:url(images/megaL1_hover.png) 0px 10px no-repeat;}
