/*** PALLETTE
 * Dark border: #005866
 * Dark background: #005866;
 * Highlight: #d1e7ed
 * Purple header: #993366
 * Green header: #8CB171
 */

a:link {color : #6EA0A7; text-decoration: none}
a:visited {color : #6EA0A7; text-decoration: none}
a:active {color : #6EA0A7; text-decoration: none}
a:hover {color : #005967}


body {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size : 10px;
        color: #666;
        line-height: 1.6em;
        margin:0;
}

form {
  margin:0px;
  border:0px;
}

h1 {
  color:#8CB171;
        font-size:17px;
        margin-top:0px;
}

h2 {
  color:#6EA0A7;
  margin-bottom:0px;
  font-size:13px;
}

img {
  border:0;
}

#header-wrapper {
  background-color:#d1e7ed;
  width:740px;
  margin-left:32px;
  padding-bottom:22px;
  border-bottom:1px solid #005866;
}

#header {
  padding:10px 0px 30px;
  border-bottom:1px solid #005866;
  background-color:white;
}

#wrapper {
        width:740px;
        margin-left:32px;
}

ul {
  margin:0;
  padding:0;
  list-style:none;
}

li {
  margin:none;
  list-style:none;
  padding:none;
}

#breadcrumbs a:hover {
  text-decoration:underline;
}

/**** primary content ****/
#primary {
  margin:0px 10px 0px 201px;
  padding:10px 0px 15px 24px;
  border-left:1px solid #005866;
}

/* nav */
#secondary-nav {
  float:left;

  border-right:1px solid #005866;
  width:201px;
  font-size : 10px;
}

#secondary-nav h2 {
  padding:10px 5px;
  margin:0px;
  font-size:14px;
  color:white;
  background-color:#8CB171;
}

#secondary-nav h2.bordered {
  margin-top:2em;
  border-top:1px solid #005866;
  border-bottom:1px solid #005866;
}

/** first level styles **/
#secondary-nav a {
  display:block;
  padding:3px 8px 3px 5px;
  color:#005866;
  background-color:#d1e7ed;
  width:188px;
  border-top:1px solid #005866;
}

#secondary-nav ul {
  border-bottom:1px solid #005866;
}

#secondary-nav a:hover {
  color:white;
  background-color:#6EA0A7;
}

/** second level styles **/
#secondary-nav ul ul {
  background-color:#d1e7ed;
}

#secondary-nav ul ul a {
  width:187px;
}

#secondary-nav ul ul {
        border:1px solid #005866;
        border-top:none;
}


/** active styles **/
#secondary-nav ul li.active, #secondary-nav ul li.active ul {
  font-weight:bold;
}

#secondary-nav ul li.active ul {
  font-weight:normal;
}

#secondary-nav ul li.active a:hover {

}


/**** SIDEBAR ****/
.sidebar {
  float:right;
  width:140px;
  margin:11px 0px 2px 8px;  
  padding:0 0 0 6px;
  background-color:white;
}

.sidebar td {
  padding-bottom:6px;
}

.sidebar h2 {
  margin:0px;
  border:0;
  color:#8CB171;
}


.sidebar td {
  text-indent:8px;
  background:url(/javascripts/p7pm/img/p7PM_dark_east.gif) no-repeat left 4px;
}


#secondary-nav .help-link {
  padding:5px 10px;
  border:3px solid #d1e7ed;
  background-color:white;
  text-align:center;
  background-color: #005866;
  margin:25px 0 10px;
}

#secondary-nav .help-link a {
  color:white;
  background-color: #005866;
  font-size:12px;
  width:auto;
  margin:0;
  padding:0;
}

#secondary-nav .help-link a:hover {
  color:#d1e7ed;
}

/**** SURVEY ****/
#survey .question-set {
  padding-bottom:15px;
}

#survey .question {

  padding:3px 40px;
  border:1px solid #d1e7ed;
}

#survey .number {
  background-color:#005866;
  padding:4px 5px 4px 3px;
  color:white;
  float:left;
  width:20px;
  text-align:right;
}

#survey .response {
  padding:2px 0px 0px 40px;
}

#survey-link-container {
  margin-top:4em;
}

/**** FOOTER ****/
#footer {
  clear:both;
  padding:10px 30px 30px 0px;
  font-size : 8pt;color : #999999;
  border-top:1px solid #005866;
  background-color:white;
}

#footer-wrapper {
  border-top:1px solid #005866;
  padding-top:11px;
  background-color:#d1e7ed;
  position:relative;
  top:-1px;
  clear:both;
}

html>body #footer-wrapper {
  padding-top:22px;
}
/**** content ****/
.subcategory-links {
  padding-bottom:2px;
  border-bottom:2px solid #ccc;
}

.highlighted {
  background-color:#d1e7ed;
  color:#333;
  padding: 4px;
}

/**** BETA ****/
#beta {
  position:absolute;
  left:720px;
  background-color:#d1e7ed;
  padding:4px 7px;
  border:1px solid #005866;
  border-top:none;
}

/**** EVENTS ****/
.event-container {
  margin-bottom:1em;
  width:330px;
}

.events {
  width:330px;
  background-color:white;
}

.events td {
  padding-left:3px;
}

.events .first {
  width:50px;
}

.events .title td {
  font-weight:bold;
  font-size:1.2em;
}

.events .title td, .events .dates td, .events .details td, .events .where td, .events .hosting-organization td {
  border-bottom:1px solid #ccc;
  height:100%;
  vertical-align:top;
}

#secondary-nav .events-nav ul {
  margin:1em 0 .5em 5px;
  border:0;
}

.events-nav li {
  text-indent:8px;
  background:url(/javascripts/p7pm/img/p7PM_dark_east.gif) no-repeat left 4px;
}

.events-nav p {
  margin:0px 0 1em 5px;
}

.highlight {
  border:5px solid #d1e7ed;
  background-color:#d1e7ed;
}


#secondary-nav .events-nav a, #secondary-nav .events a:link {color : #6EA0A7; text-decoration: none; background:none; border:none; padding:0;}
#secondary-nav .events-nav a:visited {color : #6EA0A7; text-decoration: none}
#secondary-nav .events-nav a:active {color : #6EA0A7; text-decoration: none}
#secondary-nav .events-nav a:hover {color : #005967}