/*
--------------------
WARNING!
Copyright Progress Systems Limited.
Explicit permission is required to copy or use any documents from this website
--------------------



--------------------
TEMPLATE: PERCEPTION
--------------------
GENERAL PRINCIPLES
--------------------
1. use margin:auto to horizontally center a div inside another div for mozilla
2. place page-wide styles (e.g. button styles) at the top of the CSS document or their properties are overwritten further down the page.
3. specify a width for layers that fade using DHTML, otherwise they don't fade gradually.
4. to position child layers, specify "relative" for the parent layer, and "absolute" for the child layers
5. the dynamic height of absolute layers is ignored, so subsequent layers will often position behind the absolute layer

---------------------------------------------------------------------
TEST MATRIX (Y=WORKS OK)
-------------------W2K-------XP--------VISTA-----OS9-------OSX-------
IE<=4                                  .                             
IE5                                    .                             
IE6                 Y                  .
IE7                          Y         Y
IE8
OPERA9                                 Y
SAFARI3                                Y         .
CHROME1                                Y
FIREFOX2                     Y         
FIREFOX3                               Y
NETSCAPE7                    Y         .
---------------------------------------------------------------------
*/
 

/* HTML TAG RE-DEFINITIONS */
body{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color:#333;background-image: url(../../templates/current/images/bkgd_page.gif);}
* {margin:0; padding:0;}
html {}
a {color:#039;font-size:12px;text-decoration:none;}
a:hover {text-decoration:underline;color:#06C;}
hr {margin: 20px 0px 10px 0px; border: 0px; border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #FFFFFF;}
strong {font-weight:bold;}
iframe {border: 1px dotted #CCCC33;width:100%;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color:#000000;height: 300px;}
img {border: none;}
p {margin-bottom: 10px; font-size: 12px; }
acronym {cursor: help; border-bottom: 1px dashed #CCCC33;}
font, td {font-size: 12px;}


/* HEADINGS */
h1 {padding-bottom: 10px;color: #039;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;}
h2 {font-size:14px;padding-bottom: 15px;color:#1877da;text-align:left;}
h3 {font-size:14px;padding-bottom: 15px;color:#039;}
h4 {color: #CC0000;padding-bottom: 15px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;}
h5 {color: #999999;padding-bottom: 15px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
h6 {padding-bottom: 15px;font-family: Arial, Helvetica, sans-serif;font-size: 9px;}


/* COMMONLY USED CLASSES */
.required {color: #CC0000;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;}
.informational {color: #039;font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
.largeFont {font-size:14px;color:#039;font-weight: bold;}
.lighttext {color: #999999;}
.smallfont{font:9px Verdana, Arial, Helvetica, sans-serif; color: #999999;}


/* BUTTONS */
.button_submit {background-image:url(../../templates/current/images/button_submit_bkgd.gif);background-repeat:repeat-x;border:1px solid #3399cc;color:#FFFFFF;font-weight:bold;cursor:pointer;margin-right: 2px;margin-left: 2px;height: 25px;}
.button_cancel {background-image:url(../../templates/current/images/button_cancel_bkgd.gif);background-repeat:repeat-x;border:1px solid #999;color:#FFFFFF;font-weight:bold;cursor:pointer;margin-right: 2px;margin-left: 2px;}
.button_other {background-image:url(../../templates/current/images/button_other_bkgd.gif);background-repeat:repeat-x;border:1px solid #999;color:#FFFFFF;font-weight:bold;cursor:pointer;margin-right: 2px;margin-left: 2px;}
.button_editor{border:1px solid #F6F6EA;}


/* FORM FIELDS */
input,select {height: 18px; color: #000; font-weight:700; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; vertical-align: middle;margin-right: 2px; margin-left: 2px;}
.input_normal {width: 180px; border: 1px #DDDDDD solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_long {width: 370px; border: 1px #DDDDDD solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_short {width: 110px; border: 1px #DDDDDD solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_shorter {width: 60px; border: 1px #DDDDDD solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_multiline {width: 180px; height: 100px; border: 1px #DDDDDD solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; color: #000;}
.input_multiLarge {width: 280px; height: 160px; border: 1px #DDDDDD solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif; color: #000;}
.input_nosize {border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_2char {width: 20px; border: 1px #DDDDDD solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_3char {width: 30px; border: 1px #DDDDDD solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_4char {width: 40px; border: 1px #DDDDDD solid; font-size: 12px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_search {height:13px; width: 90px; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_invisible {border: 0px solid; color: #666666; font: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background-color: transparent; height: 18px; vertical-align: middle}
.input_editor_title {font-size:16px; color:#3E8CCC; font-family: Arial, Verdana, Geneva, sans-serif; border: 1px #DDDDDD solid; width: 300px;}
.input_editor_subtitle {font-size:12px; color:#3E8CCC; font-family: Arial, Verdana, Geneva, sans-serif; border: 1px #DDDDDD solid; width: 300px;}
.input_webteller {width: 120px; border: 1px #CCCCCC solid; font-size: 13px; font-family: Arial, Verdana, Geneva, sans-serif; height: 14px; font-weight: bold; color: #000; text-align: right; padding: 2px;}


/* TABLES */
/*.tabletitle {margin: 0px; padding-top: 3px; padding-bottom: 5px; padding-left: 3px; padding-right: 3px;  /*background-image:url(../../templates/current/images/button_other_bkgd.gif); background-repeat: repeat; border: 1px solid #7fb4de; color:#FFFFFF; font-weight:bold; font-size: 11px;}*/
.tableform {border: 1px solid #cccccc; background-color:#FFFFFF; margin-top: 4px; MARGIN-BOTTOM: 20px; border-collapse: collapse; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 11px; color:#333333;}
.tableform thead {color: #828277; font-size: 9px;}
.tableform thead td, .tableform thead td {background-color:#E2E2D7;}
.tableform tfoot {color: #828277; font-size: 10px;}
.tableform tfoot td {background-color:#E5E5DA; font-size: 10px;}
.tableform .dayColour{background-color:#E2E2D7;}
.tableform td {padding: 4px; background-color:#f6f6ea; border-bottom: 1px dashed #DDDDDD; border-right: 1px dashed #DDDDDD; border-bottom: 1px dashed #DDDDDD; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.tableform table td {border: none; padding: 0px;}
.tablegrid {border: 1px solid #CCCCCC; background-color:#FFFFFF; margin-top: 0px; border-collapse: separate;  border-spacing: 0px; !important font-family: Arial, Verdana, Geneva, sans-serif; font-size: 11px; color:#333333;MARGIN-BOTTOM: 20px;}
.tablegrid thead {color: #999999; font-weight: bold;}
.tablegrid thead td {background-color:#F5F5F5; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.tablegrid td {padding: 3px; border-bottom: 1px dashed #DDDDDD; font-size: 11px;}
.tabledetailed {border: 1px dotted #a3c1db; background-color:#FFFFFF; margin-top: 4px; border-collapse: collapse; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 10px; color:#333333; margin-bottom: 4px;}
.tabledetailed thead {color: #999999; font-weight: bold;}
.tabledetailed thead td, .tabledetailed thead td {background-color:#FFFFFF; font-size: 10px; font-family: Arial, Verdana, Geneva, sans-serif;}
.tabledetailed td {padding: 1px; border-right: 1px dotted #b5d0e8; border-bottom: 1px dotted #b5d0e8; font-size: 10px; vertical-align: top;}
.tabledetailed strong {font-size: 10px;}
.table_calendar {}
.tablerow_main tr {background-color:#000000;}
.tablerow_alt td {background-color:#FFFFEE;}
.tablerow_over td {background-color:#FFFFCC;}


/* FORM ARCHIVE */

.tableprint { margin-left: 378px;}


/*PIN MANAGER-----------------------------------------*/
.tabletitle { padding-right: 15px; width: auto; padding-left:3px; padding-right:6px; padding-top:3px; padding-bottom:3px; color:#FFF; font-weight:bold; font-size: 11px; background-color: #4a98d7; /*background-image: url(../../images/essentials/pinform_title_right.gif); /* background-repeat:no-repeat; background-position:right;*/}
/*.tabletitleLeft { padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:5px;    background-image:url(../../images/essentials/pinform_title_left.gif); background-position:left; background-repeat:no-repeat;}*/
.tableformPin {background-color: #dddddd;font-family: Arial, Verdana, Geneva, sans-serif;}
.tableformPinMain { padding-left: 15px; padding-top: 3px; background-color: #E6E6E6;}
.tableformLeft{ padding-left: 15px; background-color: #f3eeee; }
.tableformPinIconsL{ padding-left: 40px; background-color: #F3F3F3; vertical-align:middle; text-align: left; border-bottom: 1px solid #E6E6E6;}
.tableformPinIconsL li { padding-bottom: 1px; display: block; list-style:none; padding-left: 5px; padding-right: 5px; text-align: left; white-space: nowrap;  height: 28px; float: left;  }
.tableformPinReg { padding-left: 15px; padding-bottom: 3px; padding-top: 3px; background-color: #E2ECF5;}
.tableformPinMembersC { padding-left: 15px; padding-top: 3px; padding-bottom: 3px; background-color: #C3D5E3; background-image:url(../../images/essentials/member_corner.gif); background-repeat:no-repeat; background-position:right top; }
.tableformPinMembers { padding-left: 15px; padding-top: 3px; padding-bottom: 3px; background-color: #C3D5E3;}


/* FONT CLASSES FOR PIN MANAGER FORM */
.fontRed {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#F00;}
.fontBlue {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#069; vertical-align: middle; }
.fontBlue a {font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#09F; text-decoration: underline;}
.fontBold { font: bold 11px Arial, Verdana, Helvetica, sans-serif; }
.fontGreen { font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#393; }


/* ESTATEMENTS TABLE LAYOUT - WIDE */
.tablewrap_multiple { width: 94%; height: 50%;  border: solid 1px #333; height: auto; }
.tabletitle_multiple { position: relative; width: 94%; clear:both; color: #069; font-weight: bold; font-size: 11px; padding-left: 3px; padding-top: 5px; padding-bottom: 5px; /*background-image: url(../../images/essentials/automated_bkgd.jpg);*/  background-color: #E6F2FF; border-top: solid 1px #C4E1FF; border-left: solid 1px #C4E1FF; border-right: solid 1px #C4E1FF; border-bottom: dotted 1px #D6D6D6; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);/**/}
.tablewrap_single { width: 94%; border: solid 1px #333; height: auto;}
.tabletitle_single { position: relative; width: 94%; clear:both; color: #666; font-weight: bold; font-size: 11px; padding-left: 3px; padding-top: 5px; padding-bottom: 5px;  background-color: #F0E6EF; /*background-image:url(../../images/essentials/requested_bkgd.jpg);*/ border-top: solid 1px #D0ACCD; border-left: solid 1px #D0ACCD; border-right: solid 1px #D0ACCD; border-bottom: dotted 1px #D0ACCD; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);/**/ }
.tableform2 { margin-bottom: 15px; padding-left: 0px; padding-right: 0px; background-color: #F9F9F9;  border-left: solid 1px #D6D6D6; border-right: solid 1px #D6D6D6; border-bottom: solid 1px #D6D6D6; }
.dropmenu_top { position: relative; width: 93%; height: 20px; margin-left: 0px; padding-left: 10px; margin-right: 5px; padding-top: 5px; padding-bottom: 0px; font-size: 12px; border: solid 1px #E6E6E6; text-align: right; background-image: url(../../images/essentials/estatements_bkgd.gif);  border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);}
.pdf_download {  position: relative; float: left; clear: right; height:30px; width: 60%;  padding-right: 5px; padding-left: 0px; padding-top: 5px; padding-bottom: 15px; margin-right: 0px; margin-left: 5px; margin-bottom: 20px; font-size: 11px; /*background-image: url(../../images/essentials/acrobat_download_bkgd.gif); border: solid 1px #E6E6E6;  border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);*/}
.pdf_image { position: relative; float: right; height: 30px; width: 140px; margin-right: 20px; }
.rowseparator {border-bottom: dotted 1px #CCC; height: 15px;}
.required_green { font-weight:bold; color:#393;}
.yeartitle{color: #333; }
.error_notfound { border: solid 1px #0F0; }


/* VOLUNTEER AREA ROSTER */
#volCalendar table {border:none; }
#volCalendar thead td {background-color: #F2F2E7; border:1px solid #ffffff; border-collapse:collapse; padding:2px}
#volCalendar td {background-color: #F7F7f2; border-bottom:1px solid #FFFFFF; border-collapse:collapse;}
#volCalendar td span {display: block; height: 100%; width: 0px; padding: 0px; margin: 0px;}
#volCalendar td a {text-decoration: none; display: block;}
#volCalendar .weekDayName {background-color: #F2F2E7;}


/* PASSWORD STRENGTH INDICATOR */
#passwordStrength {height:10px; display:block; float:left;}
.strength1 {width:15px; background-color:#cccccc;}
.strength2 {width:30px; background-color:#ff0000;}
.strength3 {width:60px; background-color:#ff5f5f;}
.strength4 {width:90px; background-color:#56e500;}
.strength5 {width:120px; background-color:#4dcd00;}
.strength6 {width:150px; background-color:#399800;}


/* IMAGE VISIBILITY (OPTIONAL) */
#img_masthead {} 
#img_login {} 
#img_youthzone {} 
#img_newsheadlines {}
#img_modules {} 
#img_progresslogo {}


/* OFFICE AREA ITEMS */
#tblFonts img,select {vertical-align: middle;}
#tblCtrls img {vertical-align: middle;}
#tblXtraCtrls img {vertical-align: middle;}


/* MAIN OUTER CONTAINER LAYER */
#main {text-align: center; width:100%; } 


/* PAGE CONTENT LAYER */
#pageContent{position: relative; width:770px; height:100%; text-align: left; margin: auto; padding-bottom: 5px; border-bottom: none;}
html>body 
#pageContent{}


/*PAGE INNER CONTENT*//* THIS IS USED IN ORDER TO EXTEND THE BACKGROUND COLOUR THE HEIGHT OF THE PAGE FOR ALL BROWZERS ACCEPT IE */
#pageInnerContent { position: relative; width:770px; height:100%; padding-top: 5px; padding-bottom: 10px;  background-color: #FFF; border: solid 1px #FFF; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(templates/current/PIE.htc); /*padding-bottom: 10px;*/}
#pageInnerContent:after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}
	
	
/* MASTHEAD FACILITIES*/
#facilities {width: 770px; height: 20px; padding-bottom:10px;}
#facilities ul {margin: 0px; padding: 1px;}
#facilities li {display: block; float: right; padding-left:2px; padding-right: 2px;}
#facilities a {font-size: 12px;color:#039; font-weight: bold; padding-top: 3px; text-decoration: none;display: block;vertical-align:middle;}
#facilities a:hover {color:#039;text-decoration: underline;}
#facilities .divider {padding-left: 7px;margin-left: 4px;background-position:left;background-repeat:no-repeat;background-image: url(../../templates/current/images/divider.gif);}
#facilities #helpmenu {position:absolute;top:2px;left:774px;float:none;text-align:left;visibility:hidden;background-repeat: repeat-x, repeat-y;border: 1px solid #CCCCCC;background-color: #FFF;vertical-align: middle;}
#facilities #helpmenu li {background:none; display:list-item; list-style: none; width:155px; padding-bottom:5px; border-bottom: 1px solid #CCCCCC;}
#facilities #helpmenu a:hover {text-decoration:underline;color:#03C;}


/* MASTHEAD */
#masthead {width: 760px;height: 101px;overflow: hidden;background:url(../../templates/current/images/masthead_bkgd.gif) no-repeat;position: relative;text-align: left;margin-left: 5px;margin-right: 5px;}
#masthead .logo {position: absolute; top: 0px; left: 0px;}
#masthead #announcements { display: none; position: absolute; top: 0px; left: 390px; width: 350px; height: 44px; overflow: hidden; text-align: right; padding: 20px; padding-right: 10px; font-size: 13px; font-weight: bold; color: #3E8CCC; filter: alpha(opacity=0); -moz-opacity:0%;}
#masthead #announcements a {color: #039;font-size: 13px;}
#masthead #announcements a:hover {text-decoration:underline; color:#0099FF;}
#masthead .area_title { display: none; position: absolute; top: 0px; left: 380px; width: 350px; height: 44px; padding: 20px; text-align: right; font-size: 13px; font-weight: bold; color: #3E8CCC;}


/* BYLINE (TEL/FAX/DATE BAR) */
#byline {position: relative;overflow: hidden;color: #333;font-weight:bold;height: 20px; width: 760px;margin-left: 5px;margin-right: 10px;font-size: 11px;font-family: Arial, Helvetica, sans-serif;}
#byline .contactdetails {position: absolute; top: 0px; left: 0px; padding-left: 330px; font-size: 12px;}
#byline .contactdetails strong {color: #039;font-size: 12px;}
#byline .currentdate {position: absolute;top: 0px;left: 10px;width: 350px;padding-right: 10px;text-align: left;height: 400px;font-size: 12px;}
#byline_members {height: 20px;padding-top: 8px;margin-bottom: 6px;overflow: hidden;color: #FFF;font-size: 12px;background:url(../../templates/current/images/menu_bkgd.gif) top repeat-y;}
#byline_members .contactdetails {float: left; padding-left: 12px; font-size: 12px;}
#byline_members .currentdate {float: right; padding-right: 12px; font-size: 12px;}


/* LAYOUT AREA (MAIN MENU/SUBMENU/MODULES/LOGIN/CONTENT) */
#layoutarea {margin:0 auto; position: relative; width: 758px; text-align:left;}
#sidebar {}


/* MAIN NAVIGATION MENU */
#mainmenu {width: 760px; margin-left: 5px; margin-right: 5px; margin: auto; height: 28px;overflow: visible; background:url(../../templates/current/images/menu_bkgd.gif) top repeat-y;}
html>body #mainmenu {height: auto; overflow: auto;} /*ONLY WAY TO GET UL BACKGROUND IMAGE TO DISPLAY IN IE5/IE6 WAS TO SPECIFY HEIGHT AND OVERFLOW ABOVE. THIS LINE CORRECTS THAT FOR ALL OTHER BROWSERS*/
#mainmenu li {text-align: left; white-space: nowrap; padding-bottom: 1px; height: 28px; float: left; display: block; background:url(../../templates/current/images/menu_divider.gif) top right no-repeat;}  /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/
/*NAV FONT SIZE*/
#mainmenu a { width: 100%; text-align: center; padding-top:5px; font-size: 12px; font-weight: bold; color:#FFFFFF; text-decoration: none; display: block; line-height: 12px; }
#mainmenu a:hover { font-weight: bold; font-size: 12px; color: #CCFFFF; text-decoration: underline;text-transform: none; }
#mainmenu .lastSection {background: none;}


/* POP-OUT MENUS - NEED TO OVERRIDE SOME OF THE STYLES IN THE MAINMENU*/
#mainmenu .popoutmenu {z-index: 4; margin-top: 9px; text-align: left; position: absolute; visibility:hidden; background-image:url(../../templates/current/images/sidebar_bkgd.gif); background-repeat: repeat-y; border: 1px solid #CCCCCC;}
#mainmenu .popoutmenu li {text-align: left; white-space: normal; float:none; height: auto; background:none; display:list-item; list-style: none; width: 400%; padding: 2px; padding-top: 0px; border-bottom: 1px solid #CCCCCC; font-weight: normal;}
html>body #mainmenu .popoutmenu li {width: auto;} /*WIDTH ABOVE SET TO 400% FOR IE5/IE6. THIS LINE CORRECTS THE WIDTH FOR ALL OTHER BROWSERS*/
#mainmenu .popoutmenu a {text-align: left; font-size: 12px;  width: 100%;  color:#3399cc; text-decoration: none; display: block; vertical-align:bottom; line-height: normal;}
#mainmenu .popoutmenu a:hover {text-decoration:underline; color:#3399cc;} 


/* TEXT CONTENT & NAVIGATION CONTAINER */
#contentarea {margin-top: 2px; width: 575px; float: right; position: relative; background-color: #FFFFFF;}
#contentarea .pagetitle {height: 50px; text-align:left; vertical-align: middle; margin-bottom: 20px; padding: 3px; color: #06c; font-size: 14px; font-weight: bold; background:url(../../templates/current/images/pagetitle_bkgd.gif) top left no-repeat;}
#contentarea .pagecontent {padding: 0px; text-align:left;}
#contentarea ul {padding-left: 28px; margin-bottom: 10px;}
#contentarea ol {padding-left: 28px; margin-bottom: 10px;}
#contentarea li {display:list-item;}
#contentarea a {text-decoration: underline;}
#contentarea .pagetitle_members {height: 50px; vertical-align: middle; margin-bottom: 20px; padding: 5px; color: #3399cc; font-size: 14px; font-weight: bold; background:url(../../templates/current/images/pagetitle_bkgd.gif) top left no-repeat;}
#contentarea .pagecontent_members {position: relative; margin-bottom: 10px; min-height: 300px;}
#contentarea .pagetitle_image {display: none; float: right; background-repeat: no-repeat; height: 50px; width: 100px;}
#contentarea .information_layer {position:absolute; left: 365px; visibility:hidden; text-align: left;}
#contentarea .information_layer td {font-size: 9px; border: none;}


/* DIRECTOR AREA */
.directors_content {float: left; width: 65%;}
.directors_fullwidthcontent {float: left; width: 100%;}
.directors_sidebar {float: right; width: 30%; border-left: 1px dotted #DDDDDD; text-align:center;}


/* FLASH / ANNOUNCEMENTS CONTAINERS */
#flashcontainer {clear: both; width: 758px; text-align: center; height: 250px; margin-bottom: 10px;}
#announcements_content {margin-top: 5px; margin-bottom: 5px; padding: 5px; background-color: #EEEEEE; border: 1px solid #DDDDDD; height: 50px; overflow: visible; width: 746px; filter: alpha(opacity=0); -moz-opacity:0%;}
#announcements_content_dynamic {float: left; width: 100%; border-bottom: 1px dotted #666; margin-bottom: 5px; }
#announcements_content_dynamic h1 { font-size: 15px;}
#announcements_content_dynamic h2 { font-size: 14px;}
#announcements_login {margin-bottom: 15px; padding: 5px; background-color: #F5F5F5; border: 1px dotted #CCCCCC; height: 50px; overflow: visible; width: 550px; filter: alpha(opacity=0); -moz-opacity:0%;}
#announcements_login a {font-size: 14px; font-weight: bold; text-decoration: none;}
#announcements_login a:hover {text-decoration: underline;}
#announcements_members {margin-bottom: 15px; padding: 5px; background-color: #FFFFFF; border: 1px dashed #EEEEEE; height: 50px; overflow: visible; width: 560px; filter: alpha(opacity=0); -moz-opacity:0%;}
#announcements_members a {font-size: 14px; font-weight: bold;}


/* SUBMENU (CONTENT PAGES ONLY) ND NOTES: LEFT BOX HEADER COLOUR*/
#submenu { position: relative; margin-top: 2px;margin-bottom: 5px;padding: 5px;width: 160px;/*background-image:url(../../templates/current/images/sidebar_bkgd.gif);*/ background-repeat: no-repeat;border-right-width: 1px;border-right-style: dotted; background-color: #fbf9cb; border-right-color: #FF0; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);/* DOTS ON LEFT HAND SIDE*/}
#submenu .title_subsections {color: #06c;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;}
#submenu li {list-style-type: none;padding-top: 5px;padding-left: 15px;background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat;background-position: 0px 8px;padding-bottom: 1px;}
#submenu a {color: #039;}
#submenu a:hover {text-decoration:underline;color:#09F;}


/* NAVIGATION SELECTED ITEMS */
#mainmenu .section_selected {font-weight: 200;background:url(../../templates/current/images/menu_bkgd_selected.gif) repeat-x;border-right: 1px solid #FFFFFF;border-left: 1px solid #FFFFFF;font-size: 12px;color: #CCFFFF;}
#mainmenu .page_selected a {font-weight: bold;background-color: #ffffff;}


/* SIDE BAR ON CONTENT PAGE*/
#submenu .subitem_selected {font-weight: bold;background-color: #FF9;border-top-width: 1px;border-bottom-width: 1px;border-top-style: dotted;border-bottom-style: dotted;border-top-color: #999;border-bottom-color: #999;padding-bottom: 4px;}


/* REPRESENTATIVE AREA*/
#submenu_volunteers{position:absolute;left:-182px;top:215px;width: 160px;margin-bottom: 10px;margin-right: 10px;background-color: #FEF4BC;border-top-width: 2px;border-top-style: solid;border-top-color: #FCE149;}
#submenu_volunteers  ul {padding: 0px; margin: 0px;}
#submenu_volunteers li { list-style-type:none; padding-left: 4px; padding-top: 4px; padding-bottom: 4px; padding=top: 4px; border-bottom: 1px solid #FCE149;}
#submenu_volunteers a {color: #333; text-decoration: none;}
#submenu_volunteers .title_subsections {padding-left: 4px; font-weight: bold; font-size: 11px;}


/* MEMBER AREA */
#membermenu {float: left; width: 160px; border: 1px solid white; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8;}
#membermenu li {list-style-type: none; padding: 4px; border-bottom: 1px solid #3399cc;}
#membermenu a {color: #333;}
#membermenu .last {font-weight: bold;}
.memo {border: 1px solid #CCCCCC; width: 130px; padding: 2px; position: absolute; top: 5px; left: 770px;}


/* SUBMENU (MEMBERS AREA) */
#submenu_members {float: left; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8; }
#submenu_members ul {padding-left: 0px; margin-bottom: 0px;}
#submenu_members li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3;}
#submenu_members a {color: #666666;}
#submenu_members .title_subsections {font-weight: bold; padding: 5px;}


/* OFFICE AREA NAVIGATION */
#adminmenu {margin-bottom: 10px; margin-right: 10px; float: left; width: 160px;}
#adminmenu ul {border-top: 2px solid #5EA6E3; background-color:#E4EFF8;}
#adminmenu li {list-style-type: none; border-bottom: 1px solid #5EA6E3; padding-top: 3px; padding-bottom: 2px;}
#adminmenu li a {margin-left: 3px;}
#adminmenu li strong {margin-left: 3px; color: #3399cc;}
#adminmenu ul li ul {display: none;}
#adminmenu ul li ul li {list-style-type: none; padding: 3px; padding-left: 6px; border-bottom: 1px solid #5EA6E3; background-color: #F4FFF8;}
#adminmenu ul li ul li a {color: #9EC6E3;}
#adminmenu .expanded {display: inline-block;}


/* TOOLS & RESOURCES SECTION (MODULE LINKS) */
#modulelinks { position: relative; float:left; width: 240px; padding: 5px; height: 130px; background-color:#dde9f6; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);}
#modulelinks ul { margin-left: 5px }
#modulelinks li {list-style-type: none; padding-top: 2px; padding-left: 15px; background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 5px;}
#modulelinks a {color: #000; font-size: 12px; font-weight: bold;}
#modulelinks a:hover {text-decoration:underline;color:#06C;}
#modulelinks_contentpage {text-align:left;width: 160px;margin-bottom: 5px;padding: 5px; /*background-image:url(../../templates/current/images/sidebar_bkgd.gif);background-repeat: no-repeat;border-right-width: 1px;border-right-style: dotted;border-right-color: #FF0;*/ background-color:#dde9f6; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);}
#modulelinks_contentpage li {list-style-type: none;padding-top: 5px;padding-left: 15px;background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat;background-position: 0px 8px;padding-bottom: 1px;}
#modulelinks_contentpage a {color: #039;}
#modulelinks_contentpage a:hover {text-decoration:underline; color:#0099FF;}


/* CHANGING LOCATION OF NEW HEADLINE FLOAT RIGHT */
/* NEWS HEADLINES */
#newsheadlines { position: relative; float: left;width: 238px; height: 130px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
#newsheadlines h3 {color: #039;font-size: 13px; background-color:#dde9f6; }
#newsheadlines h3 a { text-decoration: none; background-color:#dde9f6;}
#newsheadlines a {text-decoration: none; color: #666666;}
#newsheadlines a:hover {text-decoration: underline;color:#039;}
#newsheadlines_contentpage { position: relative; margin-bottom: 0px; width: 165px; height: 180px;overflow: hidden;padding-left: 5px; background-color:#dde9f6;  border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);}
#newsheadlines_contentpage h3 {color:#039;font-size: 13px; background-color:#dde9f6;}
#newsheadlines_contentpage a {text-decoration: none;color: #333;}
#newsheadlines_contentpage a:hover {text-decoration: underline;color: #06C;}
#news_content {width: 100%; position: relative; filter: alpha(opacity=0); -moz-opacity:0%; background-color:#dde9f6; }
#newsheadlines .newslinks a {color: #039;font-weight: bold; background-color:#dde9f6;}
#newsheadlines_contentpage .newslinks a {color: #009933; font-weight: bold; background-color:#dde9f6;} 


/*QUICK LINKS*/
#quick_links { position: relative; top: -5px; width: 243px; height: 129px; padding:5px;  margin-top: 0px; background-image: url(images/title_quick_links_homepage_bkgd.jpg); background-repeat: no-repeat; background-color: #dde9f6; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc); }
#quick_links ul { margin-left: 5px; }
#quick_links li { width: 200px; margin-left: 0px; padding-left: 15px; list-style-type: none; padding-top: 5px;  background:url(../../templates/current/images/bullet_greenarrow.gif) no-repeat; background-position: 0px 8px;}
#quick_links a { text-decoration: none; font-weight: bold; color: #0354ae;}
#quick_links a:hover {text-decoration: underline; color: #063;}


/* LOGIN / YOUTHZONE / LIVE CHAT LAYER */
#loginarea {position: absolute; Top: -99px; left: 342px; width: 400px; text-align: right; float: right;}
#loginarea img {margin-bottom: 3px;}
#loginarea_contentpage {position: absolute; Top: -99px; left: 342px; width: 400px; text-align: right; float: right;}
#loginarea_contentpage img {margin-bottom: 3px;}
#loginarea a:hover {border: 0px;}  


/* HOMEPAGE SPOTLIGHTS */
#spotlight1 { position: relative; float: left; width: 234px; height: 130px;  padding: 5px; margin-top: 0px; margin-left: 3px; background-color: #dde9f6;  border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);}
#spotlight2 { position: relative; width:240px; float: left; padding: 0px; margin-top: 0px; border-right-width: 1px;border-left-width: 1px;border-right-style: dotted;border-left-style: dotted;border-right-color: #999;border-left-color: #999; display: none;}
#spotlight3 { position: relative; width:240px; float: right; padding: 0px; padding-right: 0px; margin-top: 0px; display: none;}
#spotlight7 { position: relative; width:242px; float: left; clear: left; padding: 0px; margin-right: 10px; margin-top: 3px; /*border: 1px solid #F00;*/}
#spotlight8 { position: relative; width:242px; float: left; padding: 3px; margin-right: 8px; /*border: 1px solid #00F;*/ }
#spotlight9 { position: relative; width:242px; float: right; padding:3px; /*border: 1px solid #0F0;*/}
.spotlight_title {height: 45px;  background: right no-repeat; padding-top:23px; padding-left:10px;} /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/
.spotlight_title h4 {width: 50%;color: #666;font-size: 14px;}
.spotlight_container { position: relative; width: 100%; height: 160px; padding-left: 5px; padding-right: 0px; padding-top: 5px; background-color: #FFF; background: right no-repeat; /*border: 1px solid #F0F0F0;*/}
.spotlight_text { position: absolute; width:60%; height: 90px; top:0px; left:0px; padding-left: 5px; background: #FFF; /*border: solid 1px #00F; */ }
.spotlight_image_upload { width: 80px; height: 80px; float:right; margin-bottom:10px; background:#FFF; /*border: solid 1px #93F; */}
.spotlight_link { position: absolute;bottom: 0px; left: 0px; height: 14px; width: 235px; padding-left: 5px; background-color:#FFF; /*border: solid 1px #0C0; */}


/* FOOTER */
#pagefooter { position: relative; top: 0px; width: 762px; height: 61px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-left: 10px; background-color:#fff; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(templates/current/PIE.htc); }
html>body #pagefooter { /*background:url(../../templates/current/images/footer_bkgd.jpg) top repeat-x;*/} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */
.ProgressLogo { position: relative; top: 20px; left: 0px; float: right; padding-right: 10px; /*border: solid 1px #F00;*/ }
#footerDetails{ position: relative; float: left; width: 65%; margin-top: 20px; margin-left: 10px; text-align: left; color: #666; text-decoration: none; font-size:10px; background-color: #FFF; /*border: 1px solid #0FF;*/}
#fsrnTextOff{ float: left;  color: #666; text-decoration: none; font-size:10px; text-align: left; padding-left: 10x;}
#pagefooterAlternative{ float: left; width: 750px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-left: 10px; text-align: left; font-size: 10px; color: #666; clear: both; /*border: solid 1px #F00;*/ }
#fsrnTextAlternative{float: left; color: #666; text-decoration: none; font-size:10px; text-align: left; padding-left: 0px; }
html>body #pagefooter {} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */
#OfficeAreaPage #pagefooter {}
#OfficeAreaPage #pagefooter {text-align: left; padding: 20px;}


/* FOOTER - CONTENT AND OTHER PAGES*/
#pagefooterOther { position: relative; width: 775px; height: 16px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-left: 0px; text-align:center; font-size:10px; background-color:#fff; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(templates/current/PIE.htc);}
#pagefooterOther a { color: #69C; font-size:10px;}


/*LOGIN AREA ROUNDED CORNERS CROSS BROWZER COMPATABLE - CHANGES NOT NECESSAERY---------------------------------------------------------------------*/
.announcementsContainer{width: 100%; padding-top:0px; float:left;}	
.curvedBox {width:100%; margin-top: -15px;}
.curvedBox .r1, .curvedBox .r2, .curvedBox .r3, .curvedBox .r4 {background-color: #F0F0F0;display:block;overflow:hidden;height:1px;font-size:1px;}
.curvedBox .r2, .curvedBox .r3, .curvedBox .r4 {border-width:0 1px;border-left:1px solid #F0F0F0;border-right:1px solid #F0F0F0;}
.curvedBox .r1 {margin:0 6px;}
.curvedBox .r2 {margin:0 3px;}
.curvedBox .r3 {margin:0 2px;}
.curvedBox .r4 {margin:0 1px;height:2px;}
.curvedBox .content{background:#F0F0F0; border-left:1px solid #F0F0F0; border-right:1px solid #F0F0F0 ;padding:5px;}


/* GRAPHIC ICONS BELOW LOGIN AREA ----------------------------------------------------------------------------------------------------------------*/
.Lost_bkgd {
	background-image: url(../../images/essentials/lost_pin_bkgd.jpg);
	width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 60px; padding-top: 8px; margin-top: 10px;}
.register {
	background-image: url(../../images/essentials/reg_pin_mem_log_bkgd.jpg);
	width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 60px; padding-top: 8px; font-size: 10px;}
.security {
	background-image: url(../../images/essentials/security_mem_log_bkgd.jpg);
	width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 60px; padding-top: 8px; font-size: 10px;}
.problems {
	background-image: url(../../images/essentials/problem_mem_log_bkgd.jpg);
	width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 60px; padding-top: 8px; font-size: 10px;}
.browzer {
	background-image: url(../../images/essentials/browzer_info_bkgd.jpg);
	width: 250px; float:right; background-repeat: no-repeat; background-position: right; height: 37px;text-align: left; padding-left: 60px; padding-top: 8px; font-size: 10px;}
.memLogLinksCont{
	background-image: url(../../images/essentials/mem_login_graphic.jpg);
	height:250px; width:100%; background-position: left; background-repeat: no-repeat; /*border: 1px solid #F00;*/
}


/*PIN SECURITY CHECK - CHANGES NOT NECESSAERY V4.1 - 6 DIGIT--------------------------------------------------------------------------------*/
.mainContainerbkgd {background-color:#F0F0F0; width: auto; height: auto; text-align:right;}
.mainContainer {float: left; background-color:#F0F0F0; width: 100%; height:auto; text-align:right;/*margin-right: 205px;*/ margin-right:5px;}
.memContainer{}
.alert { float: right; margin-left: 5px; height: 140px; width: 200px;  border-left-style:dotted; border-left-width:1px; border-left-color:#CCC;}

.memContText {padding-bottom: 20px; padding-top:10px;}
.memberNumberTxt {float:left;font-weight:bold; padding-left: 150px;}
.securityPasswordTxt {float:left;font-weight:bold; padding-left: 140px;}

.memNumForm {padding-bottom: 0px; padding-right:0px;}
.secPassForm {padding-bottom:10px; padding-right:0px;}

.secPassBut {padding-bottom: 10px}


/*PIN SECURITY CHECK - CHANGES NOT NECESSAERY V4.1 - 6 DIGIT - SECURITY CHECK----------------------------------------------------------------*/
.mainContainerbkgdPin {background-color:#F0F0F0; width: auto; height: auto; text-align:right;}
.mainContainerPin {background-color:#F0F0F0;width: auto;height: auto;text-align:right;margin-right: 170px;padding-right:5px;border-right-style:dotted;border-right-width: 1px;border-right-color: #CCC;}

.pinContText {/*padding-bottom: 20px; padding-top:10px;*/}
.pinNumberTxt {float:left;font-weight:bold; padding-left: 142px;}
.dobPasswordTxt {float:left;font-weight:bold; padding-left: 140px;}

.memContainer{}
.dobContainer {}

.pinNumForm {padding-bottom: 0px; padding-right:0px;}
.inPassBut {padding-bottom: 10px}


/*PIN SECURITY CHECK - CHANGES NOT NECESSAERY V4.1 / 6 DIGIT PIN --------------------------------------------------------------------*/
.mainContbkgdSec2 {background-color:#F0F0F0; width: auto; height: auto; text-align:right;}
.mainContSec2{ background-color:#F0F0F0;width: auto;height: auto;text-align:right;margin-right: 170px;padding-right:5px;border-right-style:dotted;border-right-width: 1px;border-right-color: #CCC;}
.secContainer2{}
.secPassTxt2{float:left;font-weight:bold; padding-left: 170px; padding-bottom: 5px; padding-top: 2px; }
.secPassField2{padding-bottom: 0px; padding-right:0px; padding-bottom: 5px;}


/*PIN SECURITY CHECK - CHANGES NOT NECESSAERY V3.4 / 3 DIGIT PIN RANDOM---------------------------------------------------------------------*/
.mainContbkgdPin2 {overflow: hidden; width: 100%; height: 100%; background-color:#F0F0F0; }
.mainContPin2 {overflow: hidden; width: 100%; height: 100% ;text-align:right; margin-right: 50px; padding-top: 10px; background-color:#F0F0F0;  border-right-style:dotted; border-right-width: 1px; border-right-color: #CCC; }
.infoCont { display: none; position: relative; top: 25px; left:-370px; font-size:9px; color: #000; border: #999 solid 1px; background-color:#D8D8D8; padding-left:5px; float: right; width: 54%; height: 10px;  clear: both; height: auto; margin-top: 0px; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);}

.memContainer2{}
.pinContainer2{}
.dobContainer2{}

.memNumberTxt2{float: left; padding-bottom: 5px;  width: 48%; height: 20px; }
.pinNumberTxt2 {float: left; padding-bottom: 5px;   width: 48%; height: 20px; }
.dobPassTxt2 {float: left; padding-bottom: 5px;  width: 48%; height: 20px; }

.memNumField2{float: right; padding-bottom: 5px; text-align: left; width: 52%; height: 20px;}
.pinNumField2 {float: right; padding-bottom: 5px; text-align: left; width: 52%; height: 20px;}
.dobField2 {float: right; padding-bottom: 5px; text-align: left; width: 52%; height: 20px;}

.logPassBut2 {float: right; width: 100%; margin-right: 185px;}


/* 3 DIGIT PIN RANDOM - SECURITY CHECK ----------------------------------------------------*/
.mainContbkgdRand3 { background-color:#F0F0F0; padding-top: 10px; width: auto; height: auto;  text-align:right; /*border: solid 1px #F00;*/}
.mainContRand3 {background-color:#F0F0F0; width: auto; height: auto; text-align:right; margin-right: 80px; padding-right:5px; padding-top: 0px; border-right-style:dotted;border-right-width: 1px;border-right-color: #CCC; /*border: solid 1px #0F0;*/}

.dobContRand3 {}

.rand3PinTxt{float: left; padding-left: 300px; padding-top: 2px;}
.dobInputTxtRand3 {float: left; padding-left: 300px; padding-top: 2px;}

.pinNumFormRand3 { height: auto; padding-top: 5px; padding-right: 5px; /*border: solid 1px #F00;*/}
.pinPassButRand3 {padding-bottom: 10px; }


/*NEW RANDOM 3 DIGIT PIN---------------------------------------------------------------------------*/
.mainContbkgd3 { background-color:#F0F0F0; padding-top: 10px; width: auto; height: auto;  text-align:right; /*border: solid 1px #F00;*/}
.insertRandomPin3 {}
.dobForm3 {padding-bottom:10px; padding-right:0px;}


/*DIRECTORS AREA LOGIN-------------------------------------------------------------------------------*/
#pageInContOff{ position: relative; width:770px; height:100%; padding-top: 5px;  background-color: #FFF; border: solid 1px #FFF; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc); /*padding-bottom: 10px;*/}
#pageInContOff:after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}
#pagefooterOff { position: relative; width: 775px; height: 16px; left:-5px; margin:auto; text-align:center; font-size:10px; background-color:#fff; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc);}
#pagefooterOff a { color: #69C; font-size:10px;}

.officeLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F0F0;}
.officeTxtAlertCont{ float: right; width: 0%; height: 100%;}
.officeLogContInner{ position: relative; width: 100%;  height: 100%;}


/*DIRECTORS AREA LOGIN-------------------------------------------------------------------------------*/
#pageInContDir{ position: relative; width:770px; height:100%; padding-top: 5px;  background-color: #FFF; border: solid 1px #FFF; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc); /*padding-bottom: 10px;*/}
#pageInContDir :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}
#pagefooterDir { position: relative; width: 775px; height: 16px; left:-5px; margin:auto; text-align:center; font-size:10px; background-color:#fff; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc);}
#pagefooterDir a { color: #69C; font-size:10px;}

.directLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F0F0;}
.dirTxtAlertCont{ float: right; width: 0%; height: 100%;}
.dirLogContInner{ position: relative; width: 100%;  height: 100%;}


/*GRAPHIC INFORMATION BOXES BELOW DIRECTORS LOGIN------------------------------*/
.dirInfoCont{ position: relative; width: 80%; height: 110px; padding-top: 10px; }
.dirInfoSect1{ float: left; width: 5%; height: 25px;}
.dirInfoSect2{ float: left; width: 5%; height: 25px;}

.dirInfoTxt1{ float: right; width: 94%; height: 25px; }
.dirInfoTxt2{ float: right; width: 94%; height: 25px;}


/*USER AREA LOGIN-------------------------------------------------------------------------------------*/
#pageInContUser{ position: relative; width:770px; height:100%; padding-top: 5px;  background-color: #FFF; border: solid 1px #FFF; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc); /*padding-bottom: 10px;*/}
#pageInContUser :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}
#pagefooterUser {margin:auto; width: 770px; color:#FFF; text-align: right;}
#pagefooterUser a { color: #FFF;}

.userLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F0F0;}
.userTxtAlertCont{float: right; width: 0%; height: 100%;}
.userLogContInner{position: relative; width: 100%;  height: 100%;}


/*REPRESENTATIVES AREA LOGIN------------------------------------------------------------*/
#pageInContRep{ position: relative; width:770px; height:100%; padding-top: 5px;  background-color: #FFF; border: solid 1px #FFF; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc); /*padding-bottom: 10px;*/}
#pageInContRep :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}
#pagefooterRep {margin:auto; width: 770px; color:#FFF; text-align: right;}
#pagefooterRep a { color: #FFF;}

.repLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F0F0;}
.repTxtAlertCont{float: right; width: 0%; height: 100%;}
.repLogContInner{position: relative; width: 100%;  height: 100%;}


/*VOLUNTEERS AREA LOGIN------------------------------------------------------------*/
#pageInContVol{ position: relative; width:770px; height:100%; padding-top: 5px;  background-color: #FFF; border: solid 1px #FFF; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc); /*padding-bottom: 10px;*/}
#pageInContVol :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}
#pagefooterVol {margin:auto; width: 770px; color:#FFF; text-align: right;}
#pagefooterVol a { color: #FFF;}

.volLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F0F0;}
.volTxtAlertCont{float: right; width: 0%; height: 100%;}
.volLogContInner{position: relative; width: 100%;  height: 100%;}


/*WEBTELLER AREA LOGIN --------------------------------------------------------------*/
#pageInContWeb{ position: relative; width:770px; height:100%; padding-top: 5px;  background-color: #FFF; border: solid 1px #FFF; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc); /*padding-bottom: 10px;*/}
#pageInContWeb :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}
#pagefooterWeb {margin:auto; width: 770px; color:#FFF; text-align: right;}
#pagefooterWeb a { color: #FFF;}

.webLogCont{position: relative; width: 100%; height: 200px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F0F0;}
.webTxtAlertCont{ float: right; width: 0%; height: 100%;}
.webLogContInner{ position: relative; width: 100%;  height: 100%;}


/*LOST YOUR PIN---------------------------------------------------------------------------*/
.lostPinCont { position: relative; width: 100%; height: 80px; padding-top: 10px; padding-bottom: 10px; background-color:#F0F0F0;}
.lostPinTxtAlertCont{float: right; width: 0%; height: 100%;}
.lostPinContInner{ position: relative; width: 100%;  height: 100%;}
.lostPinTxt{ padding-left: 10px; padding-bottom: 5px; }


/* UNIVERSAL LOGIN CODE----------------------------------------------------------------*/
.userTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;}
.passwordTxt{ float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;}
.emailTxt{float: left; width: 38%; height: 20px; padding-top: 5px; text-align: right;}
.enterCode{ position: relative; top: 30px; float: left; width: 38%; padding: 3px; text-align: right;}

.userInputShort{ float:right; width: 59%; height: 20px; padding: 3px;}
.passwordInputShort{ float: right; width: 59%; height: 20px; padding: 3px;}
.emailInput{float: right; width: 59%; height: 20px; padding: 3px; }
.enterCodeInputShort{float: right; width: 59%; height: 30px; padding: 3px; padding-bottom: 5px; }

.captchaGraphic{ float: right; width:59%; height: 80px; padding-top: 10px;   }

.logButtin{float: right; width: 59%; text-align: left; padding: 3px; /*border: solid 1px #F00;*/}


/*HORIZONTAL RULE------------------------------------*/
#horzRule { width: 94%; height: 5px; padding-bottom: 0px; background-color:#EEE; border-top: dotted 1px #CCC; border-bottom: dotted 1px #CCC; }z


/* REMOVE SKYPE INJECTED MARKUP (Only works sometimes) -------------------------------------*/
span.skype_pnh_container { display: none !important; }
span.skype_pnh_print_container { display: none !important; }


/* RIGHT CONTAINER/ MODULELINKS/ NEWSHEADLINES/ LOGINAREA*/
#layoutDivide { float: left; width: 510px; height: 140px; }


/*SITEMAP CONTAINER AND NAVIGATION */
#siteMap { display: none; position: relative; width: 100%; height: 140px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-bottom: 20px; padding-left: 0px;  clear: both; background-color: #c6d1db; /*background-image: url(images/footer_bkgd.jpg); background-repeat: repeat-x;*/ text-align:center; border: 1px solid #0F0;}
#siteMapMenu { display: none; position: relative; width: 760px; border: 1px solid #00F;}