/*
--------------------
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; line-height:130%; !important/* IE LINE HEIGHT USED FOR IE9 AND MOZILLA 5.0 */ color: #2A536D; background-image: url(images/bkgd_gradient.jpg); background-repeat: repeat; }
* {margin:0; padding:0;}
html {}
a {color:#0099CC; font-size:12px; text-decoration:none;}
a:hover {text-decoration:underline; color:#006699;}
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 #CCCC99; width:100%; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; color:#333333; height: 300px;}
iframe.spotlightnew {border: 1px dotted #CCCC99; width: 200px; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 12px; color:#333333; height: 100px;}
img {border: none;}
p {padding-bottom: 10px; font-size: 12px; color: #2A536D; }
acronym {cursor: help; border-bottom: 1px dashed #CCCCCC;}
font, td {font-size: 12px; color: #2A536D;}
li {color: #2A536D;}

/* HEADINGS */
h1 {font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom: 5px; color: #69C;}
h2 {border-bottom: 1px dotted #BBCCDC; color: #4E7892; font-size: 15px; margin-bottom: 10px; padding-bottom: 5px; padding-top: 10px;}
h3 {font-size:14px; padding-bottom: 15px; color:#4e5c63; }
h4 {font: bold 16px  "Trebuchet MS", Arial, Helvetica, sans-serif; color: #289bdc; padding-bottom: 15px; }
h5 {font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #4e5c63; padding-bottom: 15px;}
h6 {font: 9px "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom: 15px;}


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


/* BUTTONS */
.button_search {background-image:url(../../templates/current/images/button_submit_bkgd.gif); background-repeat:repeat-x; height: 23px; width: 78px; padding: 0px; padding-left: 5px; border: 0px; margin: 0px; color:#FFFFFF; font-weight:bold; cursor:pointer;}
.button_submit {background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
background: linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */

border: 1px solid #6fa401; border-radius: 3px 3px 3px 3px;  color: #FFFFFF; cursor: pointer;  font-weight: bold; height: 24px; margin-left: 2px; margin-right: 2px;  padding-left: 10px;  padding-right: 10px; text-shadow: -1px 0 1px #577e06;}
.button_cancel { background: #f4b3a8; /* Old browsers */
background: -moz-linear-gradient(top,  #f4b3a8 0%, #f16f5c 50%, #f6290c 51%, #f02f17 59%, #ef8173 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4b3a8), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(59%,#f02f17), color-stop(100%,#ef8173)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* IE10+ */
background: linear-gradient(top,  #f4b3a8 0%,#f16f5c 50%,#f6290c 51%,#f02f17 59%,#ef8173 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4b3a8', endColorstr='#ef8173',GradientType=0 ); /* IE6-9 */

 border: 1px solid #da5340; border-radius: 3px 3px 3px 3px; color: #FFFFFF; cursor: pointer;  font-weight: bold;  height: 24px;  margin-left: 2px;  margin-right: 2px;  padding-left: 3px;  padding-right: 3px;  text-shadow: -1px 0 1px #c01700; }
.button_other {background: #b7deed; /* Old browsers */
background: -moz-linear-gradient(top,  #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* IE10+ */
background: linear-gradient(top,  #b7deed 0%,#71ceef 50%,#21b4e2 51%,#b7deed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */
 border: 1px solid #2fb8e4; border-radius: 3px 3px 3px 3px; color: #FFFFFF; cursor: pointer;  font-weight: bold;  height: 24px;  margin-left: 2px;  margin-right: 2px;  padding-left: 3px;  padding-right: 3px;  text-shadow: -1px 0 1px #2b6f85;}
.button_editor{ border:1px solid #F6F6EA;}
.tabletitleprint {float: right; width: 100px;}


/* FORM FIELDS */
input,select {height: 18px; color: #000; 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: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_long {width: 370px; border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_short {width: 110px; border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_shorter {width: 60px; border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_multiline {width: 180px; height: 100px; border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif; color: #000;}
.input_multiLarge {width: 280px; height: 160px; border: 1px #DDDDDD solid; font-size: 11px; 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: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_3char {width: 30px; border: 1px #DDDDDD solid; font-size: 11px; font-family: Arial, Verdana, Geneva, sans-serif;}
.input_4char {width: 40px; border: 1px #DDDDDD solid; font-size: 11px; 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, Helvetica, sans-serif; font-size: 11px; 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-top: 1px dotted #7295B3; border-bottom: 1px dotted #7295B3; margin-top: 4px; MARGIN-BOTTOM: 20px; border-collapse: collapse; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 11px; color:#2A536D;}
.tableform thead {color: #666; font-size: 9px;}
.tableform thead td, .tableform thead td {background-color:#7295B3; color: #ffffff; padding-left: 5px;}
.tableform tfoot {color: #828277; font-size: 10px;}
.tableform tfoot td {background-color:#E5E5DA; font-size: 10px;}
.tableform .dayColour{background-color:#E2E2D7;}
.tableform td {background-color: #eef2fb; font-family: Arial,Verdana,Geneva,sans-serif; font-size: 11px; padding: 5px 5px 5px 15px;}
.tableform table td {border: none; padding: 0px;}
.tablegrid { border: 1px dotted #AFC4D5; border-collapse: separate; border-spacing: 0; color: #333333; font-size: 11px; margin-top: 0; height:170px; padding:3px 10px; background: #eef2fb;}
.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 10px; border-bottom: 1px dotted #afc4d5; font-size: 12px; color: #2A536D; line-height: 18px;}
.tablegrid td.last {border:none;}
.tablegrid tr:last-child td {border:none;}
.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 { background: #2fa7e0; /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
border: 1px solid #0f3b5a; color: #FFFFFF;font-weight: bold; height: 24px; margin-left: 2px; margin-right: 2px;  padding: 2px; padding-left: 10px;  padding-right: 10px; text-shadow: -1px 0 1px #0f3b5a;}
.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: 0px; 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: 0px; padding-right: 0px; 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%; background-color;#e7e5e5; } 


/* PAGE CONTENT LAYER */
#pageContent{position: relative; width:950px; height:100%; text-align: left; margin: auto; padding-bottom: 0px; /*background-color: #fff;*/}
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:932px; height:100%; padding-top: 0px; padding-bottom: 60px; background-color: #fff;  /*background-image: url(images/bkgd_gradient_inner.jpg); background-repeat: repeat-x;*/}
#pageInnerContent:after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}


/* MASTHEAD FACILITIES*/
#facilities { position: absolute; width:700px; height: 20px; padding-bottom:4px; z-index:10000}
#facilities ul {margin: 0px; padding: 1px;}
#facilities li {display: block; float: right; padding-left:2px; padding-right: 2px;}
#facilities a { display: none;font-size: 11px; color:#FFF; text-decoration: none; /*display: block; vertical-align:bottom;*/}
#facilities a:hover {color:#9CF; text-decoration: underline;}
#facilities .divider {padding-left: 7px; margin-left: 4px; background:url(../../templates/current/images/divider.gif); background-position:left; background-repeat:no-repeat;}
#facilities #helpmenu {position:absolute; top:2px; left:774px; background:none; float:none; text-align:left; visibility:hidden; background-image:url(../../templates/current/images/sidebar_bkgd.gif); background-repeat: no-repeat; border: 1px solid #CCCCCC;}
#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:#0099FF;}


/*Social Networking Icons Facilities*/
#SocialNet{ z-index: 10; position: absolute; top: 25px; left: 550px;  width: 180px; height: 100px;  /*border: 1px solid #F00;*/ }
#SocialNetTxt { display: none; position: relative; float: left; color: #fff; font-size: 11px; width: 70px; /*border: 1px solid #0C0;*/}
#SocialNetIcons { position: relative; float: right; width: 100px; height: 100px;  top: -4px; right: 2px; /*border: 1px solid #0CF;*/ }
#SocialNetIcons img { list-style-image:none; margin-bottom:0.5em; /*border: 1px solid #FF0;*/ }
#SocialNetIcons a { display: inline; }


/* MASTHEAD */
#masthead {position: relative; width:950px; left: -10px; height: 128px; overflow: hidden; background: #0c6a97 url(../../templates/current/images/masthead_bkgd.gif) no-repeat bottom; }
#masthead .logo {position: absolute; top: 0px; left: 0px;}
#masthead #announcements { position: absolute; top: 70px; left: 270px; width: 280px; height: 44px; overflow: hidden; text-align: left; padding:0px; font-size: 15px; font-weight: bold; /* filter: alpha(opacity=0); -moz-opacity:0%; */ }
#masthead #announcements a {color: #FFF; font-size: 15px;}
#masthead #announcements a:hover {text-decoration:underline; color:#FFF;}
#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: absolute; top:7px; left:8px; height: 39px; width: 91%;}
#byline .contactdetails {position: absolute; top: 0px; right: 0px; padding-left: 10px;}
#byline .contactdetails:after { color: #68cb00; content:"Tel: 01 8670509"; font-size:15px; font-weight: bold; }
#byline .contactdetails p {display: none;}
#byline .contactdetails strong {color: #FF9900;}
#byline .currentdate { display: none; position: absolute; top: 0px; left: 400px; width: 350px; padding-right: 10px; text-align: right;}
#byline_members { color: #FFFFFF;position: relative; left:-9px; width: 950px; height: 33px; padding-top: 12px; margin-bottom: 0px; overflow: hidden; color: #FFFFFF; background:url(../../templates/current/images/menu_bkgd.gif) top repeat-y;}
#byline_members .contactdetails {float: left; padding-left: 30px; color: #FFFFFF;}
#byline_members .contactdetails p { color: #FFFFFF;}
#byline_members .contactdetails strong { color: #FFFFFF;}
#byline_members .currentdate {float: right; padding-right: 30px; color: #FFFFFF;}


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


/* MAIN NAVIGATION MENU */
#mainmenu { position: relative; left: -25px; height: 45px; width: 950px; margin: auto; overflow: hidden; text-align: center; background:url(../../templates/current/images/menu_bkgd.gif); background-repeat: no-repeat;}
html>body #mainmenu {height: auto; overflow: hidden;} /*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; text-transform:capitalize; white-space: nowrap; float: left; display: block; width:auto !important;/*background:url(../../templates/current/images/menu_divider.gif) top right no-repeat;*/}  /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/
#mainmenu li#section7.section_selected {background:none;}
#mainmenu a {height: 45px;text-align: center; font-size: 13px; font-weight:bold; color:#FFFFFF; text-decoration: none; display: block; line-height: 34px; padding-top: 0px;  padding: 0 18px; /*text-shadow: -1px 0 1px rgba(0, 0, 0, 0.5);}*/}
#mainmenu a:hover {color: #fff; height: 38px; text-decoration: none; background:url(../../templates/current/images/menu_bkgd_selected.gif);  background-repeat:no-repeat; background-position:center; }
#mainmenu .lastSection { width: auto; background: none; margin-left: 20px;/**/}


/* POP-OUT MENUS - NEED TO OVERRIDE SOME OF THE STYLES IN THE MAINMENU*/
#mainmenu ul li ul li {padding:0; margin-top:0px;}
/* POP-OUT MENUS - NEED TO OVERRIDE SOME OF THE STYLES IN THE MAINMENU*/
#mainmenu li .popoutmenu {  z-index: 10;position: absolute;/**/ margin-top: 10px; text-align: left; visibility:hidden; -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1); box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1); margin-top: 1px; background:#2699db;}
#mainmenu li .popoutmenu ul {height:auto; padding:0; margin:0; display:inline;}
#mainmenu li .popoutmenu li {text-align: left; white-space: normal; height: auto; display:list-item; list-style: none; border-bottom: 1px dotted #99B6CF; font-weight: normal; width:auto; background:#2699db;}
html>body #mainmenu .popoutmenu li {width: 100%;} /*WIDTH ABOVE SET TO 400% FOR IE5/IE6. THIS LINE CORRECTS THE WIDTH FOR ALL OTHER BROWSERS*/
#mainmenu li .popoutmenu li  a {color: #FFFFFF; text-shadow: -1px 0 0 rgba(0, 0, 0, 0.2); display: block; font-family: verdana; font-size: 11px;  height: auto; font-style: normal; font-weight: normal; line-height: 14px; padding: 7px 0 7px 5px; text-align: left; text-decoration: none; background:none; width: auto; border-bottom:none; -webkit-transition: all 0s linear; /*safari and chrome */-moz-transition: all 0s linear; /* firefox */-o-transition: all 0s linear; /* opera */margin:0; text-transform: none;}
#mainmenu li#section61 .popoutmenu li a:hover, #mainmenu li .popoutmenu li a:hover{text-decoration:none; color:#cfe7f5; line-height: 14px; height: auto; background: #70c2f1; text-shadow: 1px 0 0 rgba(0, 0, 0, 0.2); border-bottom:none; border-top:none; width: auto; margin:0; padding: 7px 0 7px 5px;}


/* TEXT CONTENT & NAVIGATION CONTAINER */
#contentarea {position: relative; float: right; width: 680px; min-height: 500px; margin-top: 10px; margin-right: 15px; /*background-color: #FFFFFF;*/ }
#contentarea .pagetitle { height:15px; text-align:right; /*vertical-align: middle; */margin-top:4px; margin-bottom:15px; margin-right:0px; padding: 5px; padding-right: 15px; color: #68bceb; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size: 15px; font-weight: bold; background-color: #31383c; border-bottom: 1px solid #68bceb;}
#contentarea .pagecontent p {text-align:left; font-family: Arial, Helvetica, sans-serif; line-height: 18px; color: #445B69; font-size: 12px;}
#contentarea .pagecontent h2 { border-bottom: 1px dotted #BBCCDC; color: #1b3561; font-size: 15px; margin-bottom: 10px; padding-bottom: 5px; padding-top: 10px;}
#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: 30px; margin-top: 10px; /*vertical-align: middle;*/ color: #94c414; font-size: 17px; font-weight: bold;  /*background:url(../../templates/current/images/pagetitle_bkgd.gif)top left no-repeat;*/ }
#contentarea .pagecontent_members { position: relative; margin-bottom: 15px; min-height:320px; }
#contentarea .pagecontent_members h3 {color: #445B69; padding-bottom: 5px;}
#contentarea .pagecontent_members p {margin-bottom:0px;}
#contentarea .pagetitle_image {float: right; background-repeat:no-repeat; height:50px; width: 100px; display:none;}
#contentarea .information_layer {position:absolute; left: 365px; visibility:hidden; text-align: left;}
#contentarea .information_layer td {font-size: 9px; border: none;}

#memberscontentarea {position: relative; float: right;  } !important /* This is needed for the precision template to allow the submenu to display correctly under the memebrmenu*/


/* DIRECTOR AREA */

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


/* FLASH / ANNOUNCEMENTS / CUSTOM AREA ACTIVATED */
#flashcontainer_custom { margin-left: auto; margin-right: auto; clear: both; width: 758px; text-align: center; height: 225px;/*border: solid 1px #F00;*/}
#flash_area { float: left;  width: 580px; height: 220px;  border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(templates/current/PIE.htc); border: solid 1px #E6E6E6;/**/ }
#flash_area_custom { float: right; width: 175px; height: 224px;/* border: solid 1px #C6E2FF;background-color:#D7EBFF;*/  background-image:url(images/custom_flash.jpg); background-repeat: no-repeat; }


/* FLASH / ANNOUNCEMENTS CONTAINERS */
#flashcontainer { z-index: 800; position: relative; top: -6px; margin-left: auto; margin-right: auto; clear: both; width: 900px; text-align: center; height: 300px;}
#announcements_content {margin-top: 5px; margin-bottom: 5px; padding: 5px; background-color: #EEEEEE; border: 1px solid #DDDDDD; height: 20px; overflow: visible; width: 746px; filter: alpha(opacity=0); -moz-opacity:0%;}
#announcements_content_dynamic { position: relative; float: left; width: 100%; padding-top: 10px; margin-bottom: 10px; border-bottom: 1px dotted #c0c0c0; }
#announcements_content_dynamic h1 { display: none; font-size: 16px; color:#279adc; font-style: italic; font:Georgia, "Times New Roman", Times, serif;}
#announcements_content_dynamic p { color:#279adc; font-style: italic; font:Georgia, "Times New Roman", Times, serif;}
#announcements_login {float:right; height: 20px; width: 470px; background-image:url(images/announce_login_icon.jpg); background-repeat:no-repeat; background-color:#FFF; padding-top:4px; overflow: visible;  filter: alpha(opacity=0); -moz-opacity:0%;}
#announcements_login a {padding-left:23px;  font-size: 11px; font-weight: normal; color:#F90; text-decoration: none;}
#announcements_login a:hover {text-decoration: underline;}
#announcements_members {margin-bottom: 11px; padding: 0px; background-image:url(images/announce_login_icon.jpg); background-repeat:no-repeat; background-color:#FFF; padding-top:4px;/*border: 1px dashed #EEEEEE;*/ height: 50px; overflow: visible; width: 300px; filter: alpha(opacity=0); -moz-opacity:0%;}
#announcements_members a {padding-left:23px; font-size: 11px; font-weight: normal; color:#F90; text-decoration: none;}


/* MINI FLASH CONTAINER*/

#mini_flashcontainer {position: relative ; float: right; width: 291px; height: 176px; padding-left: 20px; padding-top: 5px;  border-bottom: 1px dotted #c0c0c0;}
#altAnnouncement { position: relative; top: 70px; padding:3px; font-size:11px; background-color:#f0f5f7; border: 1px solid #edf4f6; border-radius: 7px; -webkit-border-radius:7px; -khtml-border-radius: 7px; -moz-border-radius: 7px;  behavior: url(templates/current/PIE.htc);}


/* RIGHT CONTAINER/ MODULELINKS/ NEWSHEADLINES/ LOGINAREA*/
#layoutDivide {height: 100%;}


/* SUBMENU (CONTENT PAGES ONLY) */
#submenu {margin-top: 10px; margin-bottom: 5px; margin-left: 5px; padding: 5px; width: 185px; }
#submenu .title_subsections { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #81b50f; font-size: 17px; font-weight: bold; margin-bottom: 10px; }
#submenu li {list-style-type: none; padding-top: 5px; padding-left: 15px; background:url(../../templates/current/images/bullet_green.gif) no-repeat; background-position: 0px 8px;}
#submenu a {color: #81b50f; font-size: 14px; font-weight: normal}
#submenu a:hover {text-decoration:underline; color:#0099FF;}


/* SUBMENU (YOUTHZONE SIDE MENU) */
#submenu_youth {margin-top: 2px; margin-bottom: 5px; padding: 5px; width: 160px; border-right: 1px dotted #CCCCCC; background-image:url(../../templates/current/images/sidebar_bkgd.gif); background-repeat: no-repeat;}
#submenu_youth .title_subsections {font: bold 16px Arial, Verdana, Helvetica, sans-serif; color: #F99404;}
#submenu_youth 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;}
#submenu_youth a {color: #666666;}
#submenu_youth a:hover {text-decoration:underline; color:#0099FF;}


/* NAVIGATION SELECTED ITEMS */
#mainmenu .section_selected {font-weight: bold; background:url(../../templates/current/images/menu_bkgd_selected.gif) repeat-x; /*background-position: center; background-position: 10px 0px;*/background-repeat:no-repeat; background-position:center 0px; }
#mainmenu .page_selected a {font-weight: bold; /*background-color: #D5E5F5;*/}
#submenu .subitem_selected a {border-bottom: 1px dotted #81b50f; font-weight: bold; }

/* MEMBER AREA */
#membermenu {float: left; width: 160px;  margin-left: 0px; margin-bottom: 10px; margin-right: 10px; border-top: 1px solid #82badb; background-color: #2699db;}
#membermenu li {list-style-type: none; padding: 4px; border-bottom: 1px dotted #82badb;}
#membermenu a {color: #fff;}
#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 { margin-left: 0px; float: left; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 0px solid #64b4d0; background-color: #43c5eb; }
#submenu_members ul {padding-left: 0px; margin-bottom: 0px;}
#submenu_members li {list-style-type: none; padding: 4px; border-bottom: 1px dotted #95d9ed;}
#submenu_members a {color: #fff;}
#submenu_members .title_subsections { color: #fff; font-weight: bold; padding: 5px; border-bottom: 2px solid #ffffff;}


/* SUBMENU (DIRECTORS AREA) */
#directorsAreaPage #submenu_members {position:absolute; left:-182px; top:200px; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8;}

/* SUBMENU (USER AREA) */
#userAreaPage #submenu_members {position:absolute; left:-183px; top:175px; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8;}


/* SUBMENU (USERS AREA) */
#submenu_users {float: left; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8;}
#submenu_users li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3;}
#submenu_users a {color: #666666;}


/* SUBMENU (DIRECTORS AREA) */
#submenu_directors {float: left; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8;}
#submenu_directors li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3;}
#submenu_directors a {color: #666666;}


/* SUBMENU (YOUTHZONE AREA) */
#submenu_volunteers{float: left; width: 160px; margin-bottom: 10px; margin-right: 10px; border-top: 2px solid #5EA6E3; background-color: #E4EFF8;}
#submenu_volunteers li {list-style-type: none; padding: 4px; border-bottom: 1px solid #5EA6E3;}
#submenu_volunteers a {color: #666666;}


/* OFFICE AREA NAVIGATION */
#adminmenu { background: #c7d3d8; margin-bottom: 0; width: 180px; float:left; margin-top:0px; }
#adminmenu ul { padding-top: 5px; }
#adminmenu li {height: auto; list-style-type: none; padding: 7px 0;}
#adminmenu li a {padding-bottom: 7px; padding-left: 15px; padding-top: 7px; text-decoration: none;}
#adminmenu li:hover {background: #e6f4fa; }
#adminmenu li a { color: #2A536D;}
#adminmenu li strong {color: #2A536D; font-size: 12px; font-weight: normal; margin-left: 15px;}
#adminmenu ul li ul {display: none;}
#adminmenu ul li ul li { margin-bottom: 0;  padding: 0px; width: 180px;}
#adminmenu ul li ul li a {color: #666666; display:block; font-size:12px; padding-bottom: 3px; padding-left: 25px; padding-top: 7px; text-decoration: none; font-size:11px;}
#adminmenu ul li ul li a:hover {text-decoration:underline;}
#adminmenu .expanded {display: inline-block;}


/* TOOLS & RESOURCES SECTION (MODULE LINKS) */
#modulelinks {float:left; width: 282px; height: 175px; padding: 3px; border-bottom: 1px dotted #c0c0c0;}
#modulelinks li {list-style-type: none; line-height: 20px; padding-top: 5px; padding-left: 15px; background:url(../../templates/current/images/bullet_blue.gif) no-repeat; background-position: 0px 8px;}
#modulelinks a {color: #66cc00; font-size: 14px;}
#modulelinks a:hover {text-decoration:underline; color:#0099FF;}
#modulelinks_contentpage {text-align:left;  width: 170px; margin-bottom: 10px; padding: 10px; border-bottom: 0px solid #e1e1e1;}
#modulelinks_contentpage li {list-style-type: none; padding-top: 5px; padding-left: 15px; background:url(../../templates/current/images/bullet_blue.gif) no-repeat; background-position: 0px 8px;}
#modulelinks_contentpage a {color: #289bdc; font-size: 15px;}
#modulelinks_contentpage a:hover {text-decoration:underline; color:#0099FF;}


/* NEWS HEADLINES */
#newsheadlines { float: left; width: 277px; height: 175px; padding: 3px; padding-left: 20px; border-bottom: 1px dotted #c0c0c0; }
#newsheadlines h3 {color: #006699; font-size: 14px; padding-top: 10px;}
#newsheadlines a {text-decoration: none; color: #666666; font-size: 11px; }
#newsheadlines a:hover {text-decoration: none; color:#3E8CCC;}
#newsheadlines_contentpage {margin-bottom: 5px; width: 170px; height: 250px; padding-bottom: 10px; overflow: hidden;}
#newsheadlines_contentpage h3 {color: #006699; font-size: 14px; }
#newsheadlines_contentpage a {text-decoration: none; color: #666666; font-size: 11px; }
#newsheadlines_contentpage a:hover {text-decoration: none; color: #3E8CCC;}
#news_content { width: 90%; font-size: 11px;  background-color:#FFF; position: relative; filter: alpha(opacity=0); -moz-opacity:0%;}
#newsheadlines .newslinks a {color: #009933; font-weight: bold; text-decoration: none;}
#newsheadlines_contentpage .newslinks a {color: #009933; font-weight: bold; text-decoration: none; padding-left:5px;}


/* NEWS HEADLINES STATIC */
.newsArticleDate { padding-left:21px; padding-right:20px; font-size: 10px;  }
.newsArticleText { padding-left:21px; padding-right:20px; padding-bottom: 0px; font-size: 9px;   }
.newsArticleLink { text-align: right; padding-left:21px; color: #F00; text-decoration: underline;text-transform: uppercase;/* */ padding-right:20px; font-size: 9px;  }
.newsArticleLink p { color: #20368c;}
.newsArticleLink a {color: #20368c; font-size: 9px; text-decoration: underline; }


/*QUICK LINKS*/
#quick_links { position:absolute; top: 327px; left: 258px;  width: 243px; height: 140px;  margin-top: 60px; /*border: 1px solid #F00;*/ background-image: url(images/title_quick_links_homepage_bkgd.jpg); background-repeat: no-repeat; }
#quick_links li {margin-left: 15px; 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: underline #666666;}
#quick_links a:hover {text-decoration: underline; color: #063;}


/* LOGIN / YOUTHZONE / LIVE CHAT LAYER / CUSTOM BUTTON ---- * ABSOLUTE POSITIONING*/
/*#loginarea { /*position: absolute; top: 310px; left: 510px; float: right; width: 31%; height: 260px; padding-right: 3px; padding-left: 5px; text-align: right;/*border-left: 1px dotted #999999;}*/ /*USED WHEN CUSTOM BUTTON IS ACTIVATED */
/* LOGIN / YOUTHZONE / LIVE CHAT LAYER  */
#loginarea { position: absolute; top: -98px; left: 670px; width: 228px; text-align: right; float: right; height: auto; padding-right: 3px;}/*USED WHEN CUSTOM BUTTON IS DE-ACTIVATED */
#loginarea img {margin-bottom: 5px;}
#loginarea_contentpage {position: absolute; top: -98px; left: 670px; width: 228px; text-align: right; float: right; height: auto; padding-right: 3px;}
#loginarea_contentpage img {margin-bottom: 5px;}
#loginarea a:hover {border: 0px;}  


/* HOMEPAGE SPOTLIGHTS*/
#spotlight1 {position: relative; width:288px; float: left;  padding: 3px; clear: left; margin-right: 3px; margin-top: 10px;}
#spotlight2 {position: relative; width:288px; float: left;  padding: 3px; margin-left: 5px; margin-top: 10px; }
#spotlight3 {position: relative; width:288px; float: right; padding: 3px; margin-top: 10px;}
.spotlight_title { height: 25px;  padding-top:0px; padding-left: 5px; padding-right:5px; padding-bottom: 10px;} /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/
.spotlight_title h4 {color: #289bdc; font-size: 20px;  }
.spotlight_container { position: relative; margin-top: 10px; min-height: 130px; padding-left: 1px; padding-right: 0px; padding-top: 0px; }
.spotlight_text p { position: absolute; margin-left: 0px; width:68%; height: auto; top:0px; left:0px; padding-bottom: 5px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#45536c; line-height: 16px; }
.spotlight_image_upload { position: relative; float:right; top: 0px; width:auto; height: auto;  margin-right: 10px;margin-bottom:10px; background:#FFF; border: 0px solid #b0c2d4;}
.spotlight_link { position: absolute; bottom: -5px; left: 0px;  width: 95%; height: 14px; text-align: right;  /*background-color: #8fca15;*/ border-top: 0px solid #8fca15; }
.spotlight_link a { color: #006699; font-weight: bold; font-style:italic; font-size: 12px;  }
.spotlight_link a:hover { text-decoration: none; border-bottom: 1px dotted #3E8CCC;}

/* CONTENT SPOTLIGHTS*/
#contSpotContainer{position: relative; float: right;width: 580px;height: 100px; top: auto;}
#spotLight4{float: left; width: 181px; height: 95px; background-image: url(images/onlineLoan_contentpage.jpg); background-repeat: no-repeat; padding-top: 45px; padding-left: 10px; }
#spotLight5{float: left;  width: 181px; height: 95px; background-image: url(images/mabs_contentpage.jpg); background-repeat: no-repeat;  padding-top: 45px; padding-left: 10px;}
#spotLight6{float: right; width: 181px; height: 95px; background-image: url(images/news_contentpage.jpg); background-repeat: no-repeat;  padding-top: 45px; padding-left: 10px;}


/* FOOTER */
#pagefooterIndex { position: relative; left: -10px; width: 930px; height: 45px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px;  clear: both; background-color: #c6d1db; margin-top: 3px; }
#pagefooterPublic { position: relative; left: -10px;width: 930px; height: 45px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px;  clear: both; background-color: #c6d1db; margin-top: 3px; }
#pagefooterOther { position: relative; left: -10px;width: 930px; height: 30px; top: 0px;  margin-left: auto; margin-right: auto; margin-bottom: 5px; clear: both; text-align: center; font-size:11px; background-color: #c6d1db; padding-top: 10px; margin-top: 3px; } 
#pagefooterOther a { font-size: 11px; }
html>body #pagefooter { }
.ProgressLogo { position: absolute; top: 5px; right: 10px; }
#footerDetails{ width:890px; margin:auto; padding-top: 8px; text-align: left; color: #323f46; text-decoration: none; font-size:11px;/*border: 1px solid #0FF;*/}
#fsrnTextOff{ float: left;  color: #323f46; text-decoration: none; font-size:10px; text-align: left; padding-left: 10x;}
#pagefooterAlternative{ float: left; width: 300px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-left: 20px; text-align: left; font-size: 11px; color: #323f46; clear: both; /*border: solid 1px #F00;*/ }
#fsrnTextAlternative{}
html>body #pagefooter {} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */


/*Social Networking Icons Footer*/
#SocialNetFooter{ display: none; position: relative; float: left; /*z-index: 10;*/ width: 170px; height: auto; top: 0px; left: 0px;  border: 1px solid #F00; /**/ }
#SocialNetTxt { position: relative; float: left; color:#333; font-size: 11px; width: 70px; /*border: 1px solid #0C0;*/}
#SocialNetIcons { position: relative; float:left; width: 100px; height:auto; top: -4px; right: 2px; /*border: 1px solid #0CF;*/ }
#SocialNetIcons img { list-style-image:none; /*border: 1px solid #FF0;*/ }
#SocialNetIcons a { display: inline; }


/*SITEMAP CONTAINER AND NAVIGATION */
#siteMap { position: relative; width: 100%; height: 60px; margin-left: auto; margin-right: auto; padding: 0px; clear: both; background-color: #c6d1db; text-align:center; background-image:url(images/sitemap_bkgd.gif); background-repeat: repeat; }
#siteMapMenu { display: none; position: relative; width: 776px; height: 100%; margin-left: auto; margin-right: auto; white-space: nowrap; padding-bottom: 1px; height: 28px; display: block; text-align:center; font-weight: bold; }
#siteMapMenu li {display: none; text-align: left; white-space: nowrap; padding-bottom: 1px; padding-left:11px; padding-right: 11px; height: 28px; float: left; display: block; }
#siteMapMenu li a{ display: none; font-size: 11px; color: #0054A4;}
#siteMapMenu li ul a{ display: none; font-size: 9px; font-weight: bold; color: #999;}


/*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; display:none;}
.curvedBox .r2 {margin:0 3px; display:none;}
.curvedBox .r3 {margin:0 2px; display:none;}
.curvedBox .r4 {margin:0 1px;height:2px; display:none;}
.curvedBox .content{background:#F0F0F0; border-left:1px solid #F0F0F0; border-right:1px solid #F0F0F0 ;padding:5px;}


/* GRAPHIC ICONS BELOW LOGIN AREA ----------------------------------------------------------------------------------------------------------------*/
.Lost_bkgd { position: absolute; top: 350px;  font-size:11px; background-image: url(../../images/essentials/lost_pin_bkgd.jpg);background-position: right center;  background-repeat: no-repeat; height: 37px; padding-left: 11px; padding-top: 8px;  right: 5px; text-align: left;   width: 280px; color: #2A536D;}
.Lost_bkgd a { font-size:11px;}

.register { position: absolute; top: 395px;font-size:11px; background-image: url(../../images/essentials/reg_pin_mem_log_bkgd.jpg);background-position: right center;  background-repeat: no-repeat; height: 37px; padding-left: 11px;  padding-top: 8px; text-align: left;   width: 280px; color: #2A536D;}
.register a {font-size:11px;}

.security { position: absolute;  top: 350px; font-size:11px; background-image: url(../../images/essentials/security_mem_log_bkgd.jpg); background-position: right center; background-repeat: no-repeat;  height: 37px; padding-left: 11px; padding-top: 8px; text-align: left;    width: 280px; color: #2A536D;}
.security a { font-size:11px;}

.problems { position: absolute; top: 395px; font-size:11px; background-image: url(../../images/essentials/problem_mem_log_bkgd.jpg);background-position: right center; background-repeat: no-repeat;  height: 37px; padding-left: 11px; padding-top: 8px; right: 5px; text-align: left; width: 280px; color: #2A536D;}
.problems a { font-size:11px;}

.browzer {position: absolute; top: 350px; font-size:11px; background-image: url(../../images/essentials/browzer_info_bkgd.jpg);background-position: right center; background-repeat: no-repeat;  height: 37px;  padding-left: 11px; padding-top: 8px; right: 0; text-align: left; width: 280px; color: #2A536D;}
.browzer a { font-size:11px;}

/*COOKIE CONSENT -----------------------------------------------------------------------*/
.CookieConsentMemo { background: url(../../images/memo_bgr.png) no-repeat scroll 0 0 transparent; font-family: Arial; font-size: 12px; height: 270px; margin: 10px; padding: 67px 18px 20px; position: fixed;  right: 0;  text-align: left; top: 0; width: 143px; z-index: 9999;}
#lyrCookieConsent h2 { font-size: 16px; text-shadow: -1px 0 1px white; color: #fd8f04; border:none; margin-bottom:3px; padding-top: 0px;}
#lyrCookieConsent p {color: #555555; font-family: Arial; font-size: 12px; text-align: left; line-height: 16px;}
#cookieConsentForm {  color: #555555; font-family: Arial; font-size: 12px; text-align: left;}
#rdCookieConsent0 { margin: 5px 0;}
#cookieConsentForm .button_submit { background: url("images/memo_btn.jpg") no-repeat scroll 0 0 transparent; border: medium none; cursor: pointer; font-family: Arial; font-size: 12px; font-weight: bold; height: 30px;  margin-top: 13px;  padding-bottom: 5px;  padding-right: 6px; text-shadow: -1px 0 1px rgba(0, 0, 0, 0.3); width: 55px;}


/*PIN SECURITY CHECK - CHANGES NOT NECESSAERY V4.1 - 6 DIGIT--------------------------------------------------------------------------------*/
.mainContainerbkgd {background-color:#EEF2FB; width: auto; height: auto; text-align:right;}
.mainContainer {background-color: #EEF2FB; border-bottom: 1px dotted #7295B3;  border-top: 1px dotted #7295B3;  float: left;  height: auto; margin-right: 5px; margin-top: 10px;  padding: 10px 0 20px; text-align: right;  width: 100%;}
.memContainer{}
.alert { float: right; margin-left: 20px; height: 140px; width: 150px;  border-left-style:dotted; border-left-width:1px; border-left-color:#7295B3;}

.memContText {padding-bottom: 20px; padding-top:10px; color: #2A536D;}
.memberNumberTxt {float:left;font-weight:bold; padding-left: 280px; color: #2A536D;}
.securityPasswordTxt {float:left;font-weight:bold; padding-left: 270px; color: #2A536D;}

.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: #EEF2FB; padding-top: 10px; width: auto; height: auto;  text-align:right; /*border: solid 1px #F00;*/}
.mainContRand3 {background-color: #EEF2FB;  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: 400px; padding-top: 2px;}
.dobInputTxtRand3 {float: left; padding-left: 320px; 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: #EEF2FB; border-bottom: 1px dotted #7295B3;  border-top: 1px dotted #7295B3; padding-top: 10px; width: auto; height: auto;  text-align:right; /*border: solid 1px #F00;*/}
.insertRandomPin3 {}
.dobForm3 {padding-bottom:10px; padding-right:0px;}


#pageInContOff{ position: relative; width:782px; height:100%; padding-top: 5px;  background-color: #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: 782px; height: 20px; top: -15px;  margin-left: auto; margin-right: auto; margin-bottom: 5px; clear: both; text-align: center; font-size:11px; 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{ background-color: #e4f0f5; border-bottom: 1px dotted #a0d2e8; border-top: 1px dotted #a0d2e8;  float: left;  height: auto;  margin-right: 5px;  margin-top: 5px;  padding: 10px 0 10px; width: 100%;}
.officeTxtAlertCont{ float: right; width: 0%; height: 100%;}
.officeLogContInner{ position: relative; width: 100%;  height: 100%;}


/*DIRECTORS AREA LOGIN-------------------------------------------------------------------------------*/
#directorsAreaPage #contentarea .directors_content {position: relative; float: left; width: 68%;}
#directorsAreaPage #contentarea .directors_sidebar { position: relative; float: right;}
#pageContent #pageInContDir{ position: relative;  width:930px; height:100%; padding-top: 0px; padding-bottom: 0px; background-color:#fff; /*background-image:url(images/bg_content.png);*/}
#pageContent #pageInContDir :after {clear:both;content:".";display:block;height:0pt; visibility:hidden;}
#pageInContDir #masthead {margin-left: 0px;}
#pageInContDir #byline_members {}
#pagefooterDir { position: relative; width: 930px; height: 30px; left: -10px; margin-left: auto; margin-right: auto; clear: both; text-align: center; font-size:10px; background-color:#fff; border-top: 1px dotted #4b5d7d; padding-top: 10px;}
#pagefooterDir a { color: #69C; font-size:10px;}


.directLogCont{position: relative; background-color: #dceef6; border-bottom: 1px dotted #7295B3; border-top: 1px dotted #7295B3;  float: left;  height: auto;  margin-right: 5px;  margin-top: 20px;  padding: 10px 0 10px; width: 100%;}
.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:782px; height:100%; padding-top: 10px; padding-bottom: 5px;   background-color: #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 {position: relative; width: 782px; height: 20px; top: -20px;  margin-left: auto; margin-right: auto; margin-bottom: 5px; clear: both; text-align: center; font-size:11px; background-color:#fff; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc);}
#pagefooterUser a {}

.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:782px; height:100%; padding-top: 10px; padding-bottom: 5px;   background-color: #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 {position: relative; width: 782px; height: 20px; top: -120px;  margin-left: auto; margin-right: auto; margin-bottom: 5px; clear: both; text-align: center; font-size:11px; background-color:#fff; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc);}
#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:782px; height:100%; padding-top: 10px; padding-bottom: 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 {position: relative; width: 782px; height: 20px; top: -20px;  margin-left: auto; margin-right: auto; margin-bottom: 5px; clear: both; text-align: center; font-size:11px; background-color:#fff; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc);}
#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:782px; height:100%; padding-top: 10px; padding-bottom: 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 {position: relative; width: 782px; height: 20px; top: -20px;  margin-left: auto; margin-right: auto; margin-bottom: 5px; clear: both; text-align: center; font-size:11px; background-color:#fff; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc);}
#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: 5px;  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;}


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


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