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
--------------------------------------------------*/

#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;
}

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; }

.highlight { background-color: #ff9 }

/* -------------------------------------------------
FORMS
--------------------------------------------------*/
input[type=submit] { background: url(/images/backgrounds/button_submit.png) top left no-repeat; border: 1px solid #78941b; color: #fff; font-size: 0.9em; padding: 3px;}
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 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: 5px 0; width: 266px;}
p.formrow_concat input.name { float: left; margin: 5px 0; width: 150px;}
p.formrow_concat input.title { float: left; margin: 5px 8px 5px 0; width: 70px;}
p.formrow_concat input.initials { float: left; margin: 5px 8px; width: 75px;}
p.formrow select { float: left; margin: 5px 0;}
input.text, input.password, textarea { border: 1px solid #000; background: #efefef; font: 1em Helvetica, Arial, sans-serif; }
p.formrow input.short { width: 133px;}
/* 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;}

/* -------------------------------------------------
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.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; }

/* -------------------------------------------------
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;}

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

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

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

.meetings h1, .outreach h1 { background: #efefef; padding: 3px; }
/*.meeting { border-top: 1px dotted #666; }*/
h2.m_title { margin: 0; padding: 2px 0 0; border-bottom: 1px solid #000; }
p.m_details, .meetdetails p { color: #999; font-size: 0.8em; margin: 0 0 0.5em; padding: 2px;}
.m_descrip { margin: 0 0 1.5em 1em; }
.m_descrip p { margin: 0 0 0.3em;}

/* -------------------------------------------------
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; }