/*
     Harvest Template
     File: stylesheet.css
     Stefano Giliberti - kompulsive@gmail.com clickswitch.net
*/

/* Main */
body {
     background:#ebebeb;
     color: #6c6c6c;
     font: 62.5% Arial, sans-serif;
     line-height: 1.4em;
}
.left {
     float:left;
}
.right {
     float:right;
}
.clear {
     clear:both;
}
.red {
     color: #c52126;
}
.spacer {
     height:30px;
}
.post-icon {
     float: left;
     margin-right: 0.5em;
}
p {
     margin-bottom: 1em;
}
strong {
     font-weight:bold;
}
em {
     font-style:italic;
}
code {
     font-family:"Courier New", Courier, monospace;
     line-height:1.2em;
     font-size:0.9em;
}
hr {
     background:#c1c2c3;
     border: 0;
     color: #c1c2c3;
     height: 1px;
     margin:30px 0 35px 0;
}
blockquote {
     margin:10px 20px 10px 0;
     background:#f3f3f3;
     border:1px solid #dfdfdf;
     padding:15px;
     font-size:0.9em;
}
/* Lists */
ul.ul {
     list-style:none;
     padding:10px 0 10px 0;
}
     ul.ul li {
          padding:3px 0 0.5em 5px;
     }
ol.ol {
     list-style:decimal;
     padding:10px 0 10px 20px;
}

/* Forms [COMMENT THIS OUT: SUPERCEDED BY CSS IN /css/form/view.css]
label {
     display:block;
     margin:10px 0 10px 0;
}
input,
textarea {
     background:url(../images/input-back.gif) repeat-x top;
     border:1px solid #dfe0e1;
     padding:7px;
     margin:0 0 5px 0;
     font-family: Arial, sans-serif;
}
input {
     width:250px;
}
     input.smaller {
          width:100px;
     }
     input.larger {
          width:400px;
     }
textarea {
     width:400px;
     height:150px;
     overflow:auto;
}


form.sidebar fieldset legend {
     color:#444;
     font-weight:bold;
     font-size:1.1em;
     padding:5px 0 2px 0;
}

form.sidebar fieldset div {
     padding: 10px 0;
     margin: 0;
     border-top: 1px solid #f0f0f0;
}
*/
.login_form_input {
     background: url(../images/login_form_input_bg.png) 0 0 no-repeat;
     border:none;
     width:136px;
     margin:0 10px 0 0;
     padding:4px 9px 8px 9px;
     font-size:0.8em;
     color:#fff;
}

.login_form_button {
     background: url(../images/login_button_bg.png) 0 0 no-repeat;
     font-size: 10px;
     color: #000;
     font-weight: normal;
     text-transform: uppercase;
     width: 79px;
     padding: 3px 0 5px 3px;
     border: 0;
}

/* Headings */
h1, h2, h3 {
     color:#000;
     font-weight:normal;
     padding:5px 0 0 0;
}
h1 {
     font-size: 1.8em;
     line-height: 1.8em;
     margin-bottom: 0.5em;
}
h2 {
     font-size:1.7em;
}
h3 {
     font-size:1.4em;
     font-weight:bold;
     margin-bottom: 0.2em;
}
h5 {
     font-size: 1.2em;
}

h6 {
     font-size: 1em;
}

/* Links */
a, a:active {
     color:#414141;
     text-decoration: underline;
}
a:hover {
     color: #C52126;
}

