/* YPN Member Directory CSS version 1.0
  MDB September 2009*/

* {margin:0; padding:0;}
body {/*background:#857d6c;*/ background:#dfdfdf; text-align:center; color:#6C5344; padding:0; font-size:10px; font-family:helvetica, arial, sans-serif;}
a {color:#8c796d; outline:none;}
  a:hover {color:#65140c;}
/*forms*/
form {}
label { position:absolute; top:3px; left:4px; padding:8px 4px 4px 4px; margin-left:5px; line-height:32px; height:32px; color:#ccc; font-size:1.9em;}
div#search-form input#txtSearch {height:32px; line-height:32px; display:block; float:left; width:343px; padding:7px 4px 0 4px; font-size:1.9em; color:#999; border:none; border-right:1px solid #ddd;}
  div#search-form input#txtSearch:focus {border:none; border-right:1px solid #ddd;}
div#search-form input.button {width:107px; height:39px; padding-left:10px; background:url('../images/bg-search.png') no-repeat top left; border:none; color:#999; font-size:1.6em; font-family:helvetica, arial, sans-serif; cursor:pointer; float:left;}
  div#search-form input.button:focus,  div#search-form input.button:active {border:none;}  

/*mis*/
a#top {visibility:hidden; height:0; display:block;}
a.return-top {width:17px; height:17px; background:url('../images/bg-top.gif') no-repeat top left; text-indent:-5000px; margin-right:10px; display:block; float:right;}
  a.return-top:hover {background:url('../images/bg-top-hover.gif') no-repeat top left;}
a#gpcc-affiliate {text-indent:-5000px; display:block; background:url('../images/gpcc.gif') no-repeat 0 0; margin:0 0 30px 15px; width:132px; height:75px;}
a#ypn-site {display:block; background:url('../images/diagonal-stripe.png') no-repeat top left; text-indent:-5000px; margin:63px 0 0 1px; width:179px; height:103px; float:left;}
#secondary-content a {color:#eee;}
a#lbBottomPrev, a#lbBottomNext {font-size:1.2em; float:left; background:#8c796d; color:#efefef; display:block; padding:5px 7px; border:1px solid #ccc;}
  a#lbBottomPrev:hover , a#lbBottomNext:hover {background:#65140c; color:#efefef;}
  a#lbBottomPrev {margin:0 5px 0 20px;}
#utility-nav a {text-decoration:none; text-align:left; display:block; font-size:1.2em; /*background:url('../images/ypn-utility.gif') no-repeat top left;  text-indent:-5000px; width:240px; height:39px;*/ margin:.75em; color:#fff;}  
  #utility-nav a:hover {text-decoration:underline;}

/*headings*/
h1 {}
  h1 a {text-indent:-5000px; background:url('../images/bg-h1-gray.gif') no-repeat top left; width:518px; height:150px; float:left; display:block;}
#primary-content h2 {color:#db9d1a; font-weight:bold; line-height:1em; font-size:2.6em; margin:0 20px 5px 0;}
  #primary-content h2 span {display:block; color:#65140c; font-weight:normal; font-size:14px;}
#secondary-content h3 {border-bottom:1px solid #666; border-top:2px solid #666; color:#666; margin:0 10px 7px 0; font-size:1.2em; padding:5px 3px;}

/*paragraphs*/
p.note {margin:0 0 5px 5px; clear:left; color:#777; font-size:1.1em; }
p#pMessage {margin:0px 20px 10px 20px; line-height:1.4em; font-size:1.4em; clear:left;}
  p#pMessage a {}
#footer p {color:#6C5344; margin-bottom:5px;}

/*lists*/
ul#ulMembers {margin:0 20px 20px 20px; border-bottom:1px dashed #ccc;}
  ul#ulMembers li {list-style-type:none; font-size:1.2em; line-height:1.4em; padding:10px 0; border-top:1px dashed #ccc; }
    ul#ulMembers li:hover {background:#f5f5f5;}
    ul#ulMembers li strong {color:#db9d1a; color:#97A4AB; font-weight:bold; font-size:1.4em;}
    ul#ulMembers li ul li {font-size:1em; border:none; padding:0;}
ol#paginator {}
ol#paginator li {font-size:1.1em; list-style-type:none; float:left;}
  ol#paginator li strong {display:block; padding:5px 7px; float:left;}
  ol#paginator li a {margin-right:5px; display:block; padding:5px 7px; border:1px solid #ccc; float:left;}
    ol#paginator li a:hover {background:#8c796d; color:#efefef;}
#secondary-content ul { margin:0 10px 20px 3px;}
#secondary-content ul li {list-style-type:none; font-size:1.1em; line-height:1.3em; border:none;}
  #secondary-content ul li a {display:block; color:#6C5344; text-decoration:none; margin-bottom:5px; border-bottom:1px dashed #db9d1a; padding:5px 0;}
    #secondary-content ul li a:hover {text-decoration:underline;}
  
    #secondary-content ul#quick-links li a {padding-left:15px; background:url('../images/bg-double-arrow.gif') no-repeat 0 8px;}

    #secondary-content ul#social-media li a {padding-left:20px;}
      #secondary-content ul#social-media li#flickr a {background:url('../images/icons/flickr.gif') no-repeat 0 4px;}
      #secondary-content ul#social-media li#facebook a {background:url('../images/icons/facebook.gif') no-repeat 0 4px;}
      #secondary-content ul#social-media li#rss a {background:url('../images/icons/rss.gif') no-repeat 0 4px;}
      #secondary-content ul#social-media li#linkedin a {background:url('../images/icons/linkedin.gif') no-repeat 0 4px;}

#footer ul {margin-bottom:40px;}
#footer ul li {padding-right:5px; border-right:1px solid #cac1bc; margin-right:5px; list-style-type:none; float:left;}
  #footer ul li.last-child {border:none;}
  #footer ul li a {color:#6C5344; text-decoration:none;}
    #footer ul li a:hover {text-decoration:underline;}

  /*structure*/
#utility-nav {text-align:left; background:#857d6c; height:35px; border-bottom:1px solid #fff; border-top:1px solid #000;}
#container {margin:0 auto; width:698px; text-align:left; background:url('../images/bg-container.gif') repeat-y top left;}
  #header { height:166px; background:#dfdfdf /*#857d6c*/ url('../images/bg-header.gif') repeat-x bottom left;}
  #primary-content {padding-bottom:20px; width:520px; clear:left; float:left; margin:0 10px 10px 0;}
    #headline {background:#ebf4fa;/*background:#ebf4fa url('../images/bg-headline.png') repeat-x top left;*/ padding:3em 0 3em 20px; margin-bottom:20px; border-bottom:1px solid #ccc;}
      div#search-form {position:relative; background:url('../images/bg-search-form.png') no-repeat top left; height:53px; width:475px; padding:7px 0 0 8px; margin:0 0;}
  #secondary-content { float:left; width:168px; background:url('../images/diagonal-stripe.png') no-repeat 56px -55px; padding-top:65px;}
  #footer {clear:left; background:#dfdfdf; padding-top:10px; height:40px;}