/* 
================================
CSS styles for DotNetNuke Skin
Deign from www.dnnskin.net
================================
*/  
Body{ background:#FFFFFF; margin:0px; padding:0px;}
body,td,th,p {font-family: Tahoma;font-size: 12px;color: #42383d; text-align:left; margin:0px; padding:0px; line-height:1.5em}
a:link {color: #1c80f2;}
a:visited {color: #52768c;}
a:hover {color: #328d5d;}
a:active {color: #326A8D;}
h1{ font: bold 14pt Tahoma; color:#42383d; text-align:left; margin:0px; padding:5px 0px}
#Center{background:url(../bg.gif) left top repeat-x; width:100%}
#Wrapper{ width:1003px; background:#FFFFFF}
#Header{ width:100%; background:url(../Header.gif) left bottom repeat-x; float:left}
#Header .logo{ width:280px;float:left;}
#Header .menu{ float:right; width:710px;}
#Header .search{ float:right; width:710px;text-align:right; height:55px; background:url(../beige/search.gif) right top no-repeat}
#dnn_dnnSEARCH_txtSearch{ border:1px transparent solid; background:transparent; width:190px; height:25px; margin-top:14px; padding:2px 3px 0 3px; font:bold 14px Tahoma; color:#333333}
#dnn_dnnSEARCH_cmdSearch{ background:transparent; margin-right:53px;}
#Slogan{ width:100%; height:324px; background:url(../beige/image2.jpg) right top repeat-x; clear:both}
#Slogan .person{ width:305px; height:324px; background:url(../beige/image1.jpg) left top no-repeat; float:left}
#Slogan .pane{ width:680px; float:right;}
#Slogan .themes{ text-align:right; height:30px;  padding:5px 20px 0 0}
#Slogan .sloganpane{ width:550px; float:left; }
#Inner{ width:100%; height:50px; background:url(../beige/inner.gif) left top repeat-x; border-bottom:1px #f4f4f4 solid; clear:both}
#Inner .breader{ width:550px; float:left; text-align:left; margin-top:15px; text-indent:2em; font:bold 9pt Tahoma; color:#333;background:url(../bread.gif) 7px center no-repeat; clear:both}
#Inner .themes{ float:right; width:350px; margin-top:12px}
.currentdate{ float:left; width:300px; text-align:left}

#Content{ width:800px; border-bottom:1px #ccc solid}
.breader{ width:300px; float:left; text-align:left; font:normal 11px Tahoma, Arial, Helvetica, sans-serif; color:#66666;background:url(../bread.gif) 7px center no-repeat; text-indent:2em}
.account{ width:480px; float:right; text-align:right}
#Footer{ width:800px; clear:both}
.copyright{ width:450px; float:left; text-align:left}
.terms{ width:300px; float:right; text-align:right; }

/* Skin Object Style*/

.user,A.user:link,A.user:active,A.user:visited  {FONT: bold 8pt Tahoma;COLOR: #BDBDBD;TEXT-DECORATION: none; padding:0 15px; line-height:2em; background:url(../arrow.gif) 0 -22px no-repeat}A.user:hover {COLOR:#666;}

.login,A.login:link,A.login:active,A.login:visited  {FONT: bold 8pt Tahoma;COLOR: #BDBDBD;TEXT-DECORATION: none; padding:0 15px; line-height:2em; background:url(../arrow.gif) 0 -2px no-repeat}A.login:hover {COLOR:#666;}

.date{FONT:normal 8pt Tahoma;COLOR: #999;TEXT-DECORATION: none;padding:0 20px 0 20px; line-height:2em; background:url(../arrow.gif) 0 -42px no-repeat}

.bread,A.bread:link,A.bread:active,A.bread:visited  {FONT:normal 8pt Tahoma;COLOR: #777;TEXT-DECORATION: none; padding:0 2px; } A.bread:hover {COLOR:#333;}

.innerbread,A.innerbread:link,A.innerbread:active,A.innerbread:visited  {FONT: bold 9pt Tahoma;COLOR: #333;TEXT-DECORATION: none; padding:0 2px; } A.innerbread:hover {COLOR:#000;}

.links,A.links:link,A.links:active,A.links:visited  {FONT:normal 8pt Tahoma;COLOR: #999;TEXT-DECORATION: none; padding:0 2px; line-height:2em; }A.links:hover {COLOR:#666;}

.info,A.info:link,A.info:active,A.info:visited  {FONT:normal 8pt Tahoma;COLOR: #999;TEXT-DECORATION: none; padding:0 5px; } A.info:hover {COLOR:#333;}


.more,A.more:link,A.more:active,A.more:visited  {FONT: bold 9pt Tahoma;COLOR: #42383d;TEXT-DECORATION: none; padding:0 5px;} A.more:hover {COLOR:#d1ebf7;}

/* Skin Pane Style*/
.contentpane{ width:100%; float:left; clear:both}
.leftpane{width:200px; float:left}
.toppane{ width:590px; float:right; overflow:hidden}
.middlepane{ width:380px; float:right; margin-right:10px; display:inline}
.rightpane{ width:200px; float:right; clear:both;}
.bottompane{ width:100%; clear:both;}
.footerpane{ width:100%; clear:both}

/* Menu Style*/

.MainMenu_MenuContainer{ background:transparent; width:1px;}
.MainMenu_MenuBar{}
.MainMenu_MenuIcon{ display:none; }
.MainMenu_MenuArrow{ display:none}
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuItemSel{ background:transparent}
.MainMenu_MenuBreak{display:none;}
.MainMenu_MenuItem{color:#555;font: bold 9pt Tahoma, Helvetica, sans-serif;padding:2px 15px 2px 10px;border:1px #f3f3f3 solid;background:transparent;}
.submenuitemselected{color:#fff;font: bold 9pt Tahoma, Helvetica, sans-serif;padding:2px 15px 2px 10px;background: #555;border:1px  #555 solid; margin:0px}
.submenuitembreadcrumb{color:#fff;font: bold 9pt Tahoma, Helvetica, sans-serif;padding:2px 15px 2px 10px;border:1px  #555 solid;background: #555}
.submenu{border: #FFF 1px solid;z-index:1000;cursor: pointer;cursor:hand;background: #f3f3f3;margin-top:0px;}
.rootmenuitem TD{ padding:0px 1px; font-size:0px; background:transparent;}
.rootmenuitem DIV{ background:url(../beige/menu.gif) 0 -76px no-repeat; margin:0px; float:right }
.rootmenuitem DIV DIV{ background:url(../beige/menu.gif) right -114px no-repeat; height:33px; }
.rootmenuitem DIV DIV DIV{ color:#FFF;font: bold 12pt "Trebuchet MS", Tahoma, Helvetica, sans-serif;padding:5px 10px 0px; height:33px; }
.rootmenuitemselected TD,
.rootmenuitembreadcrumb TD{ padding:0px 1px; font-size:0px; background:transparent; }
.rootmenuitemselected DIV DIV DIV,
.rootmenuitembreadcrumb DIV DIV DIV{color:#42383d;font:bold 12pt "Trebuchet MS", Tahoma, Helvetica, sans-serif; padding:5px 10px 0px; height:33px;}

#menu{ margin:0px; padding:0px;height:34px;}
#menu .rootmenuitemselected DIV, 
#menu .rootmenuitembreadcrumb DIV{background:url(../beige/menu.gif) left top no-repeat;float:right}
#menu .rootmenuitemselected DIV DIV, 
#menu .rootmenuitembreadcrumb DIV DIV{background:url(../beige/menu.gif) right -38px no-repeat;height:33px;}

/* Container tyle*/
h1 .head{font: bold 12pt Tahoma; color:#5f3e39}
h2 .head{font: bold 12pt Tahoma; color:#666;width:100%; display:block; margin-bottom:10px; padding:5px 0; background:url(../beige/container.gif) bottom repeat-x; text-indent:10px}
.titlecolor{ color:#fff; font: bold 11pt "Trebuchet MS"; line-height:2em}
.content{ margin:5px 0; padding:0 5px}
.container02{ background:#ebebe9; margin-bottom:5px}
.container02 .titlebox{ width:100%; height:35px; background:url(../beige/container.gif) 0 -140px}
.container02 .title{ float:left}
.container02 .titlel{ width:21px; height:35px; background:url(../beige/container.gif) left -105px no-repeat; float:left}
.container02 .titler{ width:21px; height:35px; background:url(../beige/container.gif) right -175px no-repeat; float:right}
.container02 .adminbox{ width:100%; height:21px;}
.container02 .adminl{ width:70%; height:21px; background:url(../beige/container.gif) left -21px no-repeat; float:left}
.container02 .adminr{ width:25%; height:21px; background:url(../beige/container.gif) right top no-repeat; float:right}

.container03{ background:#f9f9f9; margin-bottom:5px}
.container03 .titlebox{ width:100%; height:35px; background:url(../beige/container.gif) 0 -350px}
.container03 .title{ float:left}
.container03 .titlel{ width:21px; height:35px; background:url(../beige/container.gif) left -315px no-repeat; float:left}
.container03 .titler{ width:21px; height:35px; background:url(../beige/container.gif) right -385px no-repeat; float:right}
.container03 .adminbox{ width:100%; height:21px;background:url(../beige/container.gif) left -63px repeat-x;}
.container03 .adminl{ width:70%; height:21px; background:url(../beige/container.gif) left -42px no-repeat; float:left}
.container03 .adminr{ width:25%; height:21px; background:url(../beige/container.gif) right -84px no-repeat; float:right}

.container05{ background:#ebebe9; margin-bottom:5px}
.container05 .titlebox{ width:100%; height:35px; background:url(../beige/container.gif) 0 -245px}
.container05 .title{ float:left}
.container05 .titlel{ width:21px; height:35px; background:url(../beige/container.gif) left -210px no-repeat; float:left}
.container05 .titler{ width:21px; height:35px; background:url(../beige/container.gif) right -280px no-repeat; float:right}
.container05 .adminbox{ width:100%; height:21px;}
.container05 .adminl{ width:70%; height:21px; background:url(../beige/container.gif) left -21px no-repeat; float:left}
.container05 .adminr{ width:25%; height:21px; background:url(../beige/container.gif) right top no-repeat; float:right}