/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
#memberlogo{
position: inherit;
width:65px;
height:55px;
vertical-align:bottom;
text-align:center;
float:left;
padding:.5em;
margin:1.6em;
}
#memberlogo img{


}
#memberlogo a{
position: inherit;
vertical-align:bottom;

}
#membergrid table{


}
#membergrid td{
height:70px;

/*border:1px solid grey;*/
vertical-align:middle;

}
#membergrid img{
width:100px;
/*border:1px dotted grey;*/



}

body {
   text-align: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 1em;
}
.contenttopmargin{
  padding-top: 30px;
  line-height:120%;
/*width:500px;*/
/*margin:4px;*/
	width:470px;
	margin-left:5px;
}
.contenttopmargin a:hover{
color:#0066CC;
text-decoration:none;

}
#leftarea a{
	color:#808080;
}
#leftarea a:hover{
text-decoration: none;
color: #0066CC;


}
#leftarea{
	color:#808080;
	position:relative;
}
#leftarea img{
	border:none;
}
/*
set font size for all divs,
this overrides some body rules
*/
/*div {
   font-size: 13px;
}*/

/*
if img is inside "a" it would have 
borders, we don't want that
*/





/*
default link styles
*/
/* set all links to have underline and bluish color */

/*A:link 
A:active {
   text-decoration: none;
    /* css validation will give a warning if color is set without background color. this will explicitly tell this    
    element to inherit bg colour from parent element */
   /*background-color: inherit; */
   


/*.greylink{
   font-size: 10px
}*/


.hh1{
   color: #000080;   
   font-size: 40px;
   padding-bottom: 8px;
   padding-top: 8px;
   margin: 8px;
   line-height: 120%;

}
.hh2{
   color: #000080;
   font-size: 33px;
   padding-bottom: 8px;
   padding-top: 8px;
   margin: 8px;
   line-height: 120%;
}

.hh3{
   color: #000080;
   font-size: 25px;
   padding-bottom: 8px;
   padding-top: 8px;
   margin: 8px;
}
.hh4{
   
   font-size: 20px;
   padding-bottom: 8px;
   padding-top: 8px;
   margin: 8px;
   line-height: 120%;
   color: #000080;

}

.hh5{
   color: #000080;
   font-size: 18px;
   padding-bottom: 4px;
   padding-top: 4px;
   margin: 8px;
   line-height: 120%;
}

.hh6{
   
   font-size: 15px;
   padding-bottom: 8px;
   padding-top: 8px;
   margin: 8px;
   line-height: 120%;
}


.newsletterinput{
   align: center;
   padding-right: 8px;
}

.boldtext{
  font-weight: bold;
  line-height: 120%;
}


hr{
margin-left:30px;
width:400px;
}

a:visited {
   text-decoration: none;
   background-color: inherit;
  color: #000080;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */

a:link{
   text-decoration: none;
   /*background-color: #C3D4DF;*/
   color: #000080;
}

a:hover{
   text-decoration: underline;
   /*background-color: #C3D4DF;*/
   color: #000080;
}


/*****************
basic layout 
*****************/
body{
   
   /*margin: 25px;*/
}

/* center wrapper, min max width */


/* TEXT */


.searchinput{
   font-size: 11px;
   position:relative;
   left: 22px;
   top: 0px;
}



.imagetext {
     font-size: 9px;
     line-height: 120%;
}

.boardh1 {
    margin: 8px;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 8px;
    padding-top: 8px;
}
.boardp {
	line-height: 120%;
	margin: 8px;
	padding-top: 0px;
	padding-bottom: 0px;
             padding-top: 8px;
}
.bluebox{
   font-size: 12px;
   line-height: 120%;
   margin: 8px;

}
.bodyquotes{
   font-style: italic;
   font-size: 15px;
   line-height: 120%;
   margin: 8px;
}
.quotename{
   font-style: italic;
   font-size: 11px;
   line-height: 120%;
   margin: 8px;

}
.boardname {
	font-weight: bold;
}


p {
   font-size: 1em;
   margin: 8px;  /* some air around p elements */
   line-height: 120%em;
   padding: 9;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}

div#NavBottom {
	margin-top: .5em;
	text-align: center;
}

/* END LISTS */
body { 
	color: #000000;
	/*background-color: #000000;*/
	font-size: 10pt;
	font-family: Arial;
	line-height:120%;
	margin: 0px; 
}

.contenttopmargin img{
border:0px;
}


a:link     { color: #002060;
             text-decoration: none;
             font-size: 10pt;
             }
