/* Twin Helix Alpha Transparent PNG fix */
img {behavior:url(./iepngfix.htc);}

body {
  font-size:small;
  color:#333;
  font-family:Arial,sans-serif;
  background:#FFF;
  line-height:1.6em;
  }

h1 {
  font-size:200%;
  font-weight:bold;
  font-family:Arial, sans-serif;
  letter-spacing:1px;
  margin:1em 0;
  color:#1A5779;
  }
  h1 a:link, h1 a:visited {
    color:#3E7691;
    color:#FF5321;
    }

h2 {
  font-size:150%;
  margin:1em 0;
  color:#444;
  line-height:1.4em;
  }
h2 + hr, h3 + hr {
  margin-top: -1em;
}

h3 {
  font-size:120%;
  margin:1em 0;
  font-style:italic;
  }

hr {
  background:url(/images/gray-line-horizontal.gif) left center repeat-x;
  border:none;
  height:2px;
  }

strong {
  font-weight:bold;
  }

small {
  font-size:90%;
  }
  
p {
  margin:1em 0;
  }
  
a:link, a:visited {
  color:#1A5779;
  text-decoration:none;
  }

a:hover, a:active {
  text-decoration:underline;
  }

  input[type="text"],
  input[type="password"],
  input[type="file"],
  textarea {
    width:300px;
    border:1px solid #CCC;
    padding:5px;
    font-size:120%;
    -moz-border-radius:4px;
    -khtml-border-radius:4px;
    -webkit-border-radius:4px;
    }

  textarea {height:100px;}


.wrap {
  width:950px;
  margin:0 auto;
  position: relative;
  }
  
#header {
  height:100px;
  background:#FFF url(../images/header-bg.jpg) left bottom repeat-x;
  border-bottom:4px solid #FFF;
  }
  #header h1 {
    background:#FFF url(../images/header-bg.jpg) left bottom repeat-x;
    border-bottom:4px solid #FFF;
    margin:0;
    }
    
#logo {
  width:153px;
  height:72px;
  float:left;
  margin:20px 0 0;
  background:url(../images/logo.png) left top no-repeat;
  text-indent:-9999px;
  }
  
.admin-nav {
  width:400px;
  float:right;
  margin:6px 0 0;
  text-align:right;
  }
  
.admin-nav li {
  display:inline;
  margin-left:12px;
  }

#navbar {
  color:#999;
  background:#5B5B5B url(../images/nav-bg-blue.jpg) left center repeat-x;
  }
  #navbar a {
    color:#FFF;
    }
    #navbar ul.link-list li {
      background:url(../images/nav-divider.jpg) right center no-repeat;
      padding:0 10px 0 0;
      }
      #navbar ul.link-list li.last {
        background:none;
        }
  
#nav {
  float:left;
  font-size:120%;
  }
  
#nav li {
  float:left;
  background:url(../images/nav-divider.jpg) right center no-repeat;
  }

#nav li.last {
  background:none;
  }

#nav a {
  display:block;
  color:#A4E3F2;
  text-decoration:none;
  padding:6px 16px;
  }
  #nav a:hover {
    color:#EAEAEA;
    }

#contact-us ul {		
  margin-top: 20px;
}

#contact-us li {		
  margin-top: 7px;
}

#faq li {		
  list-style-type: decimal;
	margin-left: 25px;
}

/*-- Profile --*/
#settings-nav {
  margin:20px 0;
  background:url(../images/ccc.gif) left bottom repeat-x;
  }
  
#settings-nav ul {
  margin:0;
  padding:0;
  list-style:none;
  }
  
#settings-nav li {
  float:left;
  margin:0 5px;
  padding:0;
  }
  
#settings-nav a,
#settings-nav span {
  float:left;
  display:block;
  border-top:1px solid #CCC;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  -moz-border-radius-topleft: 3px;
  -khtml-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -khtml-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  color:#666;
  text-decoration:none;
  padding:5px 10px 4px;
  background:#EAEAEA;
  }
  #settings-nav span {
    text-decoration:line-through;
  }
  #settings-nav a:hover {
    background:#1d5679;
    color:#b2e8f4;
    }

/* where am I? */
body.home #nav a.home,
body.about_us #nav a.about_us,
body.contact #nav a.contact,
body.blog #nav a.blog,
body.organizations #nav a.organizations,
body.locations #nav a.locations,
body.activities #nav a.activities {
  color: #FFF;
}
    
