/* dark green: 576a4a, olive green 8ca078, yellowish ecef9c */
/* fonts: Neutra Text Book, Arezzo Demi */

body {
    background-color: #ffffff; /* green: 8ca078, dark brown: 393220, light brown: b0aa99 */
    font-size: 11pt;
    font-family:arial, verdana, geneva, arial, sans-serif;
    }
#banner { 
    position: absolute; 
    top: 0; 
    left: 0; 
    background-color: #ffffff; 
    width: 100%; 
    }
#banner-nav { 
    position: absolute; 
    top: 100px; 
    left: 0; 
    background-color: #8ca078; /* dark green: 8ca078 or dark brown: 393220 */
    width: 100%; 
    border-top:1px solid #000000;
    border-bottom:1px solid #77787b; /* removed for graybar, but left 1px just in case */
    }
 #banner-nav-graybar { 
    position: absolute; 
    top: 142px; 
    left: 0; 
    background-color: #77787b; /* gray */
    width: 100%; 
    height: 5px;
    margin-bottom: 0px;
    border-bottom:1px solid #000000;
    }
 #banner-content { 
    width: 960px; 
    /*height: 120px;*/
    margin: 0 auto; 
    /*border: 1px solid #000;*/
    /*background-color: #FFFFFF;*/
    }
#banner-1of3 {
    width: 210px; /*was 150*/
    padding: 10px; 
    background-color: #FFFFFF;
    float: left;
    }     
#banner-2of3 {
    width: 500px; /*was 620*/ 
    float: left;

    }     
#banner-3of3 {
    width: 210px; /*was 150*/
    padding: 10px; 
    float: left;
    text-align: right;
    background-color: #FFFFFF;
    }     
#container {
    width: 960px;
    margin: 0 auto; /* Center the page float: left; */
    text-align: left;
    /*border: 1px solid #000000;*/
    background-color: #FFFFFF;
    }
#small {
    font-size: 10pt;
    }
#halfline {
    line-height: 4px;
    }
#page {
    padding-top: 130px;
    /*padding: 0px 10px 10px 10px;*/
    /*background-color: #ffffff;*/
    }

#indent {
    padding-left: 15px;
    }

#normal_link {
    font-family:arial, verdana, geneva, arial, sans-serif;
    text-decoration:none;
    }   

#error {
    color: red;
    }

#text {
    font-family:arial, verdana, geneva, arial, sans-serif;
    }

#big {
    font-size: 12pt;
    }

#fineprint {
    font-size: 12px;
    text-decoration: none;
    }


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

img.floatNone {
    float: left; 
    border: 1px solid #000000;
    }

img.floatLeft {
    float: left; 
    margin-right: 10px;
    border: 1px solid #000000;
    }

img.floatRight {
    float: right; 
    margin-left: 20px;
    margin-bottom: 5px;
    /*margin-top: 5px;*/
    /*border: 1px solid #000000;*/
    }
    
img.floatFlow {
    border: none;
    padding-top: 5px;
    }

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

    
/*-----------------------------------------------*/
    
#nav-container {
    position: relative;
    width:960px;
    height:40px; 
    background:#8ca078; /* dark green: 8ca078 or dark brown: 393220 */
    /*font-family:georgia, times new roman, times, serif;*/
    font-family:arial, verdana, geneva, arial, sans-serif;
    }
    
#navbar {    
    position: relative;
    width: 960px;
    height: 40px;  
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;    
    /*background:#fff; #1D6893 light blue*/
    /*background:#fff url(imagesRCD/nav/bg.gif) repeat-x bottom left;*/
    padding:0 0 0 0px; /*left padding to first button (top, right, bottom, left)*/
    /*text-shadow: #999999 2px 2px 2px;*/
    /*background-color: #dddddd;*/
    }
    
#navbar ul {
    float:left; /* choose left or right from which to align the entire navbar/buttons then adjust the padding-left/right */
    padding-left:0;
    padding-right:0;
    margin:0;
    list-style-type:none;
    width:auto;
    }
    
#navbar ul li {
    display:block;
    float:left;
    /*margin:0 1px; provides a 1px offset to allow for a border line or right side*/
    }   
    
#navbar ul li a {
    display:block;
    float:left;
    color: #FFFFFF; /*#EAF3F8;*/
    text-decoration:none;
    /*padding:0px 24px 12px 24px; top & left padding on all text (top, right, bottom, left)*/
    padding:0px 46px 12px 46px;
    height: 28px; /*height of actual button, should match above*/
    /* for height, see [#navbar ul li a.current:hover] padding (top) a+b=40 */
    }
        