a:visited  { color: #333333;
             text-decoration: none;
             font-size: 10pt;
             }
a:active   { color: #606060;
             text-decoration: none;
             font-size: 10pt;
             }
a:hover    { color: #700000;
             text-decoration: underline;
             font-size: 10pt;
             }
.good     { color: #0033FF;
             font-weight: bold }
.bad      { color: #CC3300;
             font-weight: bold }
div.heading {
    background-color: #64879d; 
    color: #EDF2F5;
    padding: 9px; 
    text-align: left; 
    font-size: 16px; 
    font-weight: bold;  
    text-transform: uppercase; 
}
div.leftsidebar { 
    float: left; 
    width: 120px; 
    background-color: #EDF2F5;
    font-size: 12px; 
    padding: 7px; 
    border: 1px solid #64879d;
    color: #444444; 
}

div.thebody { 
    padding: 5px; 
    margin-left: 150px; 
    font-size: 10pt; 
     
}
div.bottom {
    background-color: #EDF2F5; 
    border: 1px solid #64879d;
    padding: 3px; 
    text-align: center;
    font-size: 11; 
}
p.title { 
    font-size: 14pt; 
    font-weight: bold; 
    margin: 0; 
}
p.smalltitle { 
    font-size: 12pt; 
    font-weight: bold; 
    margin: 0; 
    padding: 4px; 
    background-color: #CCCCCC; 
    text-transform: uppercase; 
}
p.sectionname { 
    font-weight: bold; 
    margin: 0;
}
.leftsidebar p.sectionname {
    padding-left: 15px;
}
.icons {
    text-align: center;
}

#Calendar table{
margin-bottom:0px;

}
#Calendar{
display:none;


margin-left:33px;
border:solid 1px #CCCCCC;


}
#CalendarTitles{
display:none;
	font-family: Arial;
	margin: 8px;
	margin-top:25px;
	line-height: 120%;
	font-size: 18px;
	color:#0066CC;
}
#NextSchedEvent{
	text-align:center;
	font-size:16px;
	text-decoration:underline;
	

}
#eventday{
	width:50px;
	height:50px;
	font-size:8px;
	text-align:left;
	vertical-align:top;

}
#eventmonth{
/*background-color:#999999;*/
text-align:center;
/*font-size:16px;*/

}
#daysmonth{
	width:50px;
	height:50px;
	text-align:left;
    vertical-align:top;
	background-color:#CCCCCC;
	font-size:8px;
	
}
#calendarcolorbox{
	width:10px;
	height:10px;


}
#calendarcolorbox-text{
 	font-size:9px;

}
#calendardays{
	font-family:Arial;
	font-size:8px;
	text-align:center;
	margin-bottom:10px;
}
#titletext{
	font-family:Arial;
	font-size:12px;
	/*margin-top:10px;
	margin-bottom:10px;*/

}
#titletext a{
	/*ont-family:Arial;
	font-size:12px;*/
	color:#000000;
	text-decoration:none;

}
#titletext a:hover{
	/*font-family:Arial;
	font-size:12px;*/
	color:#999999;
	text-decoration:underline;

}
#maintitle{
	font-size:12px;
	line-height:120%;
	/*margin:0px;*/
}
.calendar tr td a
{
  font-family: Arial;
  /*margin: 8px;*/
  color: 000080;
}
.calendartitle{
   
   /*margin: 8px;*/
   line-height: 120%;
   font-size: 18px;
   
}
.calendar-date-from{
  font-family: Arial;
   margin: 8px;
   line-height: 120%;
   font-size: 13px;
}
.eventdate{
   font-family: Arial;
   margin: 8px;
   line-height: 120%;
   font-size: 18px;

}

.calendar-details,.calendar-summary,.calendar-returnlink,.calendar-returnlink a{
   font-family: Arial;
   margin: 3px;
   line-height: 120%;
   font-size: 10px;
}

/* highlight "today" for the small calendar */
.calendar-event
{
  font-family: Arial;
  
}








/* display the "upcominglist" as one line per entry (assuming table_id='cal-upcominglist') */



.calendar-date-title
,.calendar-summary-title
,.calendar-prev

{
  /*font-family: Arial;*/
  margin: 8px;
 }

.upcomingevents{
   
   margin-left: 8px;
   line-height: 120%;
   font-size: 25px;
   color: #000080;
   
}

.calendar-event{
   
   margin-left: 8px;
   line-height: 120%;
   font-size: 12px;
}

.calendar-date-from{
 
   line-height: 120%;
   font-size: 9px;
   margin: 8px;
}

