/* 
================================
CSS styles for DotNetNuke Skin
Deign from www.dnnskin.net
================================
*/  
Body{ background:#99310c; margin:0px; padding:0px}
body,td,th,p {font-family: Tahoma;color: #555;  margin:0px; padding:0px; font-size:9pt}
a:link {color: #99310c; font-weight:bold}
a:visited {color: #99310c; text-decoration:underline}
a:hover {color: #c82a05;}
a:active {color: #99310c;}

/*========================================================*/
/* Skin Style*/
/*========================================================*/
#Skinwidth{ width:800px;}
#Top{ width:100%; height:40px; background:url(../margon/topb.gif) left top repeat-x}
#Top .date{width:300px;height:40px;background:url(../margon/topl.gif) left top no-repeat;float:left;color:#FFFFFF;font:bold 11px Tahoma;text-indent:40px; line-height:3.5em}
#themes{ width:400px;float:right;height:40px;background:url(../margon/topr.gif) right top no-repeat;overflow:hidden}
#Bread{ width:100%; background:url(../bread_bg.gif) top left repeat-x;}
#Search{ width:110px; background:url(../margon/search.gif) no-repeat}
#Left{ width:34px; background:url(../margon/headl.gif) left top repeat-y}
#Left .leftimg{ width:34px; background:url(../margon/headli.gif) left top no-repeat; height:100px}
#Right{ width:34px; background:url(../margon/headr.gif) right top repeat-y}
#Right .rightimg{ width:34px; background:url(../margon/headri.gif) right top no-repeat; height:100px}
#Content{ width:100%; background:#eee}
#Bot{ width:100%; height:70px; background:url(../margon/botb.gif) left bottom repeat-x; overflow:hidden}
#Bot .copyright{width:40%;height:70px;background:url(../margon/botl.gif) left bottom no-repeat;float:left;}
#Bot .terms{ width:320px; float:right;height:70px;background:url(../margon/botr.gif) right bottom no-repeat; text-align:center}
#header{ width:100%; background:url(../margon/head_bg.gif) top left repeat-x; height:174px;}
#headerleft{ width:100%; background:url(../margon/head_left.jpg) top left no-repeat; height:174px;}
#headerright{ width:11px; background:url(../margon/head_right.gif) top left no-repeat; height:174px;}
/*========================================================*/
/* Menu Style*/
/*========================================================*/

.MainMenu_MenuContainer{ background:transparent; width:500px; white-space:nowrap}
.MainMenu_MenuItemSel{ background:transparent;}
.MainMenu_MenuBar{}
.MainMenu_MenuIcon,.MainMenu_MenuArrow,.MainMenu_RootMenuArrow,.MainMenu_MenuBreak{display:none;}
.MainMenu_MenuItem{font: bold 11px Tahoma;padding:2px 15px 2px 10px;border:1px #b30f2b solid; color:#f9d7c3}
.submenuitemselected{color:#f5fdf4;font: bold 11px Tahoma;padding:2px 15px 2px 10px;background: #000;border:1px #f9d7c3 solid; margin:0px}
.submenuitembreadcrumb{color:#fff;font: bold 11px Tahoma;padding:2px 15px 2px 10px;border:1px  #b30f2b solid;background:#b30f2b}
.submenu{border: #b30f2b 1px solid;z-index:1000;cursor: pointer;cursor:hand;background:#b30f2b;margin-top:0px;}
.rootmenuitem TD{ padding:0px 1px; font-size:0px; background:transparent;}
.rootmenuitem DIV{ background:url(../margon/l-1.gif) top left no-repeat; margin:0px; float:right }
.rootmenuitem DIV DIV{ background:url(../margon/r-1.gif) top right no-repeat; height:26px; }
.rootmenuitem DIV DIV DIV{ color:#eee;font: bold 11px Tahoma;padding:0px 15px; height:26px; line-height:2.5em; }
.rootmenuitemselected TD,
.rootmenuitembreadcrumb TD{ padding:0px 1px; font-size:0px; background:transparent; }
.rootmenuitemselected DIV DIV DIV,
.rootmenuitembreadcrumb DIV DIV DIV{color:#ddd;font:bold 11px Tahoma;padding:0px 15px;height:26px; line-height:2.5em}
#menu { height:40px;}
#menu .rootmenuitemselected DIV{background:url(../margon/l-2.gif) left top no-repeat;float:right} 
#menu .rootmenuitembreadcrumb DIV{background:url(../margon/l-3.gif) left top no-repeat;float:right}
#menu .rootmenuitemselected DIV DIV{background:url(../margon/r-2.gif) right top no-repeat;height:27px;}
#menu .rootmenuitembreadcrumb DIV DIV{background:url(../margon/r-3.gif) right top no-repeat;height:27px;}

/*========================================================*/
/*  Links Object Style                                        */
/*========================================================*/

.links,A.links:link,A.links:active,A.links:visited  {COLOR: #f1a0a8;TEXT-DECORATION: none; padding:0 3px; font-weight: normal; font-family:Tahoma; line-height:1.3em; } A.links:hover {COLOR:#ffff00;}

/*========================================================*/
/*  Containers Style                                        */
/*========================================================*/
.pane{ padding:5px; line-height:1.4em;}
.Container01, .Container02, .Container03{ width:100%; background:#fff;}
.Container01 .t01, .Container05 .t05{background:url(../margon/c01-2.gif) left top repeat-x; height:27px;}
.Container01 .tl01, .Container05 .tl05{ width:5px; background:url(../margon/c01-1.gif) left top no-repeat; height:27px;}
.Container01 .tr01, .Container05 .tr05{ width:8px; background:url(../margon/c01-3.gif) right top no-repeat; height:27px;}
.Container01 .l01, .Container02 .l02, .Container03 .l03, .Container05 .l05{ width:5px; background:url(../c01-4.gif) left top repeat-y;}
.Container01 .r01, .Container02 .r02, .Container03 .r03, .Container05 .r05{ width:8px; background:url(../c01-5.gif) right top repeat-y;}
.Container01 .b01, .Container02 .b02, .Container03 .b03, .Container05 .b05{background:url(../c01-8.gif) left top repeat-x; height:10px;}
.Container01 .bl01, .Container02 .bl02, .Container03 .bl03, .Container05 .bl05{ width:5px; background:url(../c01-7.gif) left top no-repeat; height:10px;}
.Container01 .br01, .Container02 .br02, .Container03 .br03, .Container05 .br05{ width:8px; background:url(../c01-9.gif) right top no-repeat; height:10px;}

.Container02 .t02{background:url(../c02-2.gif) left top repeat-x; height:27px;}
.Container02 .tl02{ width:5px; background:url(../c02-1.gif) left top no-repeat; height:27px;}
.Container02 .tr02{ width:8px; background:url(../c02-3.gif) right top no-repeat; height:27px;}

.Container03 .t03{background:url(../c03-2.gif) left top repeat-x; height:27px;}
.Container03 .tl03{ width:5px; background:url(../c03-1.gif) left top no-repeat; height:27px;}
.Container03 .tr03{ width:8px; background:url(../c03-3.gif) right top no-repeat; height:27px;}

.Container04 .pane{ border-top:2px #ccc solid; border-bottom:1px #ccc dotted}
.Container05{ width:100%; background:#f5f5f5}