#subnav {
  /*background: #999999;*/
  /*background: #1f6192;*/
  background: #eee;
  /*border-bottom: 1px solid #efefef;*/
  line-height: 1em;
  font-size:110%;
  padding: 10px 0 0;
  
  }
  #subnav ul {
    height: 21px;
    list-style:none;
    margin: 0;
    padding: 0;
    float: left;
    }
  #subnav ul li {
    float: left;
    padding: 0 12px;
    /*border-left: 1px solid #fff;*/
    background:url(../images/nav-divider.jpg) left center no-repeat;
    
    }
    #subnav ul li.first {
      padding: 0 12px 0 12px;
      background: none;
      }
    #subnav ul li.last {
      }
  #subnav ul li a:link, #subnav ul li a:visited {
    /*color: #A4E3F2;*/
    color: #1f6192;
    }    

/* where am I? */
body.company #subnav a.company,
body.help #subnav a.help,
body.faq #subnav a.faq,
body.contact #subnav a.contact {
  /*color: #FFF;*/
  color: #999
}


#content {
  padding:20px 0 50px;
  background:#E0F8FA url(../images/content-bg.jpg) left top repeat-x;
  }
  
#main {
  width:740px;
  float:left;
  }
  #main .results_info {
    text-align: center;
    width: 100%;
  }


#sidebar {
  /*border: 1px solid #f00;*/
  margin-top: 110px;
  width:190px;
  float:right;
  }

#footer {
  border-top:4px solid #FFF;
  background:#FFF url(../images/footer-bg.jpg) left top repeat-x;
  padding:20px 0;
  text-align:center;
  line-height:1.8em;
  color:#938376;
  }
  #footer a {
    color:#376680;
    text-decoration:underline;
    }
  #footer .legal a {
    color:#938376;
    font-size:90%;
    }
  #footer strong {
    font-size:90%;
    }
  #footer ul.link-list li {
    border-right:1px solid #CCC;
    padding-right:14px;
    }
    #footer ul.link-list li.last {
      border:none;
      }

/*-- Header --*/
#header-search {
  float:right;
  }

#header-search table {
  margin:20px 0 0;
  }
  
#header-search table td {
  padding:2px 5px;
  }
  
#header-search input[type="text"] {
  font-size:110%;
  width:200px;
  }
    
/*-- Home Page --*/
#home-header {
  padding:20px 0;
  height:140px;
  background: url(../images/header-bg.png) repeat-x bottom left;
  
  border-bottom:4px solid #FFF;
  text-align:center;
  }
  #home-header h1 {
    color:#3E7591;
    margin:5px 0 0;
    font-weight:normal;
    font-style:italic;
    font-size:140%;
    }
  #home-header h2 {
    color:#3E7591;
    margin:10px 0 0;
    font-weight:normal;
    font-style:italic;
    font-size:110%;
  }  
  #home-info {
    margin: 0px auto 0;
    padding: 10px 0 0;
    width: 550px;
    background: url(../images/home-line.png) center top no-repeat;
    }
    #home-info h2 {
      color:#3E7591;
      font-weight:bold;
      line-height:1em;
      font-size:160%;
      margin:1em 0 0.5em;
      }
    #home-info p {
      margin:0;
      padding:0;
    }
    #home-info a {
      color:#F60;
      }

#main_home{
  width:950px;
  text-align: center;
  /*border: 1px solid #aaa;*/
}

#home-search {
  width: 740px;
  /*border: 1px solid #aaa;*/
  margin:0 auto;
  font-size:110%;
  }  
  #home-search h1 {
    color:#111;
    text-transform:none;
    margin:1.5em 0 .5em;
    letter-spacing:0;
    font-size:170%;
    }
  #home-search input[type="text"] {
    /*width:250px;*/
    height:20px;
    font-size:120%;
    padding:10px;
    margin-right:10px;
    border:1px solid #2E5B72;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-top-left-radius: 6px;
    }

