BODY {
BACKGROUND:#FFFFFF; 
MARGIN: 0px; 
BORDER-LEFT: 0px; 
HEIGHT: 100%;
scrollbar-face-color: #000033;
scrollbar-highlight-color: #eee;
scrollbar-shadow-color: #eee;
scrollbar-3dlight-color: #eee;
scrollbar-arrow-color:  #FFFFFF;
scrollbar-track-color: #eee;
scrollbar-darkshadow-color: #eee;
color:#333
}
DIV {	COLOR: #333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px}
P{	COLOR: #333; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:3px 0}
Strong{font:bold 9pt Verdana, Arial, Helvetica, sans-serif;}
A,A:link,A:visited ,A:active {	COLOR:#000033; TEXT-DECORATION:underline; font-weight:bold}
A:hover {	COLOR: #9a0000; TEXT-DECORATION: none }
A:visited {	COLOR:#333; TEXT-DECORATION:underline}
.Head {
FONT-WEIGHT: normal;
FONT-SIZE: 11pt;
COLOR: #000033; font-weight:bold
}
.SubHead {
FONT-SIZE: 8pt;
COLOR: #333; font-weight: bold
}
.SubSubHead {
FONT-SIZE: 8pt;
COLOR: #666;
}
.Normal {COLOR: #333}
.left{ float:left}.right{ float:right}.clear{ clear:both}.spacer{ width:1px; height:5px; overflow:hidden}

/* Skin Style */
#Wrapper{
width:100%;
background:#FFFFFF;
}
#Wrapper .skinwidth{
width:960px;
}
#Top{
width:100%;
height:25px;
background:#000000;
}
#Top .currentdate{
width:200;
height:25px;
text-align:left;
}
#Top .pageoption{
width:600px;
height:25px;
text-align:right;
}
#Header{
width:100%;
height:90px;
background:url(../headerbg.gif) left bottom repeat-x;
}

#Header .logo{ 
width:270px;
overflow:hidden;
}
#Header .slogan{ 
width:680px;
height:63px;
overflow:hidden;
background:url(../slogan.gif) right center no-repeat;
}
#Header .menu{
width:680px;
}
#Flash{
width:100%;
height:270px;
background:url(../blueflashbg.gif) left top repeat-x #2ca3d5;
}
#Image{
width:100%;
height:120px;
background:url(../blueimagebg.gif) left top repeat-x #3d6ed8;
}
#Image .skinwidth{
background:url(../blueimagesmall.jpg) no-repeat;
height:120px
}

#Image .pic{ 
width:700px;
background:url(../blueimage.jpg) left top no-repeat;
height:120px;
FONT-WEIGHT: normal;
FONT-SIZE:9pt;
COLOR: #333;
}
#Image .pic .spacer{ 
width:10px;
height:95px
}
#Content, #Portalcontent, #Admincontent{
width:100%;
background:url(../mainbg.gif) left top repeat-x #3d6ed8;
line-height:0.8em;
border-top:1px #b7c6cb solid;
border-bottom:1px #b7c6cb solid;
}
#Content .skinwidth{
background:#FFFFFF;
filter:alpha(opacity=95);
opacity:0.95;

}
#portalcontent .skinwidth{
background:url(../blueportalbg.gif) left top repeat-y #FFFFFF;
}
#portalcontent .Leftbox{
width:260px;
}
#portalcontent .Leftbox .portalleftpane{
width:250px;
}


#portalcontent .rightbox{
width:690px;
}
#portalcontent .rightbox .portalcontentpane{
width:685px;
}
#portalcontent .rightbox .boxapane{
width:32%;
}
#portalcontent .rightbox .boxbpane{
width:34%;
margin-left:5px
}
#portalcontent .rightbox .boxcpane{
width:32%;
}
#Admincontent .skinwidth{
background:#FFFFFF;
}

#Footer{
width:100%;
}
#Footer .skinwidth{
background:url(../footerbg.gif) left top repeat-x;
}


#dnn_dnnSEARCH_txtSearch{ 
border:1px #333 solid; 
height:22px; 
width:130px; 
background:#fff; 
font:bold 8pt Arial, Helvetica, sans-serif; 
color:#295083; 
padding:3px
}