#navbar ul li a span {
    padding:12px 5px 0 0;   /*right and top padding on all buttons (12pxtop, 20pxright, bottom, left)*/
    /*height:40px; no idea? */ 
    float:left;
    }
        
#navbar ul li a:hover {
    color:#000; /*text color for hovering*/
    background: #77787b; /*hover color was #ecef9c */ /* light green: e4ffc9, light brown: b0aa99, gray: 77787c, b0c08c, c9cc89, dde096; */
    /*background:transparent url(imagesRCD/nav/bg-OVER.gif) repeat-x bottom left;*/
    }
  
#navbar ul li a:hover span { 
    display:block;
    width:auto;
    cursor:pointer;
    }
    
#navbar ul li a.current,
#navbar ul li a.current:hover {
    color:#fff;
    background:#143D55; /*color for left margin of current button, was 1D6893*/
    /*background:#1D6893 url(imagesRCD/nav/left-ON.gif) no-repeat top left;*/
    /*background:#1D6893 url(imagesRCD/nav/left-ON.gif) no-repeat top left;*/
/*  line-height:275%; /*sets location of current button text, was 275%*/
    padding:12px 0 0 24px;   /*sets location of current button text */
    /* By adjusting the line above (top-pad) [navbar ul li a.current span] and... */
    /* ...[#navbar ul li a] need to have their heights adjusted to compensate */
    }
    
#navbar ul li a.current span {
    display:block;
    padding:0px 24px 0 0;  /*right padding on current button (top, right, bottom, left)*/
    width:auto; 
    background:#143D55; /*color for current button, was 1D6893*/
    /*background:#1D6893 url(imagesRCD/nav/right-ON.gif) no-repeat top right;*/
    height:28px; /* see [#navbar ul li a.current:hover] padding (top) a+b=40 */
    }
/*End section for navigation bar*/

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

#flex {
    width: 960px;
    min-height: 460px;
    /*background-image: url("images/bg.png");
    background-repeat: repeat-y;*/
    /*background-color: #eeeeee;*/
    }

#flex_section {
    /*height: 100%;*/
    float: left;
    width: 960px;
    }

#flex_1of3 {
    width: 279px;
    min-height: 200px;
    float: left;
    padding: 20px;
    /*padding-top: 20px;*/
    /*background-color: #ffffe0;*/
    /*font-size:10pt;*/
    }

#flex_1and2of3 {
    width: 599px;
    /*min-height: 200px; */
    float: left;
    padding: 20px;
     }
    
#flex_2and3of3 {
    width: 599px;
    /*min-height: 200px; */
    float: left;
    padding: 20px;
     }
    
#flex_2of3 {
    width: 279px; /*596-4(20)-3of3*/
    min-height: 200px; /* otherwise the center v-line only tracks the listboxes or nothing */
    padding: 20px;
    float: left;
    /*border-left:1px solid #000000;*/
    }

#flex_3of3 {
    width: 279px; /* 279 */
    min-height: 200px; /* otherwise the center v-line only tracks the listboxes or nothing */
    padding: 20px;
    float: left;
    /*background-color: #e4ffc9;#e4ffc9*/
    }

#listbox_2and3of3 {
    width: 596px; /*596*/
    min-height: 125px;
    float: left;
    /*background-color: #e4ffc9;*/
    /*background-color: #111111;*/
    border-bottom:2px solid #111111; /*1D6893*/
    }

#listbox_2and3of3_nobottom { /* this is for editdraftoptions */
    width: 596px; /*596*/
    min-height: 125px;
    float: left;
    }

#listbox_2and3of3_noline { /* I don't know where this gets used */
    width: 596px; /*596*/
    min-height: 460px; /*was 125*/
    float: left;
    border-left:1px solid #111111; /*1D6893*/
    }

#listbox_2and3of3_header { /* this gets used on invite.php with a mixed 2and3 -> 2of3 + 3of3 */
    width: 596px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    float: left;
    }

#listbox_2of3 {
    width: 266px; /*250 with 4of3*/
    min-height: 80px;
    float: left;
    padding: 20px;
    /*color: #990000;*/
    /*background-color: #e4ffc9;*/
    }

#listbox_3of3 {
    width: 250px;
    min-height: 80px;
    float: left;
    padding: 20px;
    /*color: #990000;*/
    /*background-color: #e4ffc9;*/
    }
    
#listbox_4of3 { /*folded into 2of3*/
    width: 16px;
    height: 120px; /* 70 + 20 + 20 padding */
    float: left;
    /*color: #990000;*/
    /*background-color: #e4ffc9;*/
    }