/* Header */
#header {
     height:150px;
     position:relative;
     margin:0 auto;
     width:960px;
}
     /* Logo Container */
     #header div#logo {
          position:absolute;
          top:20px;
          left:0;
          height:100px;
          width:350px;
          background:url(../images/aspc_logo1.png) no-repeat;
     }
          /* Logo */
          div#logo h1, div#logo h1 a {
               display:block;
               width:329px;
               height:93px;
               border:none;
          }
          div#logo h1 {
               background:url(../images/aspc_logo1.png) no-repeat;
               height:93px;
               text-indent:-999em;
               margin-top:0px;
               padding:0;
          }

     /* Rapid info */
     #header div#rapid-info {
          position:absolute;
          right:0;
          top:55px;
          text-align:right;
     }
          /* Call us */
          #rapid-info img {
               display:block;
               float:right;
               margin:0 0 15px 0;
          }
          /* Sitemap - Client login - Contact */
          #rapid-info p {
               clear:both;
          }
               #rapid-info p a {
                    font-size:1.1em;
                    font-style:italic;
                    color:#9e9e9e;
               }

               #rapid-info p a:hover {
                    color: #000;
               }

     /* Navigation */
     #navigation {
          position:absolute;
          bottom:0;
          width:960px;
          background:url(/images/nav-bar.png) no-repeat;
     }
          #navigation ul li {
               float:left;
               line-height:50px;
               width:102px;
               text-align:center;
               background:url(/images/menu-li-break.gif) no-repeat right;
          }
               #navigation ul li a,
               #navigation ul li a:active {
                    color: #ffffff;
                    font-size:1.4em;
                    display:block;
               }
                    #navigation ul li a:hover,
                    #navigation ul li a.current {
                         /* background:url(../images/menu-li-highlight.png) no-repeat top; */
                         text-decoration:none;
                         color: #fe8a8c;
                    }

          /* Search */
          #navigation form {
               float:right;
          }
               #navigation input {
                    background:url(../images/nav-search-input.png) 0 0 no-repeat;
                    border:none;
                    width:109px;
                    margin:11px 10px 0 0;
                    padding:8px 9px 8px 9px;
                    font-size:1.1em;
                    color:#666;
               }

/* Wrapper */
#wrapper {
     margin:0 auto;
     width:960px;
     position:relative;
     font-size:1.6em;
     line-height:1.5em;
     background-color: #ffffff;
     padding:0 0 50px 0;
}