#tabclass1{
background:url(../open.gif) left no-repeat;
font:bold 8pt Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:20px;
cursor: pointer;
cursor: hand;
}
#class_cnt1{
border:0px solid #999;
height:280px;
width: 350px;
display: block;
position:absolute;
z-index:1222;
background:url(../pageoption.gif) top center no-repeat;
margin-left:60%;
top:30px;
filter:alpha(opacity=90);
opacity:0.9;
}
#class_cnt1 p{
width:90%;
text-align:left;
margin:0px;
padding:0px
}
#class_cnt1 .spacer{
width:1px;
height:30px;
}
#class_cnt1 select{
font: normal 8pt Tahoma, Arial, Helvetica, sans-serif;
}
#class_cnt1 .obj{
width:330px;
text-align:left;
margin:0px;
padding:0px;
}
#class_cnt1 .button{
width:60px;
background:#000000;
text-align:center;
color:#FFFFFF;
font:bold 9pt Arial, Helvetica, sans-serif;
float:right;
padding:4px 0;
cursor: pointer;
cursor: hand;
}

#class_cnt1 h1{
font:bold 8pt Tahoma, Arial, Helvetica, sans-serif;
color:#000000;
background:url(../icon.gif) left center no-repeat;
text-indent:1em;
text-align:left;
margin:0px;
padding:6px 0;
}
.searchfont{
font:normal 8pt Arial, Helvetica, sans-serif;
}
.leftpane{
width:27%;
margin-left:5px
}
.middlepane{
width:43%;
margin-left:7px
}
.rightpane{
width:27%;
margin-right:5px
}

.MainMenu_MenuContainer {background-color: Transparent; width:100%; height:27px;}
.MainMenu_MenuBar {}
.MainMenu_TabRootMenuItem TD{ PADDING-RIGHT: 2px;PADDING-LEFT: 0px;FONT: bold 9pt Arial, Helvetica, sans-serif;COLOR:#dd155b;HEIGHT:27px;
text-align:left;background:transparent;}
.MainMenu_TabRootMenuItemSel TD{PADDING-RIGHT: 2px;PADDING-LEFT: 0px;FONT: bold 9pt Arial, Helvetica, sans-serif;COLOR: #dd155b;HEIGHT: 27px;text-align:left;background:transparent;}
.MainMenu_TabMenuItemHover TD{PADDING-RIGHT: 2px;PADDING-LEFT: 0px;FONT: bold 9pt Arial, Helvetica, sans-serif;COLOR:#222;HEIGHT: 27px; text-align:left;background:url(../Resources.gif) 55% -95px no-repeat;}
.MainMenu_MenuItemSel, .MainMenu_TabMenuItemSelHover TD{PADDING-RIGHT: 2px;PADDING-LEFT: 0px;FONT: bold 9pt Arial, Helvetica, sans-serif;COLOR:#222; HEIGHT: 27px;text-align:left;background: url(../Resources.gif) 55% -95px no-repeat;}
.MainMenu_MenuItem {font: bold 8pt Arial, Helvetica, sans-serif;COLOR: #222;padding:0px 10px 0px 10px;border:0px;height: 20px; background:transparent; border-bottom:1px #fff dotted; }
.MainMenu_MenuIcon {display:none;}
.submenuitemselected ,.submenuitembreadcrumb{font: bold 8pt Arial, Helvetica, sans-serif;BACKGROUND:#333;COLOR: #fff; padding:0px 10px 0px 10px;cursor: pointer;cursor: hand;border:0px;height: 20px;border-bottom:1px #fff dotted}
.submenu {Z-INDEX: 1000;BACKGROUND: #eee;COLOR: #fff;border-top:1px #fff dotted;border-left:1px #fff dotted;border-right:1px #fff dotted;padding:0px;margin:0px;filter:alpha(opacity=90);opacity:0.9;cursor: pointer;cursor: hand;}
.MainMenu_MenuBreak {border: transparent 0px solid;background: transparent; height: 1px;}
.MainMenu_MenuArrow { display:none}
.MainMenu_RootMenuArrow {display:none}




.user,A.user:link,A.user:active,A.user:visited  {FONT-WEIGHT: bold;FONT-SIZE:8pt;COLOR: #fff;TEXT-DECORATION: none; padding:4px 6px 5px 26px;
background:url(../Resources.gif) no-repeat; line-height:2em}
A.user:hover {COLOR:#ffff00; background:url(../Resources.gif) 0 -45px no-repeat}

.login,A.login:link,A.login:active,A.login:visited  {FONT-WEIGHT: bold;FONT-SIZE:8pt;COLOR: #fff;TEXT-DECORATION: none; padding:4px 6px 5px 26px;
background:url(../Resources.gif) 0 -22px no-repeat; line-height:2em}
A.login:hover {COLOR:#ffff00; background:url(../Resources.gif) 0 -67px no-repeat}


.info,A.info:link ,A.info:active,A.info:visited {FONT-WEIGHT: normal;FONT-SIZE:8pt;COLOR: #9a0000;TEXT-DECORATION: none; padding:0 2px; line-height:2em; font-family:Tahoma}
A.info:hover {COLOR:#333;TEXT-DECORATION: underline}
.copy{ color:#333; font:normal 8pt Tahoma, Arial, Helvetica, sans-serif; padding:0 2px; line-height:2em}
.date{ color:#ccc; font:normal 8pt Tahoma, Arial, Helvetica, sans-serif;line-height:2em}

.bread, A.bread:link, A.bread:active, A.bread:visited {FONT-WEIGHT: normal;FONT-SIZE:9pt;COLOR: #333;TEXT-DECORATION: none; padding:0 2px; line-height:2em;}
A.bread:hover {COLOR:#024c96;TEXT-DECORATION: underline}

.white, A.white:link, A.white:active, A.white:visited {FONT-WEIGHT:bold;FONT-SIZE:8pt;COLOR:#fff;TEXT-DECORATION:none;padding:0 2px;line-height:2em;} A.white:hover {COLOR:#ffff00;TEXT-DECORATION: underline}

.red, A.red:link, A.red:active, A.red:visited {FONT-WEIGHT: bold;FONT-SIZE:8pt;COLOR: #9a0000;TEXT-DECORATION: none;padding:0 2px;line-height:2em;} A.red:hover {COLOR:#ffff00;TEXT-DECORATION: underline}

.blue, A.blue:link, A.blue:active, A.blue:visited {FONT-WEIGHT:bold;FONT-SIZE:8pt;COLOR:#2ca3d5;TEXT-DECORATION:none;padding:0 2px;line-height:2em;} A.blue:hover {COLOR:#ffff00;TEXT-DECORATION: underline}

.controlpanel{ background:url(../controlpanelbg.gif) repeat-x; border:#ADADAD solid; border-width:0px 0px 1px; }
.controlpanel IMG{ margin:10px 5px 0px; }
.controlpanel TD TD TD TD IMG{ margin:0px; }
.controlpanel TD TD TD{ width:auto; }
.controlpanel DIV{ border:#CCC solid; border-width:0px 1px; width:3px; height:100px; }
.controlpanel TD .SubHead{ font-size:10pt; color:#222; font-weight:bold; }
.controlpanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:8pt; color:#fff; font-weight: bold; }
.controlpanel TD TD TD input{ background:#EFEFEF; font-size:9pt; color:#000; font-weight:bold; padding-left:4px; }
.controlpanel TD TD TD select{ background:#EFEFEF; font-size:8pt; color:#444;}
.controlpanel  A.CommandButton{ font-size:10px; text-decoration:none;}
.controlpanel .normal A.CommandButton{ border:1px #eee solid; padding:0 5px; background:#10b80c; height:20px}
.controlpanel A.CommandButton:link{ color:#fff; }
.controlpanel A.CommandButton:visited{ color:#fff; }
.controlpanel A.CommandButton:active{ color:#fff; }
.controlpanel A.CommandButton:hover{ color:#FFFf00; text-decoration:none; background:#CC0000} 
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{ font-size:9pt; color:#0874a0; text-decoration:none; font-weight: bold; font-family:Tahoma}
A.CommandButton:hover{ color:#FB9409; text-decoration:none; font-size:9pt; font-weight: bold; }


/* Container Style*/
.tia{ color:#fff; font:bold 10pt Verdana, Arial, Helvetica, sans-serif; height:18px}
.tib{ color:#2ca3d4; font:bold 10pt Verdana, Arial, Helvetica, sans-serif; height:18px}
.tic{ color:#000; font:bold 10pt Verdana, Arial, Helvetica, sans-serif; height:18px}
.container01{margin-bottom:5px; background:url(../container01bluebg.gif) repeat-x #2ca3d4}
.container01 .headbox{height:25px;background:url(../topleft.gif) no-repeat }
.container01 .headbox .oxa{  height:25px;}
.container01 .headbox .oxb{  height:25px; width:15px; overflow:hidden;}
.container01 .headbox .oxc{  height:25px; padding-top:5px;}
.container01 .headbox .oxd{  height:25px;background:url(../topright.gif) right top no-repeat; padding:5px 10px 0 0}
.container01 .containerpane{padding:5px 0}
.container01 .containerpane .pane{ width:95%; display:block; clear:both}
.container01 .adminbutton{ background:#2ca3d4;height:25px;}
.container01 .adminbutton .edit{background:url(../botleft.gif) left bottom no-repeat;height:25px; width:40%;}
.container01 .adminbutton .set{background:url(../botright.gif) right bottom no-repeat;height:25px; width:40%}



.container02{margin-bottom:5px;background:#3366cc;}
.container02 .headbox{height:25px;background:url(../topleft.gif) no-repeat }
.container02 .headbox .oxa{  height:25px;}
.container02 .headbox .oxb{  height:25px; width:15px; overflow:hidden}
.container02 .headbox .oxc{  height:25px; padding-top:5px}
.container02 .headbox .oxd{  height:25px;background:url(../topright.gif) right top no-repeat; padding:5px 10px 0 0}
.container02 .containerpane{padding:5px 0}
.container02 .containerpane .pane{ width:95%; display:block; clear:both;}
.container02 .adminbutton{ background:#3366cc;height:25px;}
.container02 .adminbutton .edit{background:url(../botleft.gif) left bottom no-repeat;height:25px; width:40%;}
.container02 .adminbutton .set{background:url(../botright.gif) right bottom no-repeat;height:25px; width:40%}

.container03{margin-bottom:5px;border:1px #eef8fe solid; background:#3366cc}
.container03 .headbox{height:25px;}
.container03 .headbox .oxa{  height:25px;}
.container03 .headbox .oxb{  height:25px; width:15px; overflow:hidden}
.container03 .headbox .oxc{  height:25px; padding-top:5px}
.container03 .containerpane{padding:5px 0}
.container03 .containerpane .pane{ width:95%; display:block; clear:both;}
.container03 .adminbutton{}

.container04{margin-bottom:5px;border-bottom:1px #d0ebf6 solid; background:#ffffff }
.container04 .headbox{height:25px;background:#3d6ed8}
.container04 .headbox .oxa{  height:25px;}
.container04 .headbox .oxb{  height:25px; width:15px; overflow:hidden}
.container04 .headbox .oxc{  height:25px; padding-top:5px}
.container04 .headbox .oxd{  height:25px; padding-right:5px}
.container04 .containerpane{padding:5px 0}
.container04 .containerpane .pane{ width:95%; display:block; clear:both;}
.container04 .adminbutton{}

.container05{margin-bottom:5px;border-top:1px #ddd solid; background:#FFFFFF}
.container05 .headbox{height:1px;background:#FFFFFF; overflow:hidden}
.container05 .containerpane{padding:5px 0}
.container05 .containerpane .pane{ width:95%; display:block; clear:both;}
.container05 .adminbutton{}

.container06{margin-bottom:5px;background:#eee}
.container06 .headbox{height:25px;background:url(../topleft.gif) no-repeat }
.container06 .headbox .oxa{  height:25px;}
.container06 .headbox .oxb{  height:25px; width:15px; overflow:hidden}
.container06 .headbox .oxc{  height:25px; padding-top:5px}
.container06 .headbox .oxd{  height:25px;background:url(../topright.gif) right top no-repeat;}
.container06 .containerpane{padding:5px 0}
.container06 .containerpane .pane{ width:95%; display:block; clear:both;}
.container06 .adminbutton{ background:#eee;height:25px;}
.container06 .adminbutton .edit{background:url(../botleft.gif) left bottom no-repeat;height:25px; width:40%;}
.container06 .adminbutton .set{background:url(../botright.gif) right bottom no-repeat;height:25px; width:40%}

.container07{margin-bottom:5px;border-bottom:1px #e9cc07 solid; background:#f7f2d4 }
.container07 .headbox{height:25px;background:#e9cc07}
.container07 .headbox .oxa{  height:25px;}
.container07 .headbox .oxb{  height:25px; width:15px; overflow:hidden}
.container07 .headbox .oxc{  height:25px; padding-top:5px}
.container07 .headbox .oxd{  height:25px; padding-right:5px}
.container07 .containerpane{padding:5px 0}
.container07 .containerpane .pane{ width:95%; display:block; clear:both;}
.container07 .adminbutton{}

.container08{margin-bottom:5px; background:#FFFFFF}
.container08 .headbox{height:25px;border-bottom:1px #000 dotted;background:#FFFFFF}
.container08 .headbox .oxa{  height:25px;}
.container08 .headbox .oxb{  height:25px; width:15px; overflow:hidden}
.container08 .headbox .oxc{  height:25px; padding-top:5px}
.container08 .headbox .oxd{  height:25px; padding-right:5px}
.container08 .containerpane{padding:5px 0}
.container08 .containerpane .pane{ width:95%; display:block; clear:both;}
.container08 .adminbutton{}

.admin{margin-bottom:5px; background:#3d6ed8}
.admin .headbox{height:25px; border-bottom:1px #2892bf solid; background:#2892bf}
.admin .headbox .oxa{  height:25px;}
.admin .headbox .oxb{  height:25px; width:15px; overflow:hidden}
.admin .headbox .oxc{  height:25px; padding-top:5px}
.admin .headbox .oxd{  height:25px; padding-right:5px}
.admin .containerpane{padding:5px 0; background:#edf8fc}
.admin .containerpane .pane{ width:95%; display:block; clear:both;}
.admin .adminbutton{}