#home-search form {
  margin:0 auto;
  text-align:center;
  }
  #home-search .adv-search-blurb {
    padding-top: 1.5em;
    padding-bottom: 1em;
  }
  
  #home-search td.home-search-button {
    vertical-align:middle;
    }

  #home-search input.home-search-field {
    width:295px;
  }
  #home-search input.loc-search-field {
    width:180px;
  }

  #home-search #adv-search {
    border: 5px solid #aaa !important;
    background-color: #efefef;
    padding: 25px;
  }
  
  td.adv-search {
    margin-top: 35px;
    border: 5px solid #aaa !important;
  }
  #home-search #adv-search input.age-search-field {
    width:30px;
  }
  #home-search #adv-search th {
    height: 55px;
    padding: 10px;
    width: 30%;
    text-align: right;
    border: 1px solid #f00;
  }
  #home-search #adv-search td {
    text-align: left;
    width: 70%;
  }
  #home-search #adv-search p {
    float:left;
  }
  #home-search #adv-search h2,
  #home-search #adv-search .search-fields {
    padding-left: 35px;
  }
  #home-search #adv-search .hint {
    float:right;
    margin: 8px 30px 0 0;
    font-size: 1.2em;
  }
  #home-search #adv-search #advanced-search-button {
    float:right;
    margin: 5px 200px 0 0;
  }

.filter {
  position: absolute;
  right: 0;
  top: -20px;
  /*border: 1px solid #f00;*/
  width:190px;
  }

#filter_results_top {
  margin-top: 0px;
	background-color:#33769c;
	color:#fff;
	font-size:70%;
	padding: 0 7px 0 0;

/*  -moz-border-radius-bottomright: 8px;
  -khtml-border-bottom-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;

  -moz-border-radius-bottomleft: 8px;
  -khtml-border-bottom-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
*/
}

#filter_results_top a {
  display: block;
  padding: 2px 0 2px 7px;
  color: #fff;
  background-position: center right !important;
  outline: none;
  text-transform: uppercase;
}

#filter_results_form {
	background-color: #ecf9fc;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 10px;
	border-right: 3px solid #aaa;
	border-bottom: 3px solid #aaa;
	border-left: 3px solid #aaa;
	
	-moz-border-radius-bottomright: 8px;
  -khtml-border-bottom-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  
  -moz-border-radius-bottomleft: 8px;
  -khtml-border-bottom-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  
}

#filter_results_form label {
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

#filter_results_form label.first {
  margin-top: 3px;
}

#filter_results_form select {
  display: block;
}

#filter_results_form input.text {
  width: 158px;
  font-size: 12px;
  height: 15px;
}

#filter_results_form input.apply {
  float: right;
  display: block;
  margin-top: 10px;
}

#filter_results_form label.check_box {
  display: inline;
  font-weight: normal;
  margin-top: 0;
}

#filter_results_form div.divider {
  height: 1px;
  border-bottom: 1px dotted #1c6b8c;
  margin: 10px 0 10px 0;
}

/*-- Organization --*/
img.logo {
  float:left;
  border:4px solid #FFF;
  margin-right: 1em;
  width: 120px;
  height: 120px;
  }

#org-header h1, #fac-header h1 { font-size: 180%; margin:0 0 5px;}


table.form-table th,
table.form-table td {
  margin:0;
  padding:5px;
  vertical-align:top;
  }

table.form-table th {
  font-weight:bold;
  text-align:right;
  vertical-align:top;
  white-space:nowrap;
  }

table.form-table th.left {
  text-align:left;
  }

table.org-create th {
  width:100px;
  }

.hint {
  color:#666;
  font-size:90%;
  font-style:italic;

   }

.hintorg {
  color:#666;
  font-size:90%;
  font-style:italic;
  margin: 0px 100px 0px 0px;
   }

a.cancel {
  margin:0 0 0 10px;
  font-size:95%;
  color:#C00;
  }

#errorExplanation {
  color:#C00;
  margin:2em 0;
  padding:0 2em 2em;
  border-top:2px solid #C00;
  border-bottom:2px solid #C00;
  background:#FCC;
  }
  
#errorExplanation h2 {
  color:#C00;
  padding:4px 0 4px 30px;
  background:url(../images/alert_large.gif) left center no-repeat;
  }

#errorExplanation p {
  display:none;
  }
  
#errorExplanation li {
  padding:2px 0 2px 20px;
  margin:0;
  background:url(../images/x_red.gif) left center no-repeat;
  }

div.fieldWithErrors {
  padding-right:24px;
  background:url(../images/x_red.gif) right center no-repeat;
  float:left;
  }
  .fieldWithErrors input[type="text"],
  .fieldWithErrors input[type="password"] {
    background:#FCC;
    border-color:#F00;
    }