.cke_show_borders {
     font-size:1.1em;
     line-height:1.1em;
     background-color: #ffffff;
}

     /* Content wrapper */
     div#content_wrapper {
          background-image: url(/images/wrapper_bg.png);
          background-position: top left;
          background-repeat: repeat-x;
     }

     div#msg {
          position: relative;
     }

     /* Sections promo picture */
     div#promo {
          width: 960px;
          height: 137px;
          position: relative;
          margin: 0;
          padding: 0;
          background: url(/images/promo-home.png) 0 0 no-repeat;
          border-bottom: 1px solid #000;
     }

     div#promo div.login {
          position: absolute;
          bottom: 2px;
          left: 30px;
          margin: 0;
          padding: 0 0 0 1px;
          width: 276px;
          height: 23px;
          font-size: 0.7em;
          color: #fe898b;
     }

     div#promo div.login .name {
          color: #ffffff;
     }

     div#promo div.login a {
          color: #fe898b;
     }

     div#promo ul.logged_out_buttons {
          position: absolute;
          bottom: 0;
          right: 0;
          margin: 0;
          padding: 0;
          width: 132px;
          height: 23px;
          list-style: none;
     }

     div#promo ul.logged_out_buttons li {
          display: inline;
          float: left;
     }

     div#promo ul.logged_out_buttons li,
     div#promo ul.logged_out_buttons a,
     div#promo ul.logged_out_buttons a img {
          margin: 0;
          padding: 0;
     }

     div#promo ul.logged_in_buttons {
          position: absolute;
          bottom: 0;
          right: 0;
          margin: 0;
          padding: 0;
          width: 417px;
          height: 23px;
          list-style: none;
     }

     div#promo ul.logged_in_buttons li {
          display: inline;
          float: left;
     }

     div#promo ul.logged_in_buttons li,
     div#promo ul.logged_in_buttons a,
     div#promo ul.logged_in_buttons a img {
          margin: 0;
          padding: 0;
     }

     img#login_button, img#logout_button, img#sitemap_button, img#account_button, img#sitemap_button_single {
          cursor: pointer;
     }

     div#collapsible_menu {
          display: none;
          width: 960;
          padding-top: 10px;
          padding-bottom: 20px;
          background: #000 url(/images/collapsible_menu/menu_bg.png) 0 0 repeat-x;
     }

     /* Member login form */
     div#collapsible_menu form#login {
          display: none;
     }

     div#collapsible_menu form#login fieldset {
          width: 680px;
          margin: 5px auto;
     }

     div#collapsible_menu form#login fieldset legend {

     }

     div#collapsible_menu form#login fieldset legend span {
          width: 680px;
          background: url(/images/collapsible_menu/menu_heading_bg.png) 0 22px repeat-x;
          padding-bottom: 14px;
          display: block;
          color: #7a7a7a;
          text-transform: uppercase;
          font-size: 1em;
          font-weight: bold;
          letter-spacing: 1px;
     }

     div#collapsible_menu form#login fieldset div {
          float: left;
          margin-right: 10px;
     }

     div#collapsible_menu form#login fieldset div label {
          display: block;
          font-size: 0.8em;
          letter-spacing: 1px;
          padding-left: 5px;
          text-transform: uppercase;
          color: #7c7c7c;
     }

     div#collapsible_menu form#login fieldset div input {
          clear: both;
          padding:6px 20px 8px 9px;
          margin: 0;
          background: url(/images/collapsible_menu/login_form/login_input_bg.png) 0 0 no-repeat;
          border: 0;
          color: #e7e7e7;
     }

     div#collapsible_menu form#login fieldset div input.text {
          width: 145px;
     }

     div#collapsible_menu form#login fieldset div input#login {
          background: url(/images/collapsible_menu/login_form/login_submit_bg.png) 0 0 no-repeat;
          border: 0;
          width: 85px;
          margin-top: 25px;
          color: #e7e7e7;
     }

     div#collapsible_menu div#sitemap {
          width: 690px;
          margin: 5px auto;
          display: none;
     }

     div#collapsible_menu div#sitemap h2 {
          background: url(/images/collapsible_menu/menu_heading_bg.png) 0 26px repeat-x;
          padding-bottom: 14px;
          width: 680px !important;
          display: block;
          color: #7a7a7a;
          text-transform: uppercase;
          font-size: 1em;
          font-weight: bold;
          letter-spacing: 1px;
     }

     div#collapsible_menu div#sitemap div#about_map,
     div#collapsible_menu div#sitemap div#resources_map,
     div#collapsible_menu div#sitemap div#meetings_map,
     div#collapsible_menu div#sitemap div#membership_map,
     div#collapsible_menu div#sitemap div#contact_map {
          float: left;
          width: 20%;
     }

     div#collapsible_menu div#sitemap div h3 {
          color: #e9e9e9;
          font-size: 0.8em;
          font-weight: normal;
          letter-spacing: 2px;
          text-transform: uppercase;
     }

     div#collapsible_menu div#sitemap div ul {
          list-style: none;
          margin: 0;
          padding: 0 1em 0 0;
          display: block;
     }

     div#collapsible_menu div#sitemap div ul li {
          font-size: 0.8em;
          padding-bottom: 0.2em;
          border-top: 1px solid #131313;
     }

     div#collapsible_menu div#sitemap div ul li a {
          color: #8c8c8c;
          text-decoration: none;
     }

     div#collapsible_menu div#sitemap div ul li a:hover {
          color: #e9e9e9;
     }

     div#collapsible_menu div#my_account_tools {
          width: 600px;
          margin: 5px auto;
          display: none;
     }

     div#collapsible_menu div#my_account_tools h2 {
          background: url(/images/collapsible_menu/menu_heading_bg.png) 0 26px repeat-x;
          padding-bottom: 14px;
          width: 600px !important;
          display: block;
          color: #7a7a7a;
          text-transform: uppercase;
          font-size: 1em;
          font-weight: bold;
          letter-spacing: 1px;
     }

     div#collapsible_menu div#my_account_tools div#about_map,
     div#collapsible_menu div#my_account_tools div#resources_map,
     div#collapsible_menu div#my_account_tools div#meetings_map,
     div#collapsible_menu div#my_account_tools div#contact_map {
          float: left;
          width: 23%;
     }

     div#collapsible_menu div#my_account_tools div h3 {
          color: #e9e9e9;
          font-size: 0.8em;
          font-weight: normal;
          letter-spacing: 2px;
          text-transform: uppercase;
     }

     div#collapsible_menu div#my_account_tools div ul {
          list-style: none;
          margin: 0;
          padding: 0 1em 0 0;
     }

     div#collapsible_menu div#my_account_tools div ul li {
          font-size: 0.8em;
          padding-bottom: 0.2em;
          border-top: 1px solid #131313;
     }

     div#collapsible_menu div#my_account_tools div ul li a {
          color: #8c8c8c;
          text-decoration: none;
          border-bottom: 1px solid #7c7c7c;
          padding-bottom: 1px;
     }

     div#collapsible_menu div#my_account_tools div ul li a:hover {
          color: #e9e9e9;
          border-bottom: 1px solid #e9e9e9;
     }

     #promo-pic {
          border-bottom:1px solid #580201;
     }

     /* Left column */
     .med-col {
          width:635px;
          padding:40px 0 0 30px;
          background: transparent;
     }

     /* Right column */
     .small-col {
          width:230px;
          background:url(/images/small-col-left-shade.gif) #FFF no-repeat left top;
          padding:0 25px 0 25px;
          margin:40px 0 0 0;
     }
     
     .sb_button {
          background:url(/images/sb_bg.png);
          color:fff;
     }

     /* Banner Ads */
     ul#banner-ads {
          margin-top: 0;
          padding-top: 20px;
          background: url(../images/banner_ad_bg.png) 0 0 no-repeat;
     }

     ul#banner-ads li {
          padding: 10px 0 0 10px;
          margin-bottom: .5em;
     }

     ul#banner-ads li a img {
          border: 1px solid #fff;
     }

     /* Pro Services */
     .pros li {
          line-height:37px;
          border-bottom:1px solid #f0f0f0;
          background:url(../images/accepted_16.gif) no-repeat left;
          padding:0 0 0 30px;
          font-size:1.1em;
     }

     #navigation ul li a,
     .pros li a {
          text-decoration: none;
     }

     .pros li a {
          color: #777;
     }

     .pros li a.current,
     .pros li a.current:hover {
          font-weight: bold;
          color: #000;
     }

     .pros li a:hover {
          color: #C52126;
     }

     /* Mini-box info */
     .mini-box {
          width:277px;
          float:left;
          color:#919191;
          font-weight:bold;
          font-size:0.9em;
          line-height:1.4em;
          margin:0 15px 20px 15px;
     }
          .mini-box img {
               float:left;
          }
          .mini-box .desc {
               width:210px;
               float:right;
          }
          .mini-box h3 {
               padding:0;
          }

     /* About us */
     .member {
          float:left;
          margin:7px 0 10px 0;
     }
          .member span {
               color:#565656;
               line-height:35px;
          }
          .member img {
               padding:0 25px 0 0;
          }

          /* Left-right rounded corners */
          #wrapper #bl,
          #wrapper #br {
               width:9px;
               height:9px;
               position:absolute;
               bottom:0;
          }
          #wrapper #bl {
               background:url(../images/bottom-bl.gif) no-repeat;
               left:0;
          }
          #wrapper #br {
               background:url(../images/bottom-br.gif) no-repeat;
               right:0;
          }

     /* Sidebar */
     div.small-col a img.cta {
          margin-bottom: 20px;
     }

     /* Footer */
     #footer {
          margin:0 auto;
          position:relative;
          margin-top:30px;
          padding:25px 0 20px 0;
          width:960px;
          background:#DADADA;
          text-align:right;
     }
          #footer span {
               margin:5px 30px 0 30px;
               color:#ababab;
               font-weight:bold;
               font-size:1.2em;
          }
          #footer #tl,
          #footer #tr {
               width:9px;
               height:9px;
               position:absolute;
               top:0;
          }
          #footer #tl {
               background:url(../images/footer-tl.gif) no-repeat;
               left:0;
          }
          #footer #tr {
               background:url(../images/footer-tr.gif) no-repeat;
               right:0;
          }
#account_info tr,
#account_info td {
	padding:2px;
}