#listbox_msg {
    width: 596px; /*596*/
    /*min-height: 125px;*/
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-top: 0px;
    }
    
/*-----------------------------------------------*/
#flow {
    width: 957px;
    height: 190px;
    float: left;
    /*border-top: 1px solid #000000;*/
    text-align: center;
    }

#flow_1of4, #flow_2of4, #flow_3of4, #flow_4of4 {
    width: 219px;
    height: 170px;
    float: left;
    /*padding: 10px;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
    /*font-size:11pt;*/
    }

/*--------------Custom Form Buttons--------------*/

/*Deep dark red: #aa0000, deep blue: #1D6893, dark green: #8ca078 */
/*Light green: #e4ffc9, cream: #ffffe0, wrong dark blue: #005c94, hover: #d3dcea */

.custombutton {
    background-color: #1D6893;
    color: #ffffff;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    margin-right: 5px;
    border: none;
    cursor: pointer;
}
.custombutton:hover {
    background-color: #d3dcea; /*#aa0000*/
    color: #000000; /*#ffffff*/
}
.custombutton.pressed { 
    background-color: #d3dcea; /*#aa0000*/
    color: #000000; 
    /*font-weight: bold;*/
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    margin-right: 5px;
    border: none;
}

.custombuttonright {
    background-color: #1D6893;
    color: #ffffff;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 10px;
    margin-right: 0px;
    border: none;
    float: right;
    cursor: pointer;
}
.custombuttonright:hover {
    background-color: #d3dcea; /*#aa0000*/
    color: #000000; /*#ffffff*/
}
.custombuttonright.pressed {
    background-color: #d3dcea; /*#aa0000*/
    color: #000000;
    /*font-weight: bold;*/
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 10px;
    margin-right: 0px;
    border: none;
    float: right;
}

.custombuttonleft {
    background-color: #1D6893;
    color: #ffffff;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 10px;
    border: none;
    float: left;
    cursor: pointer;
}
.custombuttonleft:hover {
    background-color: #d3dcea; /*#aa0000*/
    color: #000000; /*#ffffff*/
}
.custombuttonleft.pressed {
    background-color: #d3dcea; /*#aa0000*/
    color: #000000;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 10px;
    border: none;
    float: left;
}

.custombuttonright-close {
    background-color: #1D6893;
    color: #ffffff;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 0px;
    border: none;
    float: right;
    cursor: pointer;
}
.custombuttonright-close:hover {
    background-color: #d3dcea; /*#aa0000*/
    color: #000000; /*#ffffff*/
}
.custombuttonright-close.pressed {
    background-color: #d3dcea; /*#aa0000*/
    color: #000000;
    /*font-weight: bold;*/ 
    min-width: 30px;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 0px;
    border: none;
    float: right;
}

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



/*-----------------------------------------------*/
    
/*Section for site map*/
#banner-sitemap { 
    position: absolute;
    left: 0px; 
    background-color: #8ca078; /* dark green: 8ca078 or dark brown: 393220 */
    width: 100%; 
    border-top:1px solid #000000;
    height: 160px;
    }
/*
    position: relative; 
    bottom: 0px; 
    left: 0; 
    margin: 0px;
    padding: 0px;


*/
#map-container {
    margin: 0 auto;
    width: 960px;
    background:#8ca078; /* dark green: 8ca078 or dark brown: 393220 */
    }
    
#site-map {
    list-style-type:none;
    margin:0;
    padding:0;
    padding-left: 160px; /* Set center location */
    padding-top:4px; /*Sets height of nav button*/
    padding-bottom:5px;
    }

#site-map li {
    display:inline;
    padding:0;
    margin:0;
    }
    
#site-map a:link,
#site-map a:visited {
    color:#ffffff;
    background:#8ca078; /* dark green: 8ca078 or dark brown: 393220 */
    padding: 10px 15px 10px 15px; /*top, right, bottom, left*/
    text-decoration:none; /*turns off the underlined links*/
    /*text-transform:uppercase;*/
    text-align:center;
    width: auto;
    font: 14px arial, verdana, geneva, arial, sans-serif;
    }
    
#site-map a:hover,
#site-map a:active {
    color: #000000;
    background-color:#8ca078; /* light green: 8ca078, light brown: b0aa99, dark green: 576a4a; */
    font: 14px arial, verdana, geneva, arial, sans-serif;
    /*text-shadow: #999999 2px 2px 2px;*/
    }
/*End section for site map*/