.table-pagination-header {
  width: 720px;
  margin: 0;
  padding: 0;
}

.sort-img { width: 120px; height: 60px; float:left; position: relative; }
.sortby{  vertical-align:inherit; position:absolute; bottom: 0; left: 0; }
  
/* Data table */
table.data-table {
  width: 100%;
  }

table.data-table tr.even {
  background:#ABE5F3;
  }
table.data-table tr.light {
  background:#efefef;
  }
table.data-table tr.dark {
  background:#d0d0d0;
  }
  
table.data-table tr.activity-suggestion {
/*  background:#F8FFC4;*/
  background: #BFBFBF;
  }
table.data-table tr.first-activity-suggestion {
  background: #BFBFBF;
  }
  table.data-table tr.first-activity-suggestion td {
    text-align: center;
    color: #fff;
    font-size: 120%;
    border-bottom: 1px solid #fff;
  }
  
  
table.data-table thead {
  /*background:#3881A4 url(../images/th-bg.jpg) left top repeat-x;*/
  }
table.data-table thead tr th {
  background:#3881A4 url(../images/th-bg.jpg) left top repeat-x;
  padding: 5px;
  }
table.data-table th {
  margin:0;
  padding:5px;
  background:url(../images/th-divider-bg.jpg) right center no-repeat;
  color:#F3F3F3;
  text-align:left;
  white-space:nowrap;
  font-weight:bold;
  line-height:1.2em;
  }
  table.data-table th.sortable a {
    color: #fff;
  }
  table.data-table th.current a.current {
    color: #fff;
    font-size: 1.2em;
    text-decoration: underline;
  }
  table.data-table th small {
    font-weight:normal;
    font-style:italic;
    }
  
table.data-table td {
  margin:0;
  padding:5px;
  vertical-align:top;
  }
  

/*-- Icons --*/
.icon {padding:2px 0 2px 20px;}
.edit {background:url(../images/edit.gif) left center no-repeat;}
.delete {background:url(../images/delete.gif) left center no-repeat;}
.tag {background:url(../images/tag.gif) left center no-repeat;}
.suggest {background:url(../images/suggest.gif) left center no-repeat;}
.add {background:url(../images/add.gif) left center no-repeat;}
.close {background:url(../images/x_blue.gif) left center no-repeat;}
.user {background:url(../images/user.gif) left center no-repeat;}
.admin {background:url(../images/locked.gif) left center no-repeat;}
.search {background:url(../images/search.gif) left center no-repeat;}
.hide {background:url(../images/minus.gif) left center no-repeat;}
.password {background:url(../images/locked.gif) left center no-repeat;}
.up {background:url(../images/arrow_up.gif) left center no-repeat;}
.down {background:url(../images/arrow_down.gif) left center no-repeat;}


/*- search results */
.month {
  text-transform:uppercase;
  font-size:100%;
  display:block;
  }

.day {
  text-transform:uppercase;
  font-size:180%;
  display:block;
  
  }
.year {
  display: none;
}

.activity-name {
  font-size:110%;
  font-weight:bold;
  }
  .activity-suggestion {
    font-size: 90%;
    font-weight: bold;
    color: #938376;
  }
  
/*-- Blog Style --*/
.post {
  margin:0 0 4em;
  }
  
.posted-by {
  font-style:italic;
  color:#666;
  background:url(../images/calendar.gif) left center no-repeat;
  padding:2px 0 2px 20px;
  }

.postmetadata {
  font-style:italic;
  color:#666;
  }

.category {
  background:url(../images/folder.gif) left center no-repeat;
  padding:2px 0 2px 20px;
  }

.comments {
  background:url(../images/comment.gif) left center no-repeat;
  padding:2px 0 2px 20px;
  }
  

.navigation {
  margin:0 0 20px;
  }
  
em.required {
  font-weight:bold;
  color:red;
  }
  
/*-- Ad Style --*/
div.ad {
  text-align:center;
  margin:0 0 20px;
  }
  

