/*** WEBSITE:   HBA Sydney FC Skin
	 AUTHOR:    Paul Allan & Cherie Proctor
	 CREATED:   09/07/2007 
	 UPDATED:   13/07/2007  BY: Gordon Campbell
	 COMMENTS: 	Condensed Stylesheet for Default 4.4.1 Skin */
	 
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv { width:100%; height: 100%; text-align:center; padding: 0px; margin: 0px; background: #004677 url(ascx_images/body_bg.gif) repeat-x top left}
html>body #bodyDiv { height:auto; min-height: 100%;}
.logo{float:left; margin-left:6px; paddng-left:0px; }
html>body .logo{margin-left:13px;}
.login{ width:400px; height:22px; float:right; margin-right:8px;}
#frame{width:993px;margin-left:auto;margin-right:auto;text-align:left;}
html>body #frame{ width:993px;}
#branding {width:993px;height:77px;}
.viewEntryYouth{}
#menuContainer{ width:550px; padding-left:350px}
#menuRight{float:right;width:530px; height:0px;}

#menuDesign { width:993px; height: 35px; background: url(ascx_images/menu_bg.jpg) no-repeat}
html>body #menuDesign { height: 35px;}
#contentArea { width:993px; float:left; }
#encloseTop{width:993px; background:url(ascx_images/top_bg.gif) no-repeat top left; padding-bottom:20px;}
.flashMediaHeader{width:961px; height:264px; margin-left:16px;}
#encloseMain{width:993px; background:url(ascx_images/bg_holder.gif) no-repeat top left; }
#encloseMaster{width:993px; background:url(ascx_images/main_bg.gif) repeat-y top left;}
.topPanelPeople{margin-left:8px; padding-left:28px; width:400px;}
#enclose { width: 663px; float:left; padding-top:20px;}
#encloseNoPad { width: 663px; float:left;}
#encloseNews { width: 973px; float:left; padding-top:20px; padding-left:0px; margin-left:7px;}
html>body #encloseNews { width: 973px; float:left; padding-top:20px; padding-left:20px; margin-left:8px;}
.leftPanel { width:302px; padding-left:20px; margin-left:8px; float:left;}
.leftPanelGrants { width:220px; padding-left:20px; margin-left:8px; float:left;}
.leftPanelPeople{ width:200px; padding-left:28px; margin-left:8px; float:left;}
.leftPanelPeople p{color:#0060a9; font-family: "Trebuchet MS", Trebuchet MS; font-size:11px;}
.contentPanel{width:280px;float:right; padding: 0px 35px 0px 5px;  min-height:355px; height:300px;}
html>body .contentPanel{height:auto}
.contentPanelInner{ width:305px;float:right; padding: 0px; min-height:320px; height:320px;}
html>body .contentPanelInner{height:auto;}
.contentPanelNews { position:relative;  width:685px; padding-left:15px; margin-left:1px; float:left; margin-top:-59px}
html>body .contentPanelNews { position:relative;  width:685px; padding-left:15px; margin-left:0px; float:left; margin-top:-67px}
*:first-child+html .contentPanelNews { position:relative;  width:685px; padding-left:15px; margin-left:0px; float:left; margin-top:-85px}
.rightPanelNews{ width:240px;float:right; padding: 0px 20px 0px 0px; min-height:320px; height:320px;}
.contentPanelGrants{ width:370px;float:right; padding: 0px 20px 0px 0px; height:320px; min-height:320px;}
html>body .contentPanelGrants{height:auto;}
.contentPanelPeople{width:400px;float:left;}
.contentPanelAdmin{width:900px;float:left; padding: 30px; margin-left:8px; background-color:#FFF; min-height:320px; height:320px;}
html>body .contentPanelAdmin{ margin-left:16px; height:auto;}
.contentPanelNopad{width:960px;float:left; padding: 0px; background-color:#FFF; min-height:320px; height:320px; margin-left:8px}
html>body .contentPanelNopad{ margin-left:16px; height:auto;}
.rightPanel { width:300px; margin-right:8px; float:left; padding:24px 0px 0px 0px;}
html>body .rightPanel { width:310px; padding-right:10px; padding-top:20px}
#footer {clear:both; width:993px; height:34px; text-align:right; font-size: 10px; color:#FFF; padding:20px 0px 0px 0px; background: url(ascx_images/footer_4_bg.gif) no-repeat; text-align:center; font-family: "Trebuchet MS", Trebuchet MS; font-weight:normal;}

/***** HBA YOUTH *****/

#encloseMainYouth{width:993px; background:url(ascx_images/bg_holder.gif) no-repeat top left; margin-bottom:-20px}
#encloseYouth { background-color:#99CC66; width: 969px; height:906px; min-height:906px; float:left; padding-top:10px; padding-left:20px; margin-left:4px; background: url(../../../../DesktopModules/Mini_Youth/Images/HBA_mini_youth_BG.jpg) 8px bottom no-repeat}
html>body #encloseYouth {padding-left:15px; margin-left:8px; padding-top:5px;}
*:first-child+html #encloseYouth {padding-left:0px; margin-left:8px; background: url(../../../../DesktopModules/Mini_Youth/Images/HBA_mini_youth_BG.jpg) 8px bottom no-repeat}
.contentPanelYouth{width:608px; padding-left:0px; margin-left:-1px; float:left; margin-top:10px}
#encloseYouth h2{text-transform:uppercase;}
html>body .contentPanelYouth{margin-top:20px; padding-left:15px;}
*:first-child+html .contentPanelYouth{margin-top:80px}
.rightPanelYouth{ width:260px;float:left; padding: 9px 20px 0px 0px; min-height:320px; height:320px; margin-left: 0px; margin-top:-5px;}
html>body .rightPanelYouth{ margin-left: 0px; margin-top:2px }
*:first-child+html .rightPanelYouth{ margin-left: 20px; margin-top:2px}
td.SubHeadYth {background-color:#FFFFFF; padding: 10px 20px;}
td.SubHeadYth a, td.SubHeadYth a:link, td.SubHeadYth a:visited, td.SubHeadYth a:hover, td.SubHeadYth a:active {font-size:13px; color:#004677; text-transform:uppercase; font-family:Arial; font-weight:bold}
#blogWholeYth { background: url(../../../../DesktopModules/Mini_Youth/Images/Quick_dropShad.jpg) bottom right no-repeat; width:300px; padding:5px }
#blogWholeYth td.Normal_comm {background-color:#ffcd15; padding:0px 0px 0px 20px; margin-top:0px;}
html>body #blogWholeYth td.Normal_comm {padding:5px 10px 0px 20px; margin-top:4px;}
.clipDiv { margin-top:4px}
html>body .clipDiv { margin-top:0px}
#blogWholeYth td.Normal_comm span {float:left;}
#blogWholeYth img{margin: -17px 0px 0px 10px }
html>body #blogWholeYth img{margin: -22px 0px 0px 10px }
*:first-child+html #blogWholeYth img{margin: -22px 0px -4px 10px }
#encloseFooter_2{width:993px; height:47px; background:url(ascx_images/footer_2_bg.gif) no-repeat;}
.encloseFooter_3{width:673px; height:69px; background: url(ascx_images/footer_3_bg.gif) no-repeat; padding-left:305px;}
.encloseFooter_3 img{}
html>body #footer {}
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a.footerMenuItem {font-size: 10px; color:#fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
.more_link {float:left; }
#youth_desc {float:left; width:145px; padding-top:10px}
html>body #youth_desc {float:left; width:158px; padding-top:8px}
#youth_img { float:right; width:100px; margin-bottom:-4px; margin-top:0px}
html>body #youth_img { float:right; width:112px; margin-bottom:0px}
a.nextLink, a:link.nextLink, a:visited.nextLink, a:hover.nextLink, a:active.nextLink  {color:#FFFFFF; padding-left:8px}

/**** BLOG ENTRY ****/

#blogWholeEntry { background: url(../../../../DesktopModules/Mini_Youth/Images/) bottom right no-repeat; padding:5px; margin-top:-52px }
#blogWholeEntry td.Normal_comm {background-color:#ffcd15; padding:0px 0px 0px 20px; margin-top:-4px;}
html>body #blogWholeEntry td.Normal_comm {padding:5px 10px 0px 20px; margin-top:-4px;}
#blogWholeEntry td.Normal_comm span {float:left;}
#blogWholeEntry img{margin: -17px 0px 0px 10px }
html>body #blogWholeEntry img{margin: -22px 0px 0px 10px }
.contentPanelYouth h2 {background-color:#FFFFFF; padding:10px 0px 10px 20px; margin-left: 6px; margin-right:6px; font-size:18px}
#youth_desc_entry {float:left; padding-top:10px}
html>body #youth_desc_entry {float:left;padding-top:10px}
#youth_img_entry { float:right;margin-bottom:-4px; margin-top:0px}
html>body #youth_img_entry { float:right;margin-bottom:0px}
.more_link_image{float:right; width:113px; height:175px; margin:8px 10px 0px 0px;}
html>body  .more_link_image{margin:27px 25px 0px 0px;}
.more_link_entry{ background-color:#FFCD15; padding:12px 0px 0px 15px;}

/***** HBA COMMUNITY *****/

#encloseComm {width: 717px; float:left; padding-top:23px;}
html>body #encloseComm {padding-top:32px;}
*:first-child+html #encloseComm {padding-top:23px;}
#encloseComm h2{text-transform:uppercase;}
.leftPanelComm { width:324px; padding-left:20px; margin-left:8px; float:left;}
.contentPanelComm{ width:717px;float:left; padding: 0px 1px 0px 30px;}
html>body .contentPanelComm{ width:717px;float:left; padding: 39px 1px 0px 16px; height:320px; min-height:320px;}
*:first-child+html .contentPanelComm{ width:717px;float:right; padding: 62px 1px 0px 16px; min-height:320px;}
.contentPanelComm h2 {background-color:#004677; color:#FFFFFF; padding:10px 0px 10px 20px; margin-left: 0px; margin-right:6px; font-size:18px; margin-bottom:0px; width:650px}
.rightPanelComm { width:256px; margin:21px 5px 20px -10px; float:right; padding:0px 0px 0px 0px; clear:right}
html>body .rightPanelComm { width:256px; margin:13px 5px 20px 0px; float:right; padding:0px 0px 0px 0px}
*:first-child+html .rightPanelComm { width:256px; margin:13px 5px 0px 0px; float:right; padding:7px 0px 0px 0px;}
html>body .contentPanelComm{height:auto;}
.HBAcomm { margin-left:0px; width:330px }
html>body .HBAcomm { margin-left:20px; margin-top:-50px}
*:first-child+html .HBAcomm { margin-left:10px; margin-top:-63px}
.HBAcomm .SubHead{ background-color:#004677; font-size:19px; color:#FFFFFF; text-transform:uppercase; font-family:Arial; width:330px}
.HBAcomm .SubHead a, .HBAcomm .SubHead a:link, .HBAcomm .SubHead a:visited, .HBAcomm .SubHead a:hover, .HBAcomm .SubHead a:active{color:#FFFFFF; font-size:12px;padding: 10px 20px; }
td.SubHeadComm {background-color:#004677; padding: 10px 20px;}
td.SubHeadComm a, td.SubHeadComm a:link, td.SubHeadComm a:visited, td.SubHeadComm a:hover, td.SubHeadComm a:active {font-size:12px; color:#FFFFFF; text-transform:uppercase; font-family:Arial; font-weight:bold}
.NormalComm {padding-bottom:25px; border:1px solid #004677; padding: 10px 20px;}
.NormalComm2 {padding-bottom:10px; border:1px solid #004677; }
span.NormalYouTube  { color:#FFFFFF; text-transform:uppercase; font-size:12px; font-weight:bold;}
.YouTubeHeader {width:290px; background-color:#1db6f0; margin-top:-4px; padding:2px 20px 0px 20px; border-bottom:1px solid #004677}
#blogWholeComm {position:relative; padding: 0px 0px 10px 0px ; margin-top:0px; width:330px}
a.newsMoreComm , a:link.newsMoreComm , a:visited.newsMoreComm , a:hover.newsMoreComm , a:active.newsMoreComm {color:#666666; font-family:Arial; font-weight:bold; text-decoration:underline; padding-left:0px}
#prevButton {width:100px; float:left}
#nextButton {width:100px; float:right; margin-right:0px}
html>body #nextButton {width:100px; float:right; margin-right:12px}
#HRwrapComm { padding-top:0px; margin-top:0px}
#HRwrapComm span{ float:left; width:290px; padding:8px 20px 0px 20px; margin-bottom:-15px }
html>body #HRwrapComm span{ float:left; width:290px; padding:8px 20px 0px 20px;margin-bottom:0px  }
.floatLeftComm { margin-left:20px}
.CommTableWidth {width:334px}
.more_link_entry2{ padding:12px 0px 0px 15px; margin-left:5px; border: 1px solid #004677; white-space:normal}
.more_link_entry2 p{width:auto}
html>body .more_link_entry2{ padding:12px 0px 0px 15px; margin-left:5px; border: 1px solid #004677}
*:first-child+html .more_link_entry2{ padding:12px 0px 0px 15px; margin-left:5px; border: 1px solid #004677}
#commEntry {margin:0px 0px 20px 20px; }
html>body #commEntry {margin:-48px 0px 20px 20px; }
*:first-child+html #commEntry {margin:-63px 0px 20px 20px; }
#commEntryImg {float:right;width:330px; height:272px; margin:0px 10px 20px 0px;}



/* Dynamic Reg Link */
.btnReg{padding-left:168px; }
.regContainer select, .NormalTextBox{border: 2px solid #e5e5e5;}
.regContainer1 {border: 2px solid #e5e5e5; font-size: 11px; padding-left:1px; font-family: "Trebuchet MS", Trebuchet MS}

.grantsContainer{padding-top:0px;}
html>body .grantsContainer{margin-top:10px;}
/******************************************************
    DIGICON CLEAN CSS MENU STYLES              
******************************************************/
/***  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu, .menu ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block; zoom: 1;/*IE6*/ min-height: 0;/*IE7*/ }
.menu li {margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; white-space:nowrap;}
.menu li:hover {z-index: 10000; white-space: normal;}
.menu li.menuHover /*IE6*/{z-index: 10000;}
.menu .menuHoverUL /* li:hover>ul selector */ /*IE6*/{visibility: visible;}
.menu .menuHoverUL /* 1st-level submenu go below their parent item */ /*IE6*/{top: 100%; left: 0;}
.menu .menuHoverUL .menuHoverUL /* 2nd+ levels go on the right side of the parent item */ /*IE6*/{top: 0; left: 100%;}
.menu li li {float: none;}
.menu ul {visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0;}
.menu li:hover>ul {visibility: visible;	top: 100%;}
.menu li li:hover>ul /* 2nd+ levels go on the right side of the parent item */{top: 0; left: 100%;}
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:link:hover, .menu li.active {display: block; position: relative;}
.menu ul a /*fix clickability-area problem*/ /*IE6*/{zoom: 1;}
.menu li li /*fix white gap problem*/ /*IE6*/{float: left; width: 100%;}
.menu li li /*prevent double-line between items*/ /*IE6*/{margin-top: -1px;}
html>body .menu li li { margin-top: 0px;}

/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu, .menu ul li {}
.menu ul li {text-align: left; width: 150px; }
.menu ul {width: 150px;}
/* Top Level Menu Items */
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:hover, .menu a:link:hover, .menu li.active {text-decoration: none; color: #FFF; padding:12px 10px 5px 10px; font-family:"Arial", Arial; font-size:11px; font-weight:bold; background:#004677 url() repeat; text-transform:uppercase;margin:0px 1px 0px 1px; }
.menu li.active { background:url(menu_images/menu_activeIE6.gif) repeat; color:#005786;}
html>body .menu li.active { background:url(menu_images/menu_active.gif) repeat; color:#005786;}
*:first-child+html .menu li.active { background:url(menu_images/menu_activeIE6.gif) repeat; color:#005786;}
.menu a:hover, .menu a:link:hover, .menu li:hover>a {color: #005786; background:url(menu_images/menu_active.gif) repeat-x top left;}
.menu a:hover, .menu a:link:hover, .menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color: #005786;background:url(menu_images/menu_active.gif) repeat top left}

/******* home icon *********/
.home a, .home a:link, .home a:visited, .home a:active{padding:0px 1px 0px 0px ;margin:0px; background:url();}
.home .menu a, .home .menu a:link, .home .menu a:active, .home .menu a:visited, .home .menu a:hover, .home .menu a:link:hover, .home .menu li.active {text-decoration: none; color: #FFF; padding:13px 10px 5px 10px; font-family:"Arial", Arial; font-size:11px; font-weight:bold; background:url() repeat; text-transform:uppercase;margin:0px 1px 0px 1px; }
.home .menu li.active { background:url() }
html>body .home .menu li.active { background:url()}
*:first-child+html .home .menu li.active { background:url()}
.home .menu a:hover, .home .menu a:link:hover, .home .menu li:hover>a {background:url();}
.home .menu a:hover, .home .menu a:link:hover, .home .menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color: background:url()}


/* Drop Down Menu Items */
ul.menu ul a, ul.menu ul a:link, ul.menu ul a:active, ul.menu ul a:visited, ul.menu ul a:hover, ul.menu ul a:link:hover, ul.menu ul li.active {border-right: 0px; text-decoration: none; color: #00a3d5; padding: 2px 5px;}
ul.menu ul li.active { background: gray;}
ul.menu ul li a:hover, ul.menu ul li a:link:hover, ul.menu ul li li:hover>a {color: #005786;}
.menu ul a:hover, .menu ul a:link:hover, .menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{color: #005786;	background:;}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding plus 1 */{ width: 131px; background:;}
.menu li li {border: 1px solid #00a0d0;}
.menu ul>li + li /*remove top border on all but first item in the list*/{border-top: 0;}
.menu li li:hover>ul /*position of 2nd+ submenus, overlapping*/{top: -1px; left: 100%;}
.menu .menuHoverUL .menuHoverUL /*position of 2nd+ submenus, overlapping*/ /*IE6*/{top: 0px; left: 100%;}

/***  CLEAN MENU FIXES AND EXTRA FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
/* special colouring for first menu item on each level */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #567;
}*/
/* float clear - force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;}
/* float clear end */
/* sticky submenu - it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!	if you do it, make sure you 110% know what you do */
.menu ul {background-image: url(empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/	/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */}
.menu ul ul {padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px;}
/* sticky submenu end */
/* Fix for IE5/Mac \*//*/
.menu a {float: left;}
/* End Fix */

/******************************************************
    CONTAINER STYLES
******************************************************/
.container{ width:100%;}
.containerContent { padding: 0px; }

.facts p{padding:0px 4px 0px 4px; font-size:11px; line-height:14px;}
.poll label{color:#004677;}
/* login page -------------------------------------*/
.mainLogin{width:447px; padding:24px 0px 0px 22px; background:url(ascx_images/main_login_bg.gif) no-repeat; height:80px;}
html>body .mainLogin{padding:14px 0px 0px 22px}
.loginContainer .login_btn img{}

.mainLogin .loginError{ float:left;padding-top:25px;text-align:left}

/* user login container --------------------------*/
.userLoginContainer{background:url(ascx_images/login_bg.gif) no-repeat;}
#userLogin{ background-color:#FFFFCC; height:10px; width:100px;}

.pad_container {padding: 0 20px 10px 20px}




/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html {height: auto; background:#004677;}/* Firefox and IE7 hack for 100% background */
body {margin:0px; padding:0px; background: #004677; height: 100%;/* IE6 hack for 100% background  */}
body, td, ul li, p, .normal, .NormalDisabled, .blogCalendar td{ font-family: "Trebuchet MS", Trebuchet MS, arial, verdana, helvetica;	font-size: 11px;color: #333333;font-weight: normal;line-height:1.5em;}

.tdHeight {margin:0; padding:0; height:5px}

/* text style used for rende#FF0000 text which should appear disabled */
.NormalDisabled { color: #D3D3D3;}
/* style of item titles on edit and admin pages */
.SubHead {color: #444444; font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; text-align: left;}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #000;}
/* text style used for rende#FF0000 text which requires emphasis */
.NormalBold { font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color:#333333}
/* text style used for error messages */
.Normal#FF0000 { font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #ff0000}

/* heading styles */
h1, h2, h3, h4, h5, dt, h6, .head, h2 span.head, .container h2 span.head, 
h3 span.SubHead, .newstitle, tfoot, thead, th {font-family: "Trebuchet MS", Trebuchet MS, arial, verdana, helvetica; color:#888888; margin:0px; padding:0px; margin-bottom:10px; font-weight:bold; font-size: 12px;}
h1 {font-size:22px; color:#333333;}
h2, .head, h2 span.head, .container h2 span.head {font-size:14px; color:#004677; font-family: "Arial", arial}
h3, h3 span.SubHead, .newstitle {font-size: 16px; font-weight: bold;}
h4 {font-size: 14px; font-weight: bold;}
h5, DT {font-size: 13px; font-weight: bold;}
h6 {font-size: 12px; font-style: italic;}

p {margin: 5px 0px 15px 0px; }
ul { margin: 0px 0px 10px 25px;}
ul li { margin-left:5px; padding:0px; list-style-type: square; /*list-style:none; list-style-image: url(bullet.gif)*/}
ul li li { list-style-type: disc;}
ul li li li { list-style-type: circle;}
ol li { list-style-type: decimal;}
ol ol li { list-style-type: lower-alpha;}
ol ol ol li{ list-style-type: lower-roman;}
hr { color: dimgrey; height:1pt; text-align:left;}
img{ border:0px; margin:0px; padding:0px;}
/* link styles */
a, a:link, a:active, a:visited { color:#0060a9; text-decoration:none; padding: 0px; margin:0px;}
a:hover { text-decoration:none; color:#0060a9; text-decoration:underline;}
blockquote {font-size:15px; font-family:"Lucida Sans Unicode"; float:right;}
pre {font-family: Lucida Console, monospace;color: #434343;font-weight: normal;	font-size: 11px;}
address {font-family: Arial, Verdana, Helvetica;color: #434343;font-weight: normal;font-size: 11px;font-style: italic;}
/******************************************************
    FORM STYLES              
******************************************************/
/* Generic Form Element classes */
.formInput{ width:150px; height:18px; border:1px solid #CCCCCC;}
.formBtn{}.formRadio{}.formCheckBox{}
.formItem { clear: both;}
.label { clear: both; float: left; width: 120px; text-align: right; padding-right: 10px; font-weight: bold; background-color:#CCCC00}
.labelDetails { width: 390px;}
.labelDetails p { margin: 0px 0px 7px 0px;}

/***** grants page ****/
.grantTable table{background-color:#A4A3FF}
.grantTable textarea, .grantTable input{background-color:#A4A3FF; border: 1px solid #9392EF}
/******************************************************
    DYNAMIC REGISTRATION             
******************************************************/
.DynamicRegistration_Label,label span.NormalBold{clear:both;float:left;width:110px;padding-right:5px;font-size:11px;color:#333333;font-weight:normal;padding-bottom:0px; font-family: "Trebuchet MS", Trebuchet MS, arial; text-align:right}
/* login -------------------------------------------------- */
.userLoginContainer .NormalTextBox, .louserLoginContainergin input.longTextBox, .userLoginContainer input.longmedTextBox, .userLoginContainer input.medTextBox, .userLoginContainer input.medshortTextBox, .userLoginContainer input.shortTextBox {  font-size: 11px; font-weight: normal; font-family:"Trebuchet MS", Trebuchet MS, arial; border:0px; background:transparent;}
.userLoginContainer .formItem { padding:0px 0px 0px 90px;}
html>body .userLoginContainer .formItem{ padding:0px 0px 5px 92px;}
.userLoginContainer .formItem2{ padding:0px 0px 13px 7px;}
html>body .userLoginContainer .formItem2{ padding:0px 0px 5px 9px;}
.userLoginContainer .login_btn img{margin-left:6px; margin-bottom:4px}
*:first-child+html .userLoginContainer .login_btn img{margin-left:10px;}

.loginError{float:right; text-align:right; padding-right:14px;}
.welcomeMsg{float:right; padding:5px 5px 0px 0px;}
/* ------------------------------------------------------------ */
.login .StandardButton, .login a.StandardButton, .login a:link.StandardButton, .login a:active.StandardButton, .login a:visited.StandardButton, .login input.StandardButton, .login a.CommandButton, .login a:link.CommandButton, .login a:active.CommandButton, .login a:visited.CommandButton { padding-left:0px; padding-right: 0px; width:0; overflow:visible; font-weight: bold; font-size: 11px; border: 0px solid #CBD2D8; background:url(command_btn1.gif); color: #0066b7; font-family:"Trebuchet MS", Trebuchet MS, arial; text-transform: lowercase; margin: 0px; cursor: pointer; clear: both; border: 0px solid #333333; white-space: nowrap; padding-bottom:4px; height:20px; margin-bottom:3px;}
*:first-child+html .login .StandardButton, *:first-child+html .login a.StandardButton, *:first-child+html .login a:link.StandardButton, *:first-child+html .login a:active.StandardButton, *:first-child+html .login a:visited.StandardButton, *:first-child+html .login input.StandardButton, *:first-child+html .login a.CommandButton, html>body .login a:link.CommandButton, *:first-child+html .login a:active.CommandButton, *:first-child+html .login a:visited.CommandButton { padding:0px 0px 0px 0px;}
.login input.StandardButton[class], .login a.CommandButton[class], .login a:link.CommandButton[class], .login a:active.CommandButton[class], .login a:visited.CommandButton[class] { width: auto;} /* Non IE browsers read this */
.login a:hover.CommandButton, .login input:hover.StandardButton{color: #0066b7;}

/* ------------------------------------------------------------ */

.mainLogin .StandardButton, .mainLogin a.StandardButton, .mainLogin a:link.StandardButton, .mainLogin a:active.StandardButton, .mainLogin a:visited.StandardButton, .mainLogin input.StandardButton, .mainLogin a.CommandButton, .login a:link.CommandButton, .login a:active.CommandButton, .login a:visited.CommandButton { padding-left:0px; padding-right: 0px; width:0; overflow:visible; font-weight: bold; font-size: 11px; border: 0px solid #CBD2D8; background:url(); color: #0066b7; font-family:"Trebuchet MS", Trebuchet MS, arial; text-transform: lowercase; margin: 0px; cursor: pointer; clear: both; border: 0px solid #333333; white-space: nowrap; padding-bottom:4px; height:20px; margin-bottom:3px;}
/**:first-child+html .login .StandardButton, *:first-child+html .login a.StandardButton, *:first-child+html .login a:link.StandardButton, *:first-child+html .login a:active.StandardButton, *:first-child+html .login a:visited.StandardButton, *:first-child+html .login input.StandardButton, *:first-child+html .login a.CommandButton, html>body .login a:link.CommandButton, *:first-child+html .login a:active.CommandButton, *:first-child+html .login a:visited.CommandButton { padding:0px 0px 0px 0px;}
.login input.StandardButton[class], .login a.CommandButton[class], .login a:link.CommandButton[class], .login a:active.CommandButton[class], .login a:visited.CommandButton[class] { width: auto;} /* Non IE browsers read this 
.login a:hover.CommandButton, .login input:hover.StandardButton{color: #0066b7;}
*/
/* button style for standard HTML */
.StandardButton, a.StandardButton, a:link.StandardButton, a:active.StandardButton, a:visited.StandardButton, input.StandardButton, a.CommandButton, a:link.CommandButton, a:active.CommandButton, a:visited.CommandButton { padding:3px 8px 3px 8px; width:0; overflow:visible; font-weight: bold; font-size: 10px; border: 0px solid #CBD2D8; background: url(ascx_images/command_btn.gif) repeat-x top left; color: #FFFFFF; font-family: Verdana, sans-serif; margin: 0px; cursor: pointer; clear: both; height: 19px; border: 0px solid #333333; white-space: nowrap; text-transform:uppercase; letter-spacing:-1px; text-decoration:none;}
input.StandardButton[class], a.CommandButton[class], a:link.CommandButton[class], a:active.CommandButton[class], a:visited.CommandButton[class] {width:auto;} /* Non IE browsers read this */
a:hover.CommandButton, input:hover.StandardButton{color: #E0E0E0;}

/* button style for grants */
.grantsContainer .StandardButton, .grantsContainer a.StandardButton, .grantsContainer a:link.StandardButton, .grantsContainer a:active.StandardButton, .grantsContainer a:visited.StandardButton, .grantsContainer input.StandardButton, .grantsContainer a.CommandButton, .grantsContainer a:link.CommandButton, .grantsContainer a:active.CommandButton, .grantsContainer a:visited.CommandButton { padding:2px 8px 3px 8px; width:0; overflow:visible; font-weight: bold; font-size: 10px; border: 0px solid #CBD2D8; background: url(ascx_images/command_btn.gif) repeat-x top left; color: #FFFFFF; font-family: Verdana, sans-serif;  cursor: pointer; clear: both; height: 19px; border: 0px solid #333333; white-space: nowrap; text-transform:uppercase; letter-spacing:-1px; text-decoration:none; margin: 0px 0px 0px 177px;}
.grantsContainer input.StandardButton[class], .grantsContainer a.CommandButton[class], .grantsContainer a:link.CommandButton[class], .grantsContainer a:active.CommandButton[class], .grantsContainer a:visited.CommandButton[class] {width:auto;} /* Non IE browsers read this */
.grantsContainer a:hover.CommandButton, input:hover.StandardButton{color: #E0E0E0;}
/* firefox grant */
html> body .grantsContainer .StandardButton, html> body  .grantsContainer a.StandardButton, html> body .grantsContainer a:link.StandardButton,html> body  .grantsContainer a:active.StandardButton,html> body  .grantsContainer a:visited.StandardButton, html> body .grantsContainer input.StandardButton,html> body  .grantsContainer a.CommandButton, html> body  .grantsContainer a:link.CommandButton, html> body .grantsContainer a:active.CommandButton, html> body  .grantsContainer a:visited.CommandButton { padding:2px 8px 3px 8px; width:0; overflow:visible; font-weight: bold; font-size: 10px; border: 0px solid #CBD2D8; background: url(ascx_images/command_btn.gif) repeat-x top left; color: #FFFFFF; font-family: Verdana, sans-serif;  cursor: pointer; clear: both; height: 19px; border: 0px solid #333333; white-space: nowrap; text-transform:uppercase; letter-spacing:-1px; text-decoration:none; margin: 0px 0px 0px 170px;}
html> body .grantsContainer input.StandardButton[class], html> body .grantsContainer a.CommandButton[class], html> body .grantsContainer a:link.CommandButton[class], html> body .grantsContainer a:active.CommandButton[class], html> body .grantsContainer a:visited.CommandButton[class] {width:auto;} /* Non IE browsers read this */
html> body .grantsContainer a:hover.CommandButton,html> body  input:hover.StandardButton{color: #E0E0E0;}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox, input.longTextBox, input.longmedTextBox, input.medTextBox, input.medshortTextBox, input.shortTextBox {  font-size: 11px; font-weight: normal; font-family:"Trebuchet MS", Trebuchet MS, arial; border: 2px solid #e5e5e5; }
input.longTextBox { width: 250px; }
input.longmedTextBox { width: 200px;}
input.medTextBox { width: 150px;}
input.medshortTextBox { width: 100px;}
input.shortTextBox { width: 60px;}
/*Dropdown Boxes*/
select { font-size: 10px; border: 2px solid #e5e5e5;}
/* Requi#FF0000 Fields */
span.mandatory { color: #334692; font-weight:bold;}

.inputIndent { margin-left: 20px}
/******************************************************
    GENERAL STYLES
******************************************************/
.floatLeft{ float:left;}
.floatRight{ float:right;}
/* styles to mimic auto height of div elements as per IE */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/******************************************************
    DNN STYLES (Some of these we try to avoid, but are still used in some modules; Some we are unsure of what they do)
******************************************************/
/* What exactly does this style?? */
.SkinObject { font-weight: bold; font-size: 8.5pt; color: #003366; font-family: Tahoma, Arial, Helvetica; text-decoration: none;}
A.SkinObject:link { text-decoration: none; color:#003366;}
A.SkinObject:visited { text-decoration: none; color:#003366;}
A.SkinObject:active { text-decoration: none; color:#003366;}
A.SkinObject:hover { text-decoration: none; color:#003366;}
/* styles used by Data Grids */
.DataGrid_AlternatingItem { background-color:#fff; color: #FF0000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_Container { background-color: Transparent;}
.DataGrid_Footer { background-color:#fff;}
.DataGrid_Header { background-color:Transparent; color: #000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold; text-align: center;}
.DataGrid_Item { background-color:Transparent; color: #000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_SelectedItem { background-color: #D3D3D3; color: Blue; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
/* text style used for help text rende#FF0000 by modules */
.Help { border: #000 1px solid; padding: 2px; font-weight: normal; font-size: 11px; color: #000; font-family: Tahoma, Arial, Helvetica; background-color: #ffff99;}
SMALL { font-size: 8px;}
BIG { font-size: 14px;}
/******************************************************
    DIGICON QUICK LINK STYLES
******************************************************/
.QuickLink { padding:0px 0px;}
.QuickLink h3 { margin:0px; padding:10px;}
.QuickLink img { float:left; padding-right:3px;}
.QuickLink p { margin:0px; padding-top:10px;}
/******************************************************
    SURVEY MODULE STYLES
******************************************************/
.YourCompanyNameSurveyResults {font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal;}
/******************************************************
    QUICK LINKS WITHOUT DESCRIPTION STYLES
******************************************************/
#Highlight_SubHead {color: #230C69;background-color: #DEE4F2;font-family: Arial;font-size: 14px;font-weight: bold;	height: 20px;padding: 2px;}
#Highlight{border: solid 1px #230C69;}
/******************************************************
    ANNOUNCEMENT MODULE STYLES
******************************************************/
.DNN_ANN_DesignTable { width:100%; padding:4px;}
.DNN_ANN_Description {}
.DNN_ANN_Description P { margin-top:0px;}
/******************************************************
    EVENT MODULE STYLES
******************************************************/
.Eventtooltip{ border: #000 1px solid; padding: 5px; font-size: 10px; width: 200px; color: #000; font-family: Arial; 	background-color: #ffd; text-align: left;}
.Event {border: #000 1px solid; table-layout: auto; padding: 0px; font-size: 7pt; margin: 0px; color: #000;
font-family: Verdana; border-collapse: collapse; text-align: center; width: 400px; height: 400px;}
.EventTitle { font-weight: bold; font-size: 9pt; background-image: none; width: 100%; height: 100%; background-color: #6666ff; text-align: center;}
.EventTitle, .EventTitle td{ font-weight: bold; font-size: 11pt; background-image: none; color: #000080; background-color: #6666ff; text-align: center;}
/* Note use of "!important" to override Inline Style */
.EventNextPrev, .EventNextPrev a:link {padding-right: 0, 0.5em; font-size: 8pt; color: #000080 !important;}
.EventNextPrev a, .EventNextPrev a:visited, .EventNextPrev a:hover { padding-right: 0, 0.5em; font-size: 8pt; color: #000080 !important;}
.EventDayHeader{ font-weight: bold; font-size: 7pt; font-family: Verdana; background-color: #D3D3D3; }
.EventDay, .EventDay td, .EventDay a,.EventDay a:visited,.EventDay a:hover{ font-size: 7pt; color: #0000ff !important; font-family: Verdana;}
.EventOtherMonthDay{color: #808080; background-color: #DCDCDC;}
.EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover{ color: #8080c0; background-color: #DCDCDC;}
.EventWeekendDay{background-color: #F5F5F5;}
.EventTodayDay{	border: #FF0000 2px solid;}
/* Note use of "!important" to override Inline Style */
.EventSelectedDay{	font-weight: bold;	color: #0000ff !important;	background-color: #696969;}
.EventSelectedDay a,.EventSelectedDay a:visited,.EventSelectedDay a:hover{color: #0000ff !important;font-weight: bold;}
.EventSelector{	background-color: #c0c0e0;}
.EventSelector a,.EventSelector a:visited,.EventSelector a:hover{color: #0000ff;text-decoration: none;}	

/******************************************************
    ALL BLOG/NEWS PAGE STYLES
	
******************************************************/

/* container */
.news_Container{width:690px; padding-top: 80px;}
html>body .news_Container{width:690px; padding-top: 50px;}
.news_Container h2{font-size:19px; text-transform:uppercase; line-height:24px; margin-top:60px}
*:first-child+html .news_Container h2{font-size:19px; text-transform:uppercase; line-height:24px; margin-top:120px}
.year_prevNext {background:url(ascx_images/newsReplyHeader.gif) repeat  right top; height:30px; border-top: 1px solid #FFFFFF}
.year_prevNext a, .year_prevNext a:link, .year_prevNext a:visited, .year_prevNext a:hover, .year_prevNext a:active {padding-left:15px; color:#FFFFFF}

.newsHR{background:url(ascx_images/news_hr.gif) repeat-x bottom left; height:23px; padding-top:14px; margin-bottom:75px; margin-left:-29px;width:700px;}
html>body .newsHR {margin-bottom:30px}
*:first-child+html .newsHR {margin-bottom:62px}
.newsHR2{background: url(ascx_images/news_hr.gif) repeat-x bottom left; height:23px; padding-top:14px; margin-bottom:0px; margin-left:-15px; position: relative; top:0px; left:0px;}
html>body .newsHR2{ margin-left:-27px;}
*:first-child+html .newsHR2{ margin-left:-27px;}
.newsBtn a{ padding-bottom: 100px}
.newsBtn .dontPrint{}
.newsBtn .dontPrint a, .newsBtn .dontPrint a:active, .newsBtn .dontPrint a:hover, .newsBtn .dontPrint a:link, .newsBtn .dontPrint a:visited{background: url(ascx_images/newsCommandBtn.gif) no-repeat top left; width:101px; height:19px; width:101px; padding:4px 27px 15px 27px; color:#fff; text-decoration:none; font-weight: normal; font-size: 10px; font-family:Arial; text-transform:lowercase; margin:7px;}

.newsReplyCommentContainer a, .newsReplyCommentContainer a:link, .newsReplyCommentContainer a:visited, .newsReplyCommentContainer a:hover, .newsReplyCommentContainer a:active{color:#003366; font-family:Arial; font-weight:bold; text-decoration:underline; padding-left:3px}
.newsReplyCommentContainer{ background-color:#edf2f5; border-bottom:1px solid #004677; margin-right:40px; padding-left: 0px; border-right:1px solid #EDF2F5}
.newsReplyCommentContainer span{ padding-left:4px}
.newsReplyComment{padding:3px 3px 3px 3px; font-weight:normal; font-family:Arial; color:#666666;}

a.newsMore , a:link.newsMore , a:visited.newsMore , a:hover.newsMore , a:active.newsMore {color:#666666; font-family:Arial; font-weight:bold; text-decoration:underline; padding-left:3px}

a.newsMore_yth , a:link.newsMore_yth , a:visited.newsMore_yth , a:hover.newsMore_yth , a:active.newsMore_yth {color:#666666; font-family:Arial; font-weight:bold; text-decoration:underline;}

a.newsReturn , a:link.newsReturn , a:visited.newsReturn , a:hover.newsReturn , a:active.newsReturn {color:#003366; font-family:Arial; font-weight:bold; text-decoration:underline; padding:0px 0px 0px 0px;}

.newsBtn .StandardButton, .newsBtn a.StandardButton, .newsBtn a:link.StandardButton, .newsBtn a:active.StandardButton, .newsBtn a:visited.StandardButton, .newsBtn input.StandardButton, .newsBtn a.CommandButton, .newsBtn a:link.CommandButton, .newsBtn a:active.CommandButton, .newsBtn a:visited.CommandButton { padding:4px 13px 4px 12px; overflow:visible; font-weight: normal; font-size: 10px; border: 0px solid #CBD2D8; background: url(ascx_images/newsCommandBtn.gif) no-repeat top left; color: #FFFFFF; font-family: Verdana, sans-serif; margin: 0px; cursor: pointer; clear: both; height: 19px; width:0px; border: 0px solid #333333; white-space: nowrap; text-transform:lowercase; letter-spacing:0px; text-decoration:none; font-family:Arial;}

input.StandardButton[class], a.CommandButton[class], a:link.CommandButton[class], a:active.CommandButton[class], a:visited.CommandButton[class] {width:auto;} /* Non IE browsers read this */
a:hover.CommandButton, input:hover.StandardButton{color: #E0E0E0;}

a.CommandButton_rnd{ overflow:visible; font-weight: normal; font-size: 10px; border: 0px solid #CBD2D8; background: url(ascx_images/newsCommandBtn.gif) no-repeat top left; color: #FFFFFF; font-family: Verdana, sans-serif; margin: 0px; cursor: pointer; clear: both; height: 19px; width:0px; border: 0px solid #333333; white-space: nowrap; text-transform:lowercase; letter-spacing:0px; text-decoration:none; font-family:Arial; padding:3px 50px 4px 15px ;}
*:first-child+html a.CommandButton_rnd{padding:3px 85px 4px 15px ;}
a.CommandButton_rndsml{ padding:4px 13px 4px 12px; overflow:visible; font-weight: normal; font-size: 10px; border: 0px solid #CBD2D8; background: url(ascx_images/newsCommandBtn_sml.gif) no-repeat top left; color: #FFFFFF; font-family: Verdana, sans-serif; margin: 0px; cursor: pointer; clear: both; height: 19px; width:0px; border: 0px solid #333333; white-space: nowrap; text-transform:lowercase; letter-spacing:0px; text-decoration:none; font-family:Arial; padding:3px 25px 4px 20px ;}

/*.prem {width:101px; margin-left:50px}*/
span.prem a.CommandButton[class]{width:101px; padding-right: 80px;}
html>body span.prem a.CommandButton[class]{width:101px; padding-right: 30px;}

.newsReplyHeader{background:url(ascx_images/newsReplyHeader.gif) repeat top right; padding:0px 0px 0px 0px; color:#fff; font-family:Arial; font-size:12px ;font-weight:bold;}
.newsReplyPosted{background:url(ascx_images/newsReplyHeader.gif) repeat top right;padding:4px 3px 4px 0px; color:#33ccff; font-family:Arial; font-size:12px; font-weight:bold;}
.newsReplyHeader span{padding:4px 3px 4px 4px;}

.HBAnews { margin-left:0px; }
html>body .HBAnews { margin-left:0px; margin-top:-50px}
*:first-child+html .HBAnews { margin-left:0px; margin-top:-63px}
.HBAnews .SubHead{font-size:19px; color:#004677; text-transform:uppercase; font-family:Arial;}
.HBAnews .SubHead a, .HBAnews .SubHead a:link, .HBAnews .SubHead a:visited, .HBAnews .SubHead a:hover, .HBAnews .SubHead a:active{color:#004677;}

/***** Youth nesw/blog *****/
.HBAnews_yth { margin-left:0px; margin-top:-30px;margin-bottom:-30px; background-color:#0060AA}
html>body .HBAnews_yth { margin-left:-20px; height:400px; margin-bottom:0px;}
*:first-child+html .HBAnews_yth { margin-left:0px; margin-top:-93px;}
.HBAnews_yth .SubHead{font-size:19px; color:#004677; text-transform:uppercase; font-family:Arial;}
.HBAnews_yth .SubHead a, .HBAnews_yth .SubHead a:link, .HBAnews_yth .SubHead a:visited, .HBAnews_yth .SubHead a:hover, .HBAnews_yth .SubHead a:active{color:#004677;}

.news_Container img{border:solid 2px #004677}
.newsReplyIndent{background:url(ascx_images/newsReplyIndent.gif) no-repeat top left; width:16px; height:16px; margin-left:0px; position:absolute; top:-15px; left:-21px; }
html>body .newsReplyIndent{background:url(ascx_images/newsReplyIndent.gif) no-repeat top left; width:16px; height:16px;position:absolute; top:-15px; left:0px}
*:first-child+html .newsReplyIndent{background:url(ascx_images/newsReplyIndent.gif) no-repeat top left; width:16px; height:16px; margin-left:0px; position:absolute; top:-15px; left:-21px}
.newsReplyIndent2{background:url(ascx_images/newsReplyIndent.gif) no-repeat top left; width:16px; height:16px; margin-left:0px; position:absolute; top:5px; left:0px; }
html>body .newsReplyIndent2{background:url(ascx_images/newsReplyIndent.gif) no-repeat top left; width:16px; height:16px;position:absolute; top:5px; left:0px}
*:first-child+html .newsReplyIndent2{background:url(ascx_images/newsReplyIndent.gif) no-repeat top left; width:16px; height:16px; margin-left:0px; position:absolute; top:4px; left:0px}
.CreateFrom { background: url(ascx_images/archive_bg.gif) repeat 10px 10px; color:#fff; font-family:Arial, sans-serif; padding:1px 6px 1px 20px; font-size:10px;margin-left:14px;}
html>body .CreateFrom{background:url(ascx_images/archive_bg.gif) repeat top left; color:#fff; font-family:Arial, sans-serif; padding:1px 6px 1px 33px; font-size:10px; margin-left:0px;}
*:first-child+html .CreateFrom{background: url(ascx_images/archive_bg.gif) repeat top left; color:#fff; font-family:Arial, sans-serif; padding:1px 6px 1px 32px; font-size:10px; margin-left:0px;}

.indentPosi {position:relative}
/*.indent{margin-left:20px;}*/
#blogWhole {position:relative; padding: 25px 0px 10px 0px ; margin-top:-31px;}
html>body #blogWhole {margin-top:15px;}
*:first-child+html #blogWhole {margin-top:18px;}
#blogWhole .Normal a.prem{width:101px; padding-right: 50px; padding-left: 25px}
tr.newsBtn a.prem{width:101px !important; padding-right: 30px !important; padding-left: 25px !important}
a.CommandButton{width:101px !important; }
#HRwrap { padding-top:0px; margin-top:0px}
html>body #HRwrap {margin-top:0px;padding-top:0px;}
*:first-child+html #HRwrap {margin-top:0px;padding-top:0px;}
#HRwrap span{ float:left; width:100%}
#HRwrap img{ float:right;}
#HRwrap2 {position:relative}
#HR_posi {position:absolute; bottom:-50px; left:-16px;}
#HR_posi2 {position:absolute; top:165px; left:0px;}
html>body #HR_posi2 {position:absolute; top:210px; left:17px;}
html>body #HR_posi {position:absolute; bottom:0px; left:0px; }
*:first-child+html #HR_posi {position:absolute; bottom:-35px; left:0px; }
#dateLabel { position:absolute; top:0px; left:-28px; _left:-30px; _padding-top: 10px; !padding-top: 10px;}
#dateLabel_2 { position:absolute; top:76px; _top:50px; left:-12px; _left:-14px; _padding-top: 10px; !padding-top: 10px;}
.CommandButton_comm {margin-bottom:40px}
html>body .CommandButton_comm {margin-bottom:40px}
*:first-child+html .CommandButton_comm {margin-bottom:40px}
.Normal_prem {position:relative}
.Normal_comm {padding-bottom:25px; }
.Normal_comm p{background-color:#006600;}
.tdHeight_comm {height:24px;}

/******************************************************
    ARCHIVE STYLES
	
******************************************************/
td.archiveHeader{background:url(ascx_images/archive_header.gif) no-repeat top left; width:230px; height:26px;}
a.archiveBtn , a:link.archiveBtn , a:visited.archiveBtn , a:hover.archiveBtn , a:active.archiveBtn {color:#fff; font-family:Arial; font-weight:normal; text-decoration:none; padding-left:14px}
.archiveContainer{ background:url(ascx_images/archive_bg.gif) repeat top right; height:125px; vertical-align:text-top; padding-top:10px; margin-top:-3px;}
.suggestion_btn{background:url(ascx_images/suggestion_btn.gif) no-repeat top left; width:230px; height:39px; margin:5px 0px 0px 2px;}

/******************************************************
    SIMPLE GALLERY MODULE STYLES
******************************************************/
.galleryImgAlbum {}
.galleryImgThumb {}
.galleryImgThumbNav { background: #ffcd14; height: 13px; width: 230px; margin-left: 0px; margin-top: 0px; padding: 5px 0px 5px 0px; color: #FFFFFF; clear:both}
.galleryImgAlbum img, .galleryImgThumb img, .galleryImgThumbNav img { margin: 0px; padding: 0px;}
.galleryImgThumb a.CommandButton, .galleryImgThumb a:link.CommandButton, .galleryImgThumb a:active.CommandButton, .galleryImgThumb a:visited.CommandButton{ color: #FFFFFF;}