.calendar-date{
   
   line-height: 120%;
   font-size: 13px;
   margin: 8px;
}


.calendar-date-title{
   
   line-height: 120%;
   font-size: 13px;
   margin: 8px;
}

.calendar-details{
   
   line-height: 120%;
   font-size: 13px;
   margin: 8px;
}


h2,.calendar-summary
{
  
  font-size: 13px; 
  display: inline;
  line-height: 120%;
  margin: 8px;
}

/* tidy up text sizes for lists */
#cal-list h1, #cal-upcominglist h1
{ 
   margin: 8px;
   
   font-size: 12px;
   line-height: 1em;
   color: ffffff;
  
}
#cal-list h2, cal-upcominglist h2
{
  
  font-size: 13px;
  margin: 8px;
}




#calendar-upcominglist.calendar-event{
   
   line-height: 120%;
   font-size: 30px;
   margin-left: 8px;
}




/** large calendar rules (assuming table_id='big') **/
/* border on for #big */
/*#big{
  font-family: Arial;

  margin: 0px;
  border-collapse:    collapse;
  border: 1px solid black;
}*/

/* nice squares for the #big table */
#big th
{
  font-family: Arial;

  border: 1px solid black;
  padding: 3px;
  width: 75px;
}

#big td {
  font-family: Arial;

  border: 1px solid black;
  vertical-align: top;
  padding: 3px;
  height: 75px;
  width: 75px;
}

/* format summaries nicely in #big */
#big ul
{
  font-family: Arial;

  margin: 0px;
  padding: 0px;
  padding-left: 5px;
}

#big li
{
  font-family: Arial;

  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* background colours for #big */
#big td
{
  font-family: Arial;

  background-color: silver;
}

#big .calendar-day
{
  font-family: Arial;

  background-color: #80ff80;
}

#big .calendar-today
{
font-family: Arial;

    font-weight: normal;
  background-color: #8080ff;
}

.calendar-event .calendar-date-title,
.calendar-event .calendar-summary-title,
.calendar-event .calendar-details-title,
.calendar-event .calendar-date-from
{
  font-family: Arial;
   font-size: 2px;
   line-height: 120%;
  display: none;
}
/*CalendarGridTopRow{}
CalendarGridTopRow{}
CalendarGridTitle{}*/

div#news {
  font-family: Arial, Helvetica, sans-serif;
  margin: 2px;  /* margin for the entire div surrounding the news list */
  border: 20px solid #000; 
  /*background: #FFE9AF; */
}

div#news h2 {
   font-family: Arial, Helvetica, sans-serif;
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 1px; /* padding for the news article summary */
    margin: 3px; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
}

.NewsSummaryPostdate {
  font-size: 10px;
  font-weight: bold;
 }

.NewsSummaryLink {
    color: #000080;
    font-weight: bold;
    line-height: 120%;
    padding-top: 0.2em;
    padding-bottom: 8px;
}
.NewsSummaryLink a:hover{
text-decoration: none;
color: #0066CC;

}
.NewsSummaryCategory {
  font-size: 10px;
  font-style: italic;
  margin: 2px 0;
 }

.NewsSummaryAuthor {
  font-size: 10px;
  font-style: italic;
  margin: 2px 0;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 120%;
  padding: 2px;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
  padding-bottom: 10px;
  line-height: 20px;
  
}
.imagetext{
  font-size: 10px;
}

#NewsPostDetailDate {
  font-size: 11px;
  margin: 8px;
  margin-bottom: 8px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   margin: 8px;
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }
#NewsPostDetailContent imagetext{
  font-style: italic;
}
#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}
#NewsPostDetailTitle {
  margin: 8px;
  line-height: 150%;
}

/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
#directions_div{
font-size:10px;
width:400px;
margin-left:0px;

}
#map{
margin-top:10px ;
}
#eNewsletterBlank Table{
width:300px;

}
#searchfield{
font-size:10px;
margin:15px 0px 15px 15px;
padding:2px;
border:1px solid black;
width:225px;
background-color: #999999;


}
#searchfield h2,#searchfield ul,#searchfield p{
display:none;

}
#ERCsearchbutton{
float:right;
margin-right:15px;
}
#searchfield select{
display:none;

}

#searchfield input{
margin-left:-19px;
margin-bottom:-6px;
margin-top:10px;

}
#searchfield #printbutton1{
display:none;
}
#resourceguide{
position:relative;
left: 0px;
width:666px;
}
#resourceguide form{
display:none;
}
#detailcontactform{
padding:8px;
display: none;

}