/*-- Messages --*/
.message-wrap {
  padding:10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-top-left-radius: 6px;
  margin:0 0 20px;
  border:1px solid;
  }
  .flash-message {
    width:800px;
    float:left;
    }
  .notice {
    border-color:#2E5B72;
    background:#D9F5F9;
    color:#2E5B72;
    }
    .notice a.close {
      color:#2E5B72;
      background:url(../images/x_blue.gif) left center no-repeat;
      }
  .error {
    border-color:#C00;
    background:#FCC;
    color:#C00;
    }
    .error a.close {
      color:#C00;
      background:url(../images/x_red.gif) left center no-repeat;
      }
    
/*-- Utility styles --*/
.clear {
  clear:both;
  }

ul.link-list {
  margin:1em 0;
  }

ul.link-list li {
  display:inline;
  margin:0 10px 0 0;
  }
  
.left {float:left;}
.right {float:right;}

.margin-right {margin-right:10px;}
.margin-left {margin-left:10px;}

.nowrap {white-space:nowrap;}

/* Pagination stuff */
.pagination {
  vertical-align:bottom;
  float: right;
  width: 530px;
  margin: 10px 0 0px 0;
  padding: 5px;
  }
  .pagination span, 
  .pagination a {
    line-height: 30px;
    border: 2px solid #aaa;
    padding: 7px 10px;
    background:#FFF url(../images/header-bg.jpg) left bottom repeat-x;
  }
  .pagination .prev_page {
    }
  .pagination .next_page {
    }
  .pagination .current {
      font-weight: 700;
    }    
  .pagination .enabled {
    display: none;
    }
    
li#flag a { 
  background: transparent url('') no-repeat 0 -62px; 
  }
#flag_dd,#flag_dd * { 
  margin:0;
  padding:0; 
  }
#flag_dd { 
  float:left; 
  max-width:100%;
  position:relative;
  }
  #flag_dd li {
    cursor:pointer;
    float:left;
    list-style-type:none;
    position:relative;
    }
    #flag_dd li:hover ul {
      display:block;
      z-index:10; 
      }
    #flag_dd li ul { 
      background:#fff url("") repeat scroll 0%; 
      cursor:default; 
      display:none; 
      height:auto; 
      border:1px solid #ebebeb; 
      left:0; 
      top:2em; 
      padding:3px 5px; 
      position:absolute;
      width:8em !important;
      text-indent:0;
      }
    #flag_dd li ul li { } 
    #flag_dd li ul li.bottom{
      border-top:1px solid #ebebeb;
      }
    #flag_dd li a {
      color:#78787b;
      display:block;
      float:left;
      height:2em;
      line-height:1.5em;
      padding:0 ;
      text-decoration:none;
      }
    #flag_dd li ul li a{ 
      background:none;
      cursor:pointer !important;
      font-size:0.8em;
      height:1.7em;
      line-height:1.7em;
      position:relative !important;
      white-space:nowrap;
      width:8em;
      padding:0;
      text-indent:0;
      }
    #flag_dd li a:hover, #flag_dd li a:focus, #flag_dd li a:active {
      text-decoration: underline;
      }
    #flag_dd ul a:hover, #flag_dd ul a:focus, #flag_dd ul a:active{
      text-decoration: underline;
      }

#registrations li p {display: inline; margin-right: 1em;}
#privileged #registrations h3, #privileged #registrations hr {display: none;}

.privileged { /*border: 2px solid #FF6F6F;*/ background-color: #EFFEFF; padding: 5px 10px; margin: 15px 10px; border-left: 1px dotted #FF6F6F; border-right: 1px dotted #FF6F6F;}
.privileged h2 {margin-top: 5px;}

.privileged a:link, 
.privileged a:visited,
.privileged a:hover,
.privileged a:active { border-bottom: 1px solid #FF6F6F; margin-right: 20px;}
    


#popular-tags li { display: inline;}

.sidebar {
  float:right; 
  width: 325px;
}
.sidebar .callout{
  width: 320px;
  margin: 20px 50px 0 0; 
  background-color: #eee; 
  padding: 10px; 
  border: 8px solid #aaa; 
}
.sidebar .callout h2 {text-align:center}
.sidebar .callout ol {list-style-type: circle; margin-left: 25px}

#user-head img {
  float: right; 
  padding-right: 1em;
  margin-top: -5px;
  height: 250px;
  width: auto;
}

#rating_item_1 { float:right; margin: 0 0 0 20px; font-size: .8em;}

.addthis {float: left; margin: 6px 0;}

.admin-block { float:left; margin: 10px; width: 250px; border: 2px solid #bbb; height: 150px; padding: 3px 10px; }
