body { color: #000; font: 1em Arial, Verdana, sans-serif; background: url(/images/backgrounds/body.png)top left repeat-x #efefef; margin: 0; padding: 0; }

a { color: #205aad; text-decoration: none;}
a.external { background: url(/images/backgrounds/external_link.png) right 50% no-repeat; margin: 0; padding: 0 20px 0 0; }
a.dl_word { background: url(/images/backgrounds/dl_word.png) left 50% no-repeat; display: block; margin: 0; padding: 3px 0 3px 25px; }
a.dl_acrobat { background: url(/images/backgrounds/dl_acrobat.png) left 50% no-repeat; display: block; padding: 3px 0 3px 25px; }
a img { border: none; }
table { border-collapse: collapse; margin: 0 0 1em;}
td, th { border-bottom: 1px dotted #ccc; font-size: 0.9em; font-weight: normal; padding: 3px 10px 3px 3px; vertical-align: top; text-align: left;}
th {
  background: #cdcdcd; border-bottom: 1px solid #666; border-right: 1px solid #fff; }

h1 {  font-size: 1.4em; font-weight: normal; }
h2 { border-bottom: 1px solid #dadada; font-size: 1.1em; font-weight: normal;  }
h3 { font-size: 1.1em; font-weight: normal; margin: 1em 0 0;  }
h4 { margin: 2px 0; }
p { font-size: 0.9em; line-height: 1.4; }
th.center, td.center { text-align: center; }
th.right, td.right { text-align: right; }


/* -------------------------------------------------
NAVIGATION
--------------------------------------------------*/

#navigation { border-top: 1px solid #fff; height: 30px; margin: 119px 0 0; }

/* primary navigation is in the file superfish.css */

.home .sf-menu li#nhome a, .about .sf-menu li#nabout a, .research .sf-menu li#nresearch a, .publications .sf-menu li#npublications a, .grants .sf-menu li#ngrants a, .members .sf-menu li#nmembers a, .outreach .sf-menu li#noutreach a  { color: #fff; }

/* navigation in the right hand column */
.secondarynav a { border-bottom: 1px dotted #004461; color: #004461; display: block; font-size: 0.9em; margin: 0 -5px; padding: 5px;}
.secondarynav a:hover { background: #004461; color: #fff;}

/* -------------------------------------------------
MAIN PAGE BLOCKS
--------------------------------------------------*/
#loggedin { background: #ffc; border-bottom: 1px solid #333; padding: 5px; }
#loggedin p { margin: 0 auto; padding: 0; width: 953px;}
#main { float: left; width: 502px; }
#right { float: right; font-size: 0.9em; margin: 50px 0 0; width: 277px;}

#main li { font-size: 0.9em; line-height: 1.4; margin: 0 0 0.5em;}


#right .column { background: url(/images/backgrounds/homecol.png) bottom left no-repeat; margin: 0 0 15px; }

#main2 { float: left; width: 600px; }
#right2 { float: right; font-size: 0.8em; margin: 50px 0 0; width: 200px;}

#right2 .column { background: url(/images/backgrounds/narrowcol.png) bottom left no-repeat; margin: 0 0 15px; width: 190px; }
#right2 h2 {background: url(/images/backgrounds/narrowcol_h2.png) top left no-repeat; border-bottom: 1px solid #004461; color: #efefef;  margin: 0 -5px; padding: 5px; }

#right2 a.dl_word, a.dl_word_blue  { background: url(/images/backgrounds/dl_word_blue.png) left 50% no-repeat; display: block; margin: 0; padding: 3px 0 3px 25px; }
a.dl_acrobat_blue  { background: url(/images/backgrounds/dl_acrobat_blue.png) left 50% no-repeat; display: block; margin: 0; padding: 3px 0 3px 25px; }

#header, #header.iceberg1 { background: url(/images/banners/iceberg1.jpg) top left no-repeat; border: 1px solid #000; margin: 5px auto 0; padding: 0; width: 953px; }
a#home { display: block; float: left; height: 100px; margin: 0; text-indent: -1000em; width: 200px;}
#header.iceberg2 { background: url(/images/banners/iceberg2.jpg) top left no-repeat; }
#header.blog { background: url(/images/banners/blog.jpg) top left no-repeat; }
#content { background: #fff;  border-left: 1px solid #000;  border-right: 1px solid #000; margin: 0 auto; padding: 10px 30px 20px; width: 893px; }
#footer { background: #333;  border: 1px solid #000; color: #999; font-size: 0.7em; margin: 0 auto 20px; padding: 5px 10px; width: 933px; }
#footer a { color: #999; text decoration: none;}

/* -------------------------------------------------
TABLES
--------------------------------------------------*/

table.wide {
  width: 98%;
  font-size: 0.9em;
}

tr.even {
  background-color: #def;
}

td.nowrap { white-space: nowrap;}


/* -------------------------------------------------
NEWS
--------------------------------------------------*/

.news .article { margin: 1em 0 0;}
.news p.date { color: #999; font-size: 0.7em; margin: 0; padding: 2px 0;}
.news p.articledate { border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; color: #999; font-size: 0.7em; margin: 0; padding: 2px 0;}
.news #main h2 { font-weight: bold; margin: 3px 0;}
span.smaller { font-size: 0.8em;}

.leadin { font-size: 0.8em; padding: 4px; }
.leadin p.tight { padding: 4px 0 2px; }
/* -------------------------------------------------
MISCELLANEOUS
--------------------------------------------------*/

.clear { clear: both; font-size: 0px; height: 0px;}
#right > img { margin-bottom: 20px;}
p.final { border-top: 1px dotted #333; padding: 5px 0 0;}
.right { text-align: right; }
p.tight {margin: 5px 0; padding: 0;}
.nobr { white-space: nowrap;}
p.explanatory { color: #666; font-size: 0.8em;}
span.explanatory { color: #666; }
.floatleft { float: left;}
.floatright { float: right;}
.highlight { background-color: #ff9 }

/* -------------------------------------------------
FORMS
--------------------------------------------------*/
input[type=submit] { background: url(/images/backgrounds/button_submit.png) top left no-repeat; border: 2px solid #495b11; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 1.1em; padding: 5px; text-shadow: 0 -1px 0 #9bbf23; }
form.narrow { border: 1px solid #ccc; margin: 10px 0; padding: 20px; width: 500px;}
form.narrow span.explanatory { color: #999; display: block; font-size: 0.8em; padding: 0 15px 0 0;}
form.narrow span.explanatory strong { color: #c00; }
form.wide { border: 1px solid #ccc; margin: 10px 0; padding: 20px; width: 95%;}

form h3 { background: #efefef; clear: both; margin: 1em 0 0; padding: 3px;}
p.buttons { border-top: 1px dotted #ccc; clear: both;  padding: 10px 0 0; text-align: right; }
p.formrow, p.checkrow { border-top: 1px dotted #ccc; clear: both; }
p.checkrow { padding: 0 0 0 226px;}
p.formrow label, p.formrow .pseudolabel { float: left; margin: 5px 0; width: 226px;}
p.checkrow label, p.checkrow input { float: left; margin: 5px 10px 5px 0;}
p.formrow input, p.formrow textarea { float: left; margin: 8px 0; width: 266px;}
p.formrow input.name { width: 200px;}
p.formrow input.title { width: 70px;}
p.formrow input.initials { width: 70px;}
p.formrow select { float: left; margin: 5px 0;}
fieldset { margin-bottom: 20px;}
/*input.text, input.password, textarea { background: #efefef; font: 1em Helvetica, Arial, sans-serif; }*/
p.formrow input.short { width: 133px;}
p.formrow .file_upload {
  display: block;
  float: right;
  width: 266px;
}
/* user notifications */ 
div.error { background: #ffffee; border: 1px solid #c00; color: #c00; font-size: 0.8em; margin: 0 auto 10px; padding: 0 5px 5px; }
div.error h2 { background: #fcc; border-bottom: 1px solid #c00; font-size: 1em; margin: 0 -5px 10px; padding: 5px;}
div.error ul { margin: 3px 0; }
input.error { background: #ffc; border: 1px solid #c00;}
span.hint { color: #999; display: block; font-size: 0.8em;}
label em { color: red; }
p.formrow label.checkbox { width: 853px; margin-top: 0;}
p.formrow input.checkbox {float: left; width: 30px;}

/* -------------------------------------------------
ERRORS
--------------------------------------------------*/
.error { font-size: 0.8em; color: #f33; }
.error h2 { font-size: 1.1em; }
.narrowcontent {margin: 50px auto; width: 500px ;}

/* -------------------------------------------------
contacts
--------------------------------------------------*/
h2.archive { background: #efefef; border-bottom: 1px dotted #666; margin: 1em 0 0.5em;}
.officer p { margin-top: 0; }
td.offname { font-size: 0.8em; width: 360px;}
td.offdates { font-size: 0.8em; width: 115px;}

/* -------------------------------------------------
directory
--------------------------------------------------*/
table.directory { font-size: 0.8em; width: 100%; margin: 20px 0 0;}
table.directory tr.new_member { background: #def; }
table.directory tr.expired td { color: #aaa; }
table.directory tr.expired td a { color: #ace; }

table.listing { border: 1px solid #333;}
table.listing th { border-bottom: 1px dotted #999; background: #ccc; }

#searchlink a { background: url(/images/backgrounds/button_submit.png) top left no-repeat; border: 1px solid #78941b; color: #fff;  margin: 0; padding: 1px 5px; width: 120px; }

#search { background: #d2d7df; border: 1px solid #000; padding: 0 5px 5px;}
#search h3 { background: #8593aa; border-bottom: 1px solid #fff; color: #fff; margin: 0 -5px 1em; padding: 5px;}

#membersearch p { float: left; margin: 0 20px 0 0; }
#membersearch label { color: #333; display: block; }
#membersearch input[type=text] { border: 1px solid #000; background: #fff; font-size: 1.3em ; padding: 3px; width: 230px; }
#membersearch input[type=submit] { background: url(/images/backgrounds/button_submit.png) top left no-repeat; border: 2px solid #78941b; font-size: 1.3em; padding: 2px 5px;}

#hidesearch a { font-size: 0.8em; text-decoration: none; }
#pagenav { color: #999; font-size: 0.9em; margin: 10px 0 0;}
.namedetails { background: #ffc; border: 1px solid #000; margin: 0 0 2em; padding: 5px 10px 20px 10px; }
.namedetails .formrow:first-child { border-top-style: none;}

/* -------------------------------------------------
HOME PAGE
--------------------------------------------------*/
.home p { font-size: 0.8em; }
.home h2 { border-bottom: none; font-size: 1em; margin: 0 0 1em;}
#about { background: url(/images/backgrounds/home_about.png) bottom left no-repeat; margin: 0 0 15px; }
#notifications { background: url(/images/backgrounds/home_notifications.png) bottom left no-repeat; margin: 0 0 15px; }
#threecol { background: url(/images/backgrounds/home_threecol.png) bottom left no-repeat; margin: 0 0 15px; }

#about .columnwide p { padding: 0 210px 0 0;}
.column { float: left; margin: 0 30px 0 0; padding: 0 5px; width: 267px; }

.column.last { margin: 0;}
.columnwide  {  float: left; margin: 0 30px 0 0; padding: 0 5px; width: 574px; }
#notifications .column, #notifications .columnwide { background: none; }
.column h2, #notifications .column h2, .columnwide h2, #notification .columnwide.brown h2 {background: url(/images/backgrounds/homecol_h2.png) top left no-repeat; border-bottom: 1px solid #004461; color: #efefef;  margin: 0 -5px; padding: 5px; }
#notifications .column h2 {background: url(/images/backgrounds/homecol_h2_brown.png) top left no-repeat; }
.columnwide h2 {background: url(/images/backgrounds/homecol_wide_h2.png) top left no-repeat; }
#notifications .columnwide h2 {background: url(/images/backgrounds/homecol_wide_h2_brown.png) top left no-repeat; }
.clear { clear: both; font-size: 0px; height: 0;}

/* Login form */
#login { width: 300px; margin: 0 auto; }
p.formrow { clear: both; padding: 10px 0}
#login label { width: 75px; float: left; }
#login input[type=text], #login input[type=password] { background: #efefef; border: 1px solid #ccc; width: 200px; float: right; }
#login input[type=submit] { margin: 0 0 0 125px;}

/* mailshot form */
.recipients {font-size: 0.9em}
.recipients p {border-top: 1px dotted #ccc; padding: 5px 0 0; margin: 10px 0;}
.recipients label {padding: 0 15px 0 0;}

/* -------------------------------------------------
GEOLOCATIONS MAP
--------------------------------------------------*/
.tools { padding: 2px 0; float: left; width: 100%; background-color: #333;}

.category_box { background: url(/images/backgrounds/categories-bgds.png) no-repeat right 0; color: #ffffff; float: left; font-size: 12px; padding: 8px 52px 7px 10px; border-left: 1px solid #333; border-right: 1px solid #333; }

#category_box_field { background-position: right 0;}
#category_box_meeting_qra { background-position: right -40px }
#category_box_meeting_cosponsored { background-position: right -80px }
#category_box_photo { background-position: right -120px }
#category_box_info { background-position: right -160px }
#category_box_talk { background-position: right -200px }
#category_box_educational { background-position: right -240px }

#location_address_box input { background: #fff url(/images/backgrounds/search.jpg) 4px 1px no-repeat; width: 80%; height: 30px; margin: 10px; padding: 0 0 0 40px; }

button#search_address { background: #fff url(/images/backgrounds/search-bgd.jpg) 0 0 repeat-x; padding: 7px 20px 7px 25px; font-size: 0.8em; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; cursor: pointer;}

#map_info { padding-top: 10px; white-space: nowrap; margin-right: 10px; overflow: hidden; }
#map_info p.category { background: #fff url(/images/backgrounds/categories-icons.png) 0 0 no-repeat; padding: 5px 0 5px 38px; }

#map_info.field p.category { background-position: 0 -69px }

#map_info.meeting_qra p.category { background-position: 0 -35px }
#map_info.meeting_cosponsored p.category { background-position: 0 0 }
#map_info.talk p.category { background-position: 0 -207px }
#map_info.educational p.category { background-position: 0 -171px }

#map_info.photo  { background: #fff url(/images/backgrounds/photo.png) 270px 2px no-repeat; padding-right: 10px;}
#map_info.photo p { background-position: 0 -104px }
#map_info.info p { background-position: 0 -137px }

#map_info.field a { border-bottom: 1px dotted #009933; color: #009933; padding: 0 0 5px 0; width: auto; display: block;}
#map_info.field a:hover { border-bottom: 1px solid #006633; color: #006633; }
#map_info.meeting_qra a { border-bottom: 1px dotted #3399cc; color: #3399cc; padding: 0 0 5px 0; width: auto; display: block;}
#map_info.meeting_qra a:hover { border-bottom: 1px solid #006699; color: #006699; }
#map_info.meeting_cosponsored a { border-bottom: 1px dotted #ff6600; color: #ff6600; padding: 0 0 5px 0;}
#map_info.meeting_cosponsored a:hover { border-bottom: 1px solid #ff3300; color: #ff3300; }
#map_info.photo a { border-bottom: 1px dotted #663333; color: #663333; padding: 0 0 5px 0; width: auto; display: block; }
#map_info.photo a:hover { border-bottom: 1px solid #330000; color: #330000; }
#map_info.info a { border-bottom: 1px dotted #999999; color: #999999; padding: 0 0 5px 0; width: auto; display: block;}
#map_info.info a:hover { border-bottom: 1px solid #333333; color: #333333; }

#toggle_map { background: #fff url(/images/backgrounds/showmap.jpg) 0 0 no-repeat; color: #fff; font-weight: bold; padding: 10px 32px 10px 40px; cursor: pointer; margin: 3px 5px 5px 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
border-radius: 5px; }

#toggle_map.show { background-position: -15px 0 }
#toggle_map.hide { background-position: -15px -36px }

/* -------------------------------------------------
RESEARCH GROUPS
--------------------------------------------------*/

.group p { margin: 0 0 1em; }

/* -------------------------------------------------
MEETINGS / SPONSORSHIP
--------------------------------------------------*/


.meetings h1, .outreach h1, .sponsorship h1 { background: #efefef; padding: 3px; }
/*.meeting { border-top: 1px dotted #666; }*/
h2.m_title, h2.s_title { margin: 0; padding: 2px 0 0; border-bottom: 1px solid #000; }
/* a-details used to syle feed articles in a similar manner to meetings */
p.m_details, .meetdetails p, p.a_details, p.a_date, p.s_details, p.s_date { color: #999; font-size: 0.8em; margin: 0 0 0.5em; padding: 2px;}
.m_descrip, .s_descrip { margin: 0 0 1.5em 1em; }
.m_descrip p, .s_descrip p { margin: 0 0 0.3em;}
div.a_details { font-size: 0.9em; color: #666;}
div.a_details p { margin: 0; font-size: 1em;}

/* -------------------------------------------------
FEED
--------------------------------------------------*/
.rss-feed .article { border-bottom: 1px dotted #ccc; margin: 0 0 1em; }
h2.a_title { margin: 0; padding: 2px 0 0; border-bottom: none; }
p.a_date { border-bottom: none; margin: 0; padding: 2px 0;}
p.a_details { padding: 2px 0;}

/* -------------------------------------------------
GRANTS
--------------------------------------------------*/

.appdetails p { background: #efefef; font-size: 0.8em; margin: 0 0 0.5em; padding: 2px;}

/* -------------------------------------------------
OPPORTUNITIES
--------------------------------------------------*/

.opportunity { margin: 0 0 1.5em; }
.opportunity h2 { margin: 0; padding: 2px 0 0;}
.opportunity .details { font-size: 0.8em; margin: 0 0 1.5em 0.5em; }
.oppdescrip p { color: #999; font-size: 0.8em; margin: 0 0 0.5em; padding: 2px; }
p.unavailable { color: #ccc; font-size: 1.3em; margin: 2em 0; text-align: center; }

/* -------------------------------------------------
RESOURCES
--------------------------------------------------*/

.resource { border-top: 1px dotted #666; margin: 0 0 1.5em; }
p.r_title {  font-weight: bold; margin: 0; padding: 2px 0 0;}
p.r_url { border-bottom: 1px dotted #ccc; font-size: 0.8em; margin: 0 0 0.5em; padding: 0;}
.r_descrip { font-size: 0.8em; margin: 0 0 1em;}
p.Teaching, p.Student, p.General, p.Download { background: #eeeeff; color: #99c; font-size: 0.7em; margin: 0 0 2px; padding: 2px;}
p.Teaching { background: #ddd0ce; color: #6e6867; }
p.Download { background: #efefef; color: #6e6867; }
.resource h5 { margin-bottom: 0; }
.resource ul.downloads { font-size: 0.8em; list-style: none; padding: 0;}
.resource ul.downloads li { padding: 0; }

/* --------------------------------------------------
SHOPPING CART & CHECKOUT
---------------------------------------------------*/

#shopping_cart, .paymentinfo {
  position: fixed;
  z-index: 3000;
  right: 10px;
  top: 10px;
  width: 200px;
  padding: 10px;
  font-size: 12px;
  background-color: white;
  border: 5px solid #666;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
}

#shopping_cart ul.line_items,
.paymentinfo ul.line_items {
  list-style: none;
  padding: 0;
  font-size: 0.9em;
  text-align: right;
}

#shopping_cart ul.line_items li,
.paymentinfo ul.line_items li {
  overflow: hidden;
  padding: 3px 0;
  border-top: 1px solid #ccc;
}

#shopping_cart ul.line_items li.total,
.paymentinfo ul.line_items li.total {
  padding: 3px 0;
  border-top: 2px solid #aaa;
  font-size: 1.2em;
  font-weight: bold;
}

#shopping_cart ul.line_items li:hover,
.paymentinfo ul.line_items li:hover {
  background-color: #fff4a0;
  cursor: default;
}

#shopping_cart ul.line_items li .name,
.paymentinfo ul.line_items li .name {
  float: left;
  width: 75%;
  text-align: left;
}

#shopping_cart ul.line_items li.total .shipping {
  font-size: 0.9em;
  font-weight: normal;
}

.paymentinfo {
  position: static;
  width: 350px;
  margin-bottom: 30px;
  font-size: 1em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.paymentinfo h2 {
  border-style: none;
  font-weight: bold;
}

.note {
  background-color: #EEF9FF;
  color: #333;
  margin:0 0 10px;
  padding: 1px 0 1px 5px;
  text-shadow: 0 1px 1px white;
}

.note h3 {
  margin-top: 0;
}

.specials {
  background-color: #def;
  margin: 30px -20px 20px -20px;
  padding: 20px;
}

.specials h2 {
  border-style: none;
}

.alert {
  background: #ffc;
  border: 5px solid #eeb;
  color: #333;
  padding: 0 1em;
  text-shadow: 0 1px 1px white;
  -webkit-box-shadow: 0 0 5px #666;
  -moz-box-shadow: 0 0 5px #666;
}

table.details {
  margin-left: -10px;
  width: 100%;
}

table.details colgroup.head {
  width: 20%;
}

table.details th {
  background-color: #d9d9d9;
  border-color: #aaa;
  border-right-style: none;
  color: #555;
  font-weight: bold;
  padding-left: 10px;
  text-shadow: 0 1px 1px white;
}

table.details td {
  color: #555;
  padding-left: 10px;
}

table.details th#canceled_header {
  background-color: #daa;
}

table.details td.canceled {
  background-color: #fee;
}

table.details tr.pending td.canceled {
  background-color: #fdd;
}

.column .officer {
  margin-top: 0.5em;
}

/* -------------------------------------------------
THANK YOU
--------------------------------------------------*/
h2.thankyou  {  
    background: none repeat scroll 0 0 #efefef;
    border-bottom: 2px solid #fff;
    margin: 24px 0 0;
    padding: 5px;
}

.row {  padding: 3px 0 0 20px; font-weight: bold;}

/* -------------------------------------------------
GLOBAL MODIFIERS
--------------------------------------------------*/

.nomargin { margin: 0 !important }


/* -----------------------------------------------
EDITABLE
-------------------------------------------------*/
#update-editable p {
  border-top: none; }
#update-editable textarea {
  border: 1px dotted #cccccc;
  font-family: Century Gothic, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  width: 620px;
  height: 400px; }

.editor .editable-container {
  background: #ffffee;
  border: 1px dotted #ffcc00; 
  margin: -1px; }


.super {
  font-size: 0.8em;
  vertical-align: super;
}