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



--------------------
TEMPLATE: ELEVATION
--------------------
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                                    .
IE7                                    Y
IE8
OPERA                                  Y
SAFARI                                 Y         .
CHROME                                 Y
FIREFOX2                               Y
FIREFOX3							   Y
NETSCAPE7                              .
---------------------------------------------------------------------
*/
 

/* HTML TAG RE-DEFINITIONS */
body{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; background-color: #FFF;  /*background-image: url(../../templates/current/images/bkgd_page.gif)*/;}
* {margin:0; padding:0;}
html {}
a {color:#4e8ebe; font-size:12px; text-decoration:underline;}
a:hover {text-decoration:underline; color:#00CCCC;}
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, Helvetica, sans-serif; font-size: 11px; color:#333333; height: 300px; }
iframe.spotlightnew {border: 1px dotted #CCCC99; width: 200px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#333333; height: 100px; }
img {border: none;}
p {margin-bottom: 10px; font-size: 12px; }
acronym {cursor: help; border-bottom: 1px dashed #CCCCCC;}
font {font-size: 12px;}


/* HEADINGS */
h1 {font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom: 5px; color: #23408f;}
h2 {font-size:14px; padding-bottom: 5px; color:#6caedf; text-align:left;}
h3 {font-size:14px; padding-bottom: 5px; color:#666666; }
h4 {color: #CC0000; padding-bottom: 15px; font: bold 14px;}
h5 {font-size: 11px; color: #999999; padding-bottom: 15px;}
h6 {font: 9px padding-bottom: 15px;}


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


/* BUTTONS */
.button_submit {font-size: 10px; background-image:url(../../templates/current/images/button_submit_bkgd.gif); background-repeat:repeat-x; border: 0px solid #EEEEEE; color:#FFFFFF; letter-spacing: 1px; font-weight: bold;}
.button_cancel {background-image:url(../../templates/current/images/button_cancel_bkgd.gif); background-repeat:repeat-x; border: 0px solid #EEEEEE; color:#FFFFFF; font: bold;}
.button_other {background-image:url(../../templates/current/images/button_other_bkgd.gif); background-repeat:repeat-x; border: 0px solid #EEEEEE; color:#FFFFFF; font: bold;}
.button_editor{border:1px solid #F6F6EA;}


/* FORM FIELDS */
input,select {height: 18px; color: #999999; font-size: 11px; font-family:Arial, Helvetica, 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, Helvetica, sans-serif;}
.input_long {width: 370px; border: 1px #DDDDDD solid; font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
.input_medium {width: 250px; border: 1px #DDDDDDD solid; font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
.input_short {width: 110px; border: 1px #DDDDDD solid; font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
.input_shorter {width: 60px; border: 1px #DDDDDD solid; font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
.input_multiline {width: 180px; height: 100px; border: 1px #DDDDDD solid; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #999999;}
.input_multiLarge {width: 280px; height: 160px; border: 1px #DDDDDD solid; font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #999999;}
.input_nosize {border: 1px #DDDDDD solid; font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
.input_2char {width: 20px; border: 1px #DDDDDD solid; font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
.input_3char {width: 30px; border: 1px #DDDDDD solid; font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
.input_4char {width: 40px; border: 1px #DDDDDD solid; font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
.input_search {height:13px; width: 90px; font-size: 11px; font-family:Arial, Helvetica, sans-serif;}
.input_invisible {border: 0px solid; color: #666666; font: Verdana, 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, Helvetica, sans-serif; border: 1px #DDDDDD solid; width: 300px;}
.input_editor_subtitle {font-size:12px; color:#3E8CCC; font-family:Arial, Helvetica, sans-serif; border: 1px #DDDDDD solid; width: 300px;}
.input_webteller {width: 120px; border: 1px #CCCCCC solid; font-size: 13px; font-family:Arial, Helvetica, sans-serif; height: 14px; font-weight: bold; color: #333333; 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, Helvetica, 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, Helvetica, sans-serif;}
.tablegrid {border: 1px solid #CCCCCC; background-color:#FFFFFF; margin-top: 4px; 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, Helvetica, sans-serif;}
.tablegrid td {padding: 3px; border-bottom: 1px dashed #DDDDDD;}
.tabledetailed {border: 1px dotted #a3c1db; background-color:#FFFFFF; margin-top: 4px; border-collapse: collapse; font-family: Arial,"Lucida Sans Unicode", "Lucida Grande", 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,"Lucida Sans Unicode", "Lucida Grande", 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;}


/*PIN MANAGER-----------------------------------------*/
.tabletitle { padding-right: 15px; width: auto; padding-left:3px; padding-right:6px; padding-top:0px; padding-bottom:0px;  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: 92%; height: 20px; margin-left: 5px; padding-left: 10px; margin-right: 5px; padding-top: 2px; 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; }


/*PIN MANAGER-----------------------------------------*/
.tabletitlePin { padding-right: 15px; width: auto; color:#FFF; font-weight:bold; font-size: 11px; background-color: #4C98D4; background-image: url(../../images/essentials/pinform_title_right.gif); background-repeat:no-repeat; background-position:right top;}
.tabletitleLeft { padding-left:15px; background-image:url(../../images/essentials/pinform_title_left.gif); background-position:left top; background-repeat:no-repeat;}
.tableformPin {background-color: #dddddd;font-family: Arial, Verdana, Geneva, sans-serif;}
.tableformPinMain { padding-left: 15px; padding-top: 3px; padding-bottom: 10px; background-color: #E6E6E6;}
.tableformLeft{ padding-left: 15px; background-color: #f3eeee; }
.tableformRight { padding-left: 10px; }
.tableformPinIconsL{ padding-left: 50px; 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: 22px; float: left;  }
.tableformPinReg { padding-left: 15px; padding-bottom: 3px; padding-top: 3px; background-color: #E2ECF5; vertical-align: text-top;}
.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; vertical-align: middle;}
.pinManagerTickImg { vertical-align: middle; padding:5px}


/* 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:#666; text-decoration: none; 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; vertical-align: middle; }
.fontGreen { font:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 11px; color:#393; }


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



/* 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;}


/* IMAGE VISIBILITY (OPTIONAL) */
#img_masthead {} 
#img_login {} 
#img_youthzone {}
#img_newsheadlines {clip: rect(0px, 150px, 27px, 0px);}
#img_modules {clip: rect(0px, 150px, 27px, 0px);} 
#img_livehelp {}
#img_progresslogo {}


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


/* PAGE CONTENT LAYER */
#pageContent{position: relative; width: 800px; height:100%; padding-left: 10px; padding-right: 10px; text-align: left; margin: auto; margin-bottom: 5px; background-color: #FFFFFF;}


/*PAGE INNER CONTENT*/
#pageInnerContent {width:800px; height:100%;background-color: #FFF; padding-bottom: 10px; /*padding-bottom: 10px;*/}
#pageInnerContent:after {clear:both; content:".";display:block;height:0pt; visibility:hidden;}


/* MASTHEAD FACILITIES */
#facilities { z-index: 11; position: absolute; width: 790px; height: 15px; padding-bottom:0px; padding-top: 2px;}
#facilities ul {margin: 0px; padding: 1px;}
#facilities li {display: block; float: right; padding-left:2px; padding-right: 2px;}
#facilities a {font-size: 11px; color:#4291d1; text-decoration: none; display: block; vertical-align:bottom;}
#facilities a:hover {color:#666666; 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 { z-index: 12; position:absolute; top:20px; left:780px; background:none; float:none; text-align:left; visibility:hidden; background-color: #d3e6f4; /*background-image:url(../../templates/current/images/sidebar_bkgd.gif);*/ border: 1px solid #e0e8ef; padding: 4px; border-radius: 20px; -webkit-border-radius:20px; -khtml-border-radius: 20px; -moz-border-radius: 20px;  behavior: url(templates/current/PIE.htc);}
#facilities #helpmenu li {display:list-item; list-style: none; width:155px; padding: 3px;  margin-bottom: 3px; /*border: 1px solid #e6edf8; background-color: #fafdff;*/ }
#facilities #helpmenu a:hover {text-decoration:underline; color:#0099FF;}


/*Social Networking Icons */
#SocialNet{ z-index: 10; position: absolute; top: 80px; left: 715px;  width: 170px; text-align: left; }
#SocialNetTxt {  position: relative; float: left; color: #666; font-size: 11px; width: 70px; padding-right: 10px; }
#SocialNetIcons{ position: relative; float: right; width: 75px;  top: -4px; right: 2px; }


/* MASTHEAD */
#masthead {height: 100px; margin-bottom: 4px; overflow: hidden; background:url(../../templates/current/images/masthead_bkgd.gif) top repeat-x; position: relative;}
#masthead .logo {position: absolute; top: 0px; left: 0px;}
#masthead #announcements {position: absolute; top: -8px; left: 250px; width: 400px; height: 50px; overflow: hidden; text-align: right; padding: 10px; padding-right: 10px; font-size: 13px; font-weight: bold; color: #FFFFFF; /*filter: alpha(opacity=0); -moz-opacity:0%;*/}
#masthead #announcements a {color: #73b3e3; font-size: 13px; text-decoration: none;}
#masthead #announcements a:hover {text-decoration:underline; color:#0099FF;}
#masthead .area_title {float: right; padding: 20px; text-align: right; font-size: 13px; font-weight: bold; color: #FFFFFF;}


/* BYLINE (TEL/FAX/DATE BAR) */
#byline { z-index: 12; position: absolute; top: 0px; left: 0px;  overflow: hidden; height: 25px; margin-bottom: 4px; color: #726699; }
#byline .contactdetails {position: absolute; top: 0px; left: 0px; padding-top: 2px;}
#byline .contactdetails strong {padding: 0px; font-style: Arial, Helvetica, sans-serif; font-size: 11px; color: #3E8CCC;}
#byline .currentdate {position: absolute; top: 0px; left: 535px; width: 250px; padding: 2px; padding-right: 10px; text-align: right;}
#byline_members {position: relative; overflow: hidden; height: 25px; padding-left: 5px; color: #726699; background:url(../../templates/current/images/byline_bkgd.gif) top no-repeat;}
#byline_members .contactdetails {position: absolute; top: 0px; left: 0px; padding-top: 2px;}
#byline_members .contactdetails strong {padding: 0px; font-style: Arial, Helvetica, sans-serif; font-size: 11px; color: #3E8CCC;}
#byline_members .currentdate {position: absolute; top: 0px; left: 535px; width: 250px; padding: 2px; padding-right: 10px; text-align: right;}
#byline_members p {padding-left: 10px;}

/* LAYOUT AREA (MAIN MENU/SUBMENU/MODULES/LOGIN/CONTENT) */
#layoutarea {position: relative; width: 798px; height: 100%;}


/* MAIN NAVIGATION MENU */
#mainmenu { position: relative; float: left; height: 100%; width: 155px; padding-top: 0px; padding-bottom: 0px; overflow: visible;  text-align: center; }
#mainmenu li {position: relative;display: list-item; margin:2px; padding: 3px 3px 3px 3px;  margin-bottom:4px;  list-style-type:none;  background-color:#2d4a99; border-radius: 20px; -webkit-border-radius:20px; -khtml-border-radius: 20px; -moz-border-radius: 20px;  behavior: url(templates/current/PIE.htc); }  /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/
#mainmenu a {display: block; width: 100%; height: 100%; font-size: 11px; font-weight: bold;  color:#fff; text-decoration: none; padding: 0px; }
#mainmenu a:hover {color: #e2edf6; text-decoration: underline;}
#homePage #mainmenu {float: none;}


/* POP-OUT MENUS */
.popoutmenu {display: none; visibility:hidden; background-image:url(../../templates/current/images/sidebar_bkgd.gif); background-repeat: no-repeat; border: 1px solid #CCCCCC;}
.popoutmenu li {background:none; display:list-item; width:155px; padding-bottom:5px; border-bottom: 1px solid #CCCCCC;}
.popoutmenu a:hover {text-decoration:underline; color:#0099FF;} 


/* TEXT CONTENT & NAVIGATION CONTAINER */
#contentarea {float: right; width: 620px; clear: right; padding-left: 15px; border-left: 1px solid #f4f5f5;}
#contentarea .pagetitle {height: 40px; vertical-align: middle; margin-bottom: 10px; padding: 10px; color: #23408f; font-size: 16px; font-weight: bold; /*background: url(../../templates/current/images/pagetitle_bkgd.gif) right no-repeat; background-color: #F6F6F6;*/}
#contentarea .pagecontent {padding: 8px; margin-top: 30px; }
#contentarea .pagetitle_members {/*border-bottom: 1px solid #EEEEEE;*/ height: 40px; vertical-align: middle; margin-bottom: 0px; padding: 5px; color: #23408f; font-size: 16px; font-weight: bold; /*background: url(../../templates/current/images/pagetitle_bkgd.gif) right no-repeat; background-color: #F6F6F6;*/}
#contentarea .pagecontent_members {padding: 8px; margin-top: 30px;}


/* DIRECTOR AREA */
.directors_content {float: left; width: 70%;}
.directors_sidebar {float: right; width: 25%; border-left: 1px dotted #DDDDDD;}


/* FLASH / ANNOUNCEMENTS / CUSTOM AREA ACTIVATED */
#flashcontainer_custom {position: absolute; top: 0px; left: 192px; text-align: center; width: 604px; height: 215px; border: 1px solid  #900; }
#flash_area { float: left;  width: 604px; height: 215px; }
#flash_area_custom { float: right; width: 604px; height: 80px; background-color:#f4f5f5;  border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc); }
#flash_area_custom img { display:none; }

/* FLASH / ANNOUNCEMENTS CONTAINERS */
#flashcontainer {position: absolute; top: 0px; left: 158px; text-align: center; width: 640px; height: 215px;  /*border: solid 1px #F00;*/}
#announcements_content {position: absolute; top: 208px; left: 192px; padding: 5px; padding-top: 15px; height: 50px; width: 592px; border: 1px solid #DDDDDD; border-top: 0px; text-align: right; overflow: hidden; /*filter: alpha(opacity=0); -moz-opacity:0%;*/ background:url(../../templates/current/images/box_bkgd.gif) repeat;}
#announcements_content_dynamic {float: right; width: 604px; height: 80px; background-color:#f4f5f5;  border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px;  behavior: url(templates/current/PIE.htc);   /*border: solid 1px; color:#F00;*/}
#announcements_content a {color: #003366; text-decoration: none;}
#announcements_login {margin-top: -20px; margin-bottom: 10px; height: 50px; width: 600px; overflow: hidden; /*filter: alpha(opacity=0); -moz-opacity:0%;*/}
#announcements_login a {font-size: 14px; font-weight: bold; color: #CC0000; text-decoration: none;}
#announcements_login a:hover {text-decoration: underline;}
#announcements_members {margin-bottom: 10px; height: 50px; width: 530px; overflow: hidden; /*filter: alpha(opacity=0); -moz-opacity:0%;*/}
#announcements_members a {font-size: 14px; font-weight: bold; color: #CC0000; text-decoration: none;}
#announcements_members a:hover {text-decoration: underline;}

#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);}


/* SUBMENU (CONTENT PAGES ONLY) */
#submenu {position: absolute; top: 40px; left: 170px; width: 630px; text-align: center; overflow: visible; border: 1px solid #77B7DD; background-color: #d3e6f4; /*background:url(../../templates/current/images/subsections_bkgd.gif) top repeat;*/ border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(templates/current/PIE.htc); }
#submenu .title_subsections {float: left; font-size: 11px; color: #069; line-height: 13px; margin-bottom: 10px; padding-top: 3px; padding-left: 5px; padding-right: 15px; margin-top: 0px; margin-right: 3px;  background:url(../../templates/current/images/bullet_greenarrow.gif); background-position: right; background-repeat:no-repeat; }
#submenu .title_subsections img {margin-top: 2px;}
#submenu li {display: block; float: left; height: 21px; padding-bottom: 1px; width: auto;}  /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/
#submenu a {display: block; width: 100%; height: 100%; padding-top: 3px; padding-left: 5px; padding-right: 5px; font-size: 11px; color: #23408f; font-weight:bold;  text-decoration: underline; line-height: 13px; }
#submenu a:hover {text-decoration: underline;}


/* SUBMENU (MEMBERS PAGES ONLY */
#submenu_members {position: absolute; top: 40px; left: 152px; width: 547px; overflow: visible; background:url(../../templates/current/images/subsections_bkgd.gif) top repeat; text-align: center;}
#submenu_members .title_subsections {float: left; font-size: 10px; color: #999999; line-height: 13px; padding-top: 3px; padding-left: 5px; padding-right: 15px; background:url(../../templates/current/images/bullet_greenarrow.gif) right 8px no-repeat;}
#submenu_members li {padding-bottom: 1px; height: 21px; float: left; display: block; width: auto; border-left: 1px solid #FFFFFF;}  /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/
#submenu_members a {font-size: 10px; color: #999999; width: 100%; height: 100%; text-decoration: none; display: block; line-height: 13px; padding-top: 3px; padding-left: 5px; padding-right: 5px;}
#submenu_members a:hover {text-decoration: underline;} 


/* SUBMENU (YOUTHZONE SIDE MENU) */
#submenu_youth {position: absolute; top: 40px; left: 170px; width: 630px; text-align: center; overflow: visible; background-color: #cceef2; border: 1px solid #77B7DD; /*background:url(../../templates/current/images/subsections_bkgd.gif) top repeat;*/ border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(templates/current/PIE.htc); }
#submenu_youth .title_subsections {float: left; font-size: 10px; color: #069; line-height: 13px; padding-top: 3px; padding-left: 5px; padding-right: 15px; margin-top: 0px; margin-right: 3px;  background:url(../../templates/current/images/bullet_greenarrow.gif); background-position: right; background-repeat:no-repeat; }
#submenu_youth .title_subsections img {margin-top: 2px;}
#submenu_youth li {display: block; float: left; height: 21px; padding-bottom: 1px; width: auto; border-left: 0px solid #FFFFFF;}  /*LIST ITEM WIDTH SPECIFIED DYNAMICALLY*/
#submenu_youth a {display: block; width: 100%; height: 100%; padding-top: 3px; padding-left: 5px; padding-right: 5px; font-size: 10px; color: #666;  text-decoration: none; line-height: 13px; }
#submenu_youth a:hover {text-decoration: underline;}


/* NAVIGATION SELECTED ITEMS */
#mainmenu .section_selected {font-weight: bold; background-color: #607ac0;}
#mainmenu .page_selected a {font-weight: bold; background-color: #607ac0;}
#submenu . { font-weight: bold;}


/* MEMBER AREA */
#membermenu {float: left; height: 100%; width: 150px; overflow: visible; background-color: #EEEEEE; border-left: 1px solid #FFF; border-right: 1px solid #FFF;}
#membermenu li {padding: 3px; display: list-item; border-bottom: 1px solid #FFF; list-style-type: none;}
#membermenu a {font-size: 11px;  width: 100%; height: 100%; color:#333333; text-decoration: none; display: block;}
#membermenu a:hover {color: #0099CC; text-decoration: underline;}
#membermenu .last {font-weight: bold;}
.memo {border: 1px solid #CCCCCC; width: 130px; padding: 2px; position: absolute; top: 5px; left: 710px;}


/* OFFICE AREA NAVIGATION */
#adminmenu {float: left; height: 100%; width: 160px; overflow: visible; background-color: #EEEEEE; text-align: left; border: 1px solid #FFF; border-bottom: none;}
#adminmenu li {display: list-item; border-bottom: 1px solid #FFF; list-style-type: none;}
#adminmenu a {padding: 3px; font-size: 11px;  width: 100%; height: 100%; color:#333333; text-decoration: none; display: block;}
#adminmenu a:hover {color: #0099CC; text-decoration: underline;}
#adminmenu ul li ul {display: none; border-top: 1px solid #fff;}
#adminmenu ul li ul li {width: 160px; display: list-item; width: 160px;  border-bottom: 1px solid #fff; list-style-type: none; background-color: #d0e2ee;}
#adminmenu ul li ul li a {padding: 3px; color: #666666;}
#adminmenu .expanded {display: inline-block;}


/* SIDEBAR */
#sidebar {float: left; width: 160px; clear: left;}


/* TOOLS & RESOURCES SECTION (MODULE LINKS) */
#modulelinks { position: relative; height: 100%; width: 155px; margin-bottom: 35px; padding-top: 0px; padding-bottom: 0px; overflow: visible; text-align: center; }
#modulelinks img { display: none; }
#modulelinks li {position: relative; padding: 3px; display: list-item; margin:4px; list-style-type: none; background-color: #73b3e3; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(templates/current/PIE.htc);}
#modulelinks a { display: block; width: 100%; height: 100%; font-size: 11px; font-weight: bold; color:#fff; text-decoration: none; }
#modulelinks a:hover {color: #E7F5FE; text-decoration: underline;}
#modulelinks_contentpage {position: relative; height: 100%; width: 155px; margin-top: 0px; padding-top: 0px; padding-bottom: 4px; overflow: visible; text-align: center;}
#modulelinks_contentpage img {display: none;}
#modulelinks_contentpage #mod4a {display:none;}
#modulelinks_contentpage li {position: relative; padding: 3px; display: list-item; margin: 4px; /*border: 1px solid #D7EBFF;*/ list-style-type: none;  background-color: #73b3e3; border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(templates/current/PIE.htc);}
#modulelinks_contentpage a { display: block; width: 100%; height: 100%; font-size: 11px;font-weight: bold; color:#fff; text-decoration: none; }
#modulelinks_contentpage a:hover {color: #E7F5FE; text-decoration: underline;}
#modulelinks #mod4a {display:none;}


/* LOGIN / LIVE CHAT LAYER */
#loginarea { z-index: 10; position: absolute;  top: -80px; left: 395px; width: 500px; } /* USING POSITIONING TO FORCE THE NEWS HEADLINES TO APPEAR AFTER THE LOGIN BUTTONS */
#loginarea img {margin: 0px;}
#loginarea_contentpage {  z-index: 10; position: absolute;  top: -80px; left: 395px; width: 500px;}
#loginarea_contentpage img {margin-bottom: 0px;}
#loginarea a:hover {border: 0px;}


/*LOGIN YOUTH ZONE */
#y_loginarea_contentpage { z-index: 10; position: absolute;  top: -80px; left: 550px; width: 500px;}
#y_loginarea_contentpage img {margin: 0px;}
#y_loginarea_contentpage { z-index: 10; position: absolute;  top: -80px; left: 550px; width: 500px;}
#y_loginarea_contentpage img {margin: 0px;}

/* NEWS HEADLINES */
#newsheadlines { display: none; position: relative; float: left; overflow: hidden; height: 165px; width:185px; padding: 0px; margin-top: 5px; border-bottom: 1px solid  #d9e3ea;  background-color: #FFF; } /* USING POSITIONING TO FORCE THE LOGIN BUTTONS TO APPEAR BEFORE THE NEWS HEADLINES */
#newsheadlines h3 {color: #3E8CCC; font-size: 11px; background-color: #FFF;}
#newsheadlines a {text-decoration: none; color: #666666; background-color: #FFF;}
#newsheadlines a:hover {text-decoration: underline; color:#3E8CCC;}
#newsheadlines_contentpage {position: relative; float: left; overflow: hidden; height: 165px; width:160px; padding: 0px; margin-top: 5px; background-color: #FFF; border-bottom: 1px solid  #d9e3ea;}
#newsheadlines_contentpage h3 {color:#3E8CCC; font-size: 11px; background-color: #FFF;}
#newsheadlines_contentpage a {text-decoration: none; color: #666666;}
#newsheadlines_contentpage a:hover {text-decoration: underline; color: #3E8CCC;}
#news_content {position: relative; width:156px; height: 164px;   border: 1px solid  #d9e3ea; background-color: #FFF; filter: alpha(opacity=0); -moz-opacity:0%;}
#news_content h3 { background-color: #FFF; }
#newsheadlines .newslinks a {color: #999999; font: normal 10px  Arial, Helvetica, sans-serif;}
#newsheadlines_contentpage .newslinks a {color: #999999; font: normal 10px Arial, Helvetica, sans-serif;}

/*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;}


/* HOMEPAGE SPOTLIGHTS*/
#spotlight1 {position: absolute; top: 215px; left: 155px; width:210px; margin-left: 1px; padding: 0px;  }
#spotlight2 {position: absolute; top: 215px; left: 360px; width:210px; margin-left: 12px; margin-right: 12px; padding: 0px;}
#spotlight3 {position: absolute; top: 215px; left: 587px; width:210px; padding: 0px; }
/*#spotlight1 {position: relative; float: right; top: 5px; clear: left; width:189px; margin-left: 1px; padding: 0px;  }
#spotlight2 {position: relative; float: right; top: 5px; width:189px; margin-left: 12px; margin-right: 12px; padding: 0px;  }
#spotlight3 {position: relative; float: right; top: 5px; width:189px; padding: 0px; }*/
.spotlight_title {height: 33px; background: right no-repeat; padding-top:7px; padding-left: 5px; padding-right:0px; background-color:#d3e6f4; /*border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px;  behavior: url(../templates/current/PIE.htc);*/  } /*BACKGROUND IMAGE SPECIFIED DYNAMICALLY*/
.spotlight_title img {}
.spotlight_title h4 { font-family:"Arial Black", Gadget, sans-serif; font-size: 14px; color:#767e84; }
.spotlight_container { position: relative; height: 155px; padding-left: 5px; border-left: 1px solid  #d9e3ea; border-right: 1px solid  #d9e3ea; border-bottom: 1px solid  #d9e3ea; background-color: #FFF;}
.spotlight_text { position: absolute; width:100%; height: 90px; top:0px; left:0px; padding-left: 5px; }
.spotlight_image_upload { position: relative; float: right; width: 70px; height: 70px; float:right; margin-bottom:10px;}
.spotlight_image_upload img { width: 70px; height: 70px;}
.spotlight_link { position: absolute; width:95%; bottom: 15px; left: 0px; margin-bottom: 5px; height: 14px; padding-left: 5px;}


/* FOOTER */
#pagefooter { width: 790px; height: 40px; margin-top: 10px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-left: 10px;  clear: both; background-image: url(images/footer_bkgd.jpg); background-repeat: no-repeat; }
html>body #pagefooter {} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */
.ProgressLogo {float: right; padding-right: 15px;  width: 10%;/* border: solid 1px #F00;*/ }
#pageInnerFooter { /*position: absolute;  bottom: 0px; left: 0px;  background-color:#FFF; text-align: center; border: solid 1px #03C;*/}
#footerDetails{ float: left; width: 680px; padding-top: 5px; padding-left: 5px; text-align: left; color: #666; text-decoration: none; font-size:10px; /*border: 1px solid #0FF;*/}
#pagefooterAlternative{ position: absolute; bottom: 0px; width: 100%; }
html>body #pagefooter {} /*LONG CONTENT AREAS EXPAND OVER THE FOOTER GRAPHIC IN IE5/IE6. ONLY SHOW BACKGROUND IMAGE IN OTHER BROWSERS */
#OfficeAreaPage #pagefooter {}


/* FOOTER - CONTENT AND OTHER PAGES*/
#pagefooterOther { width: 790px; height: 40px; clear: both; margin-top: 10px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-left: 10px; color: #666; font-size: 10px; text-align:center; background-image: url(images/footer_bkgd.jpg); background-repeat: no-repeat; }
#pagefooterOther a { color: #666; font-size: 10px;}


/*FOOTER FOR EMAIL ONLY*/
#pageFooterEmail{}

/*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; font-size: 10px; font-weight:800;}
.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; font-weight:800;}
.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; font-weight:800;}
.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; font-weight:800;}
.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; font-weight:800;}
.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:-400px; 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-------------------------------------------------------------------------------*/
#pageInContDir{ position: relative; width:790px; 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 { width: 790px; height: 40px; clear: both; margin-top: 10px; margin-left: auto; margin-right: auto; padding-top: 10px; padding-left: 10px; color: #666; font-size: 10px; text-align:center; background-image: url(images/footer_bkgd.jpg); background-repeat: no-repeat; }
#pagefooterDir a { color: #666; 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%;}


/*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;}

.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%;}


/*LOST YOU 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;*/}


/*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;}


/*USERAREA LOGIN-------------------------------------------------------------------------------------*/
.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%;}


/*VOLUNTEERS LOGIN-------------------------------------------------------------------------------------*/
.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%;}


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