/* 
================================
CSS styles for DotNetNuke Skin
Deign from www.dnnskin.net
================================
*/  
Body{ background:url(../skyblue/botbg.jpg) left bottom repeat-x #1c445d; margin:0px; padding:0px; color:#b4e0eb}
body,td,th {font-family: Tahoma;font-size: 11px;color: #b4e0eb;}
a:link {color: #FFF; font-weight:bold}
a:visited,
a:hover {color: #b4e0eb;}
a:active {color: #b4e0eb;}
.head {color: #ffffff;font-family: Tahoma;font-size: 11px;font-weight: bold;}
.SubHead {FONT-WEIGHT: bold; font-size: 11px;COLOR: #b4e0eb;FONT-FAMILY: Tahoma, Arial, Helvetica;}
.SubSubHead {FONT-WEIGHT: bold;font-size: 11px;COLOR: #b4e0eb;FONT-FAMILY: Tahoma, Arial, Helvetica}
/* text style used for most text rendered by modules */
.Normal{  font-weight: normal; font-size: 11px; color:#ffffff;  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.NormalBold {FONT-WEIGHT: bold;font-size: 11px;font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;color:#b4e0eb;}
.NormalRed {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Tahoma, Arial, Helvetica;}
.CommandButton,A.CommandButton:link,A.CommandButton:visited,A.CommandButton:active{FONT: bold 12px Tahoma; color:#b4e0eb}A.CommandButton:hover {COLOR: #ffff00;FONT-WEIGHT: bold;font-size: 12px;TEXT-DECORATION: underline}
H1 {FONT-WEIGHT: normal;FONT-SIZE: 16px; COLOR: #727272; FONT-FAMILY: Tahoma, Arial, Helvetica}
H2 {FONT-WEIGHT: normal; FONT-SIZE: 20px;COLOR: #ffffff; FONT-FAMILY: Tahoma, Arial, Helvetica}
H3 {FONT-WEIGHT: normal; FONT-SIZE: 16px; COLOR: #73B6ED; FONT-FAMILY: Tahoma, Arial, Helvetica}
H4 {FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #003366; FONT-FAMILY: Tahoma, Arial, Helvetica}
H5 {FONT-WEIGHT: bold; font-size: 11px; COLOR: #003366; FONT-FAMILY: Tahoma, Arial, Helvetica}
H6 {FONT-WEIGHT: bold; font-size: 11px; COLOR: #003366; FONT-FAMILY: Tahoma, Arial, Helvetica}
.left{ float:left}
.right{ float:right}

/* ControlPanel Style */

.ControlPanel{ border:0px; background:url(../skyblue/bg.jpg) 0 -85px repeat-x;}
.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:11px; color:#fff; font-weight:bold; }
.controlpanel TD TD TD .SubHead{ background:transparent; border:0px; font-size:11px; color:#fff; font-weight:normal; }
.controlpanel TD TD TD input{ background:#EFEFEF; font-size:11px; color:#000; font-weight:bold; padding-left:4px; }
.controlpanel TD TD TD select{ background:#EFEFEF; font-size:11px; color:#333;}

/*CSS Layout for Skin */

#Wrapper{ width:100%; background:url(../skyblue/bg.jpg) left top repeat-x; float:left}
#SkinWidth{ width:780px;}
#Top{ width:100%; float:left; height:80px;}
.logobox{ width:280px; height:80px; float:left; overflow:hidden;}
.accountbox{ width:490px; height:80px; float:right; text-align:right;}
#sitesearch {BACKGROUND: url(../skyblue/search.gif) 0 -30px;WIDTH: 322px; HEIGHT:30px}
#sitesearch INPUT {BORDER: 0px;BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 3px 0px 0px 35px; WIDTH: 200px; COLOR:#0a4a66; PADDING-TOP: 0px; HEIGHT: 24px; font:bold 12pt Tahoma}
#sitesearch A {MARGIN-TOP: -9px; DISPLAY: block; FLOAT:right;WIDTH:20px;HEIGHT:20px}
#sitesearch A:hover {TEXT-DECORATION: none;}
#Menuer{width:100%; float:left; height:30px; ; background:url(../skyblue/menu.gif) 0 -30px repeat-x; clear:both}
.menuleft{width:100%; float:left; height:30px; background:url(../skyblue/menu.gif) left top no-repeat;}
.menuright{width:100%; float:left; height:30px; background:url(../skyblue/menu.gif) right -60px no-repeat}
#header{width:100%; float:left; height:174px; background:url(../skyblue/head.jpg) 0 -174px repeat-x; clear:both}
.spacer{ width:1px ; height:7px; overflow:hidden}
.headleft{ width:5%; float:left;overflow:hidden; background:url(../skyblue/head.jpg) left top no-repeat; height:174px}
.mediabox{ background:url(../skyblue/blue.gif) left bottom repeat-x #FFFFFF; width:252px; height:168px; padding-top:0px; margin-top:5px; float:left}
.personbox{background:url(../skyblue/skyblueperson.gif) left bottom repeat-x; width:66%; height:168px; float:right}
.sloganbox{ width:60%; float:right; background:url(../skyblue/head.jpg) right bottom no-repeat; height:174px; text-align:left}
#Noflashheader{width:100%; float:left; height:174px; background:url(../skyblue/head.jpg) 0 -174px repeat-x; clear:both}
#Noflashheader .headleft{ width:330px; float:left;overflow:hidden; background:url(../skyblue/noflashhead.jpg) left top no-repeat; height:174px}
#Noflashheader .sloganbox{ width:57%; float:right; background:url(../skyblue/head.jpg) right bottom no-repeat; height:174px}

#Breader{width:100%; float:left; height:30px; clear:both}
.breadbox{ width:68%; float:left; text-align:left; background:url(../arrow.gif) left top no-repeat; padding-left:10px}
.themebox{ width:31%; float:right}
#Content{width:100%; float:left;clear:both}
.leftbox{ width:25%; float:left;}
.rightbox{ width:74%; float:right;}
#Link{ width:100%; float:left; clear:both; background:url(../skyblue/linksbg.gif) left bottom repeat-x}
#Footer{width:100%; float:left; height:111px; clear:both; background:url(../skyblue/footerbg.jpg) center top no-repeat}

/* Skin Object Style*/

.language{ font:normal 10px Tahoma; color:#666; margin:2px 5px 0 0}
.user,A.user:link,A.user:active,A.user:visited  {FONT:normal 8pt Tahoma;COLOR: #fff;TEXT-DECORATION: none; padding:0 5px 0 15px; line-height:2em; background:url(../arrow.gif) 0 -22px no-repeat}A.user:hover {COLOR:#d1edff; background:url(../arrow.gif) 0 -2px no-repeat}

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

.date{FONT:normal 8pt Tahoma;COLOR: #fff;TEXT-DECORATION: none;padding:0 5px 0 15px; 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: #61ceeb;TEXT-DECORATION: none; padding:0 2px; line-height:1.6em } A.bread:hover {COLOR:#fff;}

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

.copyright{ color:#aee8f9; font:normal 8pt Tahoma; padding:0 5px}

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

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

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

/*Skin Pane Style*/

.sloganpane{ width:100%; height:165px; overflow:hidden}
.contentpane{ width:100%; float:left;}
.bottompane{ width:100%; float:left; clear:both}
.leftpane{}
.toppane{ width:100%; float:left}
.middlepane{ width:64%; float:left;}
.rightpane{ width:35%; float:right;}

/*SolPartMenu Style*/

.MainMenu_MenuContainer {background-color: Transparent; width:1px;}
.MainMenu_MenuBar {}
.MainMenu_TabRootMenuItem TD{PADDING:0 10px;FONT:bold 11px Tahoma;COLOR:#fff;HEIGHT:30px;background:url(../skyblue/menu.gif) 0 -90px repeat-x}
.MainMenu_TabRootMenuItemSel TD{PADDING:0 10px;FONT:bold 11px Tahoma;COLOR: #09415a;HEIGHT:30px;background:url(../skyblue/menu.gif) 0 -120px repeat-x}
.MainMenu_TabMenuItemHover TD{PADDING:0 10px;FONT:bold 11px Tahoma;COLOR:#09415a;HEIGHT:30px;background:url(../skyblue/menu.gif) 0 -150px repeat-x}
.MainMenu_TabMenuItemSelHover TD{PADDING:0 10px;FONT:bold 11px Tahoma;COLOR:#09415a;HEIGHT:30px;background:url(../skyblue/menu.gif) 0 -120px repeat-x}
.MainMenu_MenuItem {FONT: bold 11px Tahoma;COLOR:#fff;padding:0px 15px 0px 10px;border:0px;height:20px;border-bottom:1px #b4e0eb solid}
.submenuitemselected ,.submenuitembreadcrumb{FONT: bold 11px Tahoma;BACKGROUND:#1c445d;COLOR: #ffffff; padding:0px 15px 0px 10px;cursor: pointer;cursor: hand;border:0px;height: 20px;border-bottom:1px #b4e0eb solid}
.submenu {Z-INDEX: 1000;BACKGROUND: #2a647a;COLOR: #fff;border-top:1px #b4e0eb solid;border-left:1px #b4e0eb solid;border-right:1px #b4e0eb solid;padding:0px;margin:0px;filter:Alpha(Opacity=80, FinishOpacity=100, Style=2);cursor: pointer;cursor: hand}
.MainMenu_MenuBreak {border: transparent 0px solid;background: transparent; height: 1px;}
.MainMenu_MenuIcon,.MainMenu_MenuArrow,.MainMenu_RootMenuArrow {DISPLAY:none;}

/*Container Style*/

.container01{margin-bottom:5px}
.container01 .tl{ width:9px; height:25px; background:url(../skyblue/container01.gif) 0 -85px no-repeat}
.container01 .tr{ width:9px; height:25px; background:url(../skyblue/container01.gif) right -113px no-repeat}
.container01 .tbg{height:25px; background:url(../skyblue/container01.gif) top repeat-x #083f5d; border-bottom:1px #2a647a solid}
.container01 .cl{ width:9px; background:url(../skyblue/line.gif) left repeat-y #083f5d}
.container01 .cr{ width:9px; background:url(../skyblue/line.gif) right repeat-y #083f5d}
.container01 .pane{background:#083f5d; padding:5px 0}
.container01 .bl{ width:9px; height:28px; background:url(../skyblue/container01.gif) 0 -57px no-repeat}
.container01 .br{ width:9px; height:28px; background:url(../skyblue/container01.gif) right -29px no-repeat}
.container01 .bbg{height:28px; background:url(../skyblue/container01.gif) bottom repeat-x #083f5d}

.container02{margin-bottom:5px}
.container02 .tl{ width:9px; height:27px; background:url(../skyblue/container02.gif) 0 -85px no-repeat}
.container02 .tr{ width:9px; height:27px; background:url(../skyblue/container02.gif) right -113px no-repeat}
.container02 .tbg{height:27px; background:url(../skyblue/container02.gif) top repeat-x #477692;}
.container02 .cl{ width:9px; background: #477692}
.container02 .cr{ width:9px;background:#477692}
.container02 .pane{background:#477692; padding:5px 0}
.container02 .bl{ width:9px; height:28px; background:url(../skyblue/container02.gif) 0 -57px no-repeat}
.container02 .br{ width:9px; height:28px; background:url(../skyblue/container02.gif) right -29px no-repeat}
.container02 .bbg{height:28px; background:url(../skyblue/container02.gif) bottom repeat-x #477692}
.container02 .title{ font:bold 12px Tahoma; color:#073f5a}

.container03{margin-bottom:5px}
.container03 .tl{ width:9px; height:25px; background:url(../skyblue/container03.gif) 0 -85px no-repeat}
.container03 .tr{ width:9px; height:25px; background:url(../skyblue/container03.gif) right -113px no-repeat}
.container03 .tbg{height:25px; background:url(../skyblue/container03.gif) top repeat-x #fff; border-bottom:1px #eee dotted}
.container03 .tbg .left{ background:url(../skyblue/container032.gif) left top no-repeat; height:25px; width:75%}
.container03 .tbg .right{ background:url(../skyblue/container032.gif) right -100px no-repeat; height:25px; width:20%; text-align:right}
.container03 .cl{ width:9px; background:url(../skyblue/container03l.gif) left repeat-y #fff}
.container03 .cr{ width:9px; background:url(../skyblue/container03r.gif) right repeat-y #fff}
.container03 .pane{background:#fff; padding:5px 0;}
.container03 .pane .normal, .container03 .pane .subhead{ color:#333333}
.container03 .pane .normal a:link{ color:#333333}
.container03 .bl{ width:9px; height:28px; background:url(../skyblue/container03.gif) 0 -57px no-repeat}
.container03 .br{ width:9px; height:28px; background:url(../skyblue/container03.gif) right -29px no-repeat}
.container03 .bbg{height:28px; background:url(../skyblue/container03.gif) bottom repeat-x #fff}
.container03 .bbg .left{ background:url(../skyblue/container032.gif) left bottom no-repeat; height:28px; width:55%}
.container03 .bbg .right{ background:url(../skyblue/container032.gif) right -33px no-repeat; height:28px; width:40%; text-align:right}
.container03 .title{ font:bold 12px Tahoma; color:#073f5a}

.container04{margin-bottom:5px; border:2px #fff solid; background:url(../skyblue/container04.gif) left top repeat-x #62ceea}
.container04 .tl{ width:9px; height:27px;}
.container04 .tr{ width:9px; height:27px;}
.container04 .tbg{height:27px;}
.container04 .cl,.container04 .cr,.container04 .bl,.container04 .br{ width:9px;}
.container04 .pane{padding:5px 0}
.container04 .pane .normal, .container04 .pane .subhead{ color:#333333}
.container04 .pane .normal a:link{ color:#333333}
.container04 .bbg{}
.container04 .title{ font:bold 12px Tahoma; color:#073f5a}

.container05{margin-bottom:5px;}
.container05 .tl{ width:9px; height:27px;}
.container05 .tr{ width:9px; height:27px;}
.container05 .tbg{height:27px; border-bottom:1px #4697b2 solid}
.container05 .cl,.container05 .cr,.container05 .bl,.container05 .br{ width:9px;}
.container05 .pane{padding:5px 0; border-top:1px #306e87 solid}
.container05 .bbg{}

.container06{margin-bottom:5px;}
.container06 .tl{ width:9px; height:27px;}
.container06 .tr{ width:9px; height:27px;}
.container06 .tbg{height:27px;}
.container06 .cl,.container05 .cr,.container05 .bl,.container05 .br{ width:9px;}
.container06 .pane{padding:5px 0; }
.container06 .bbg{}