/*
Mid Blue				#4485AD
Dark Blue				#003667
Red	 (PMS 484)			#B22216
Yellow (PMS 124)		#EDB110
Blue (PMS 661)			#00539D
Light Blue(PMS 649)		#00A4D8
Purple (PMS 268)		#4E2582
Yellow/Green (PMS 387)	#EBE965
*/


body { margin: 0; font-family: Verdana, sans-serif; font-size: 12px; min-width: 760px; text-align: center; }

a:link, a:visited {text-decoration: none;}

#page { position: relative; width: 760px; margin: 0px auto; background-color: #ffffff; padding: 0 0 10px 0; border-left: 1px solid #aaa; border-right: 1px solid #aaa; font-family: Verdana; font-size: 12px; text-align: left; }
#homepage { position: relative; width: 760px; margin: 0px auto; background-color: #ffffff; padding: 0 0 10px 0; border-left: 1px solid #aaa; border-right: 1px solid #aaa; font-family: Verdana; font-size: 12px;  background: url(images/home_back.gif) 0 0 repeat-y; text-align: left;  }
#insidepage { position: relative; width: 760px; margin: 0px auto; background-color: #ffffff; padding: 0 0 10px 0; border-left: 1px solid #aaa; border-right: 1px solid #aaa; font-family: Verdana; font-size: 12px;  background: url(images/inside_back.gif) 0 0 repeat-y; text-align: left;  }


/*     Left side styles  ----------------------------- */
#left {  position: relative; float: left; display: block; width:250px; margin:0; padding:0; }

#logo { position: relative; top:0; left: 0; display: block; width: 250px; height: 302px; overflow: hidden; /*text-indent: -9999px;*/ margin: 0; padding: 0;}
#logo h1 { display: block;  width: 250px; height: 302px; background: url(images/center_logo.jpg) no-repeat 0px 0px; margin:0; padding:0; text-indent: -9999px;}
#logo h2, #logo h3 {text-indent: -9999px;}

#quote { position: relative; top:0; left: 0; display: block; width: 190px; overflow: hidden; margin: 0; padding: 80px 30px 30px 30px; background: url(images/noted_quoted.gif) no-repeat 0 0; }

#quote img { float: left; margin-right: 10px; border: 0; }
#quote p { font-size: 0.875em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color: #333; margin: 0 0 5px 0;}
#quote p strong { display: block;  margin: 5px 0; clear: right; }


/*  Navigation Bar Styles  -------------------------- */
#nav { display: block; width:510px; height: 30px; background: url(images/nav_back.gif) 0 0 repeat-y #3f3f3f; z-index: 9999; }
/*
#nav ul { display: block; list-style-type: none; margin: 0px auto; padding: 0px; height: 30px;  text-align: center; }

#nav ul li { float: left; display: block; margin-left: 10px; height: 15px; padding: 5px;  text-transform: uppercase; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:10px; font-weight: lighter; color: #fff; }

#nav ul li a:hover { color: #cecece; background-color: #D1C8C0; height: 15px; padding: 5px;  }

#nav ul li a:link { color: #fff;  height: 15px; padding: 5px; }
#nav ul li a:visited { color: #fff;  height: 15px; padding: 5px; }

#nav ul li.on { background-color: #A7001F; color: #ffffff;  height: 15px; padding: 5px; }
#nav ul li.on a:link { background-color: #A7001F; color: #ffffff;  height: 15px; padding: 5px; }
#nav ul li.on a:visited { background-color: #A7001F; color: #ffffff;  height: 15px; padding: 5px; }
*/



/* Main content styles ---------------------------- */
#main { position: relative; float: left; display: block; width:510px; margin: 0; padding: 0;  } 

/*#header { display: block; width:510px; height: 94px; background: url(images/top_back.jpg) 0 0 no-repeat; } 
#header { display: block; width:510px; height: 94px; background: url(images/backgrounds/about.jpg) 0 0 no-repeat; }*/

#header h1.news_background { display: block; width:510px; height: 94px; background: url(images/backgrounds/inthenews.jpg) 0 0 no-repeat; margin: 0; padding: 0; text-indent: -9999px; }

#header h1.about_background { display: block; width:510px; height: 94px; background: url(images/backgrounds/about.jpg) 0 0 no-repeat; margin: 0; padding: 0; text-indent: -9999px; }

#header h1.programs_background { display: block; width:510px; height: 94px; background: url(images/backgrounds/programs.jpg) 0 0 no-repeat; margin: 0; padding: 0; text-indent: -9999px; }

#header h1.publications_background { display: block; width:510px; height: 94px; background: url(images/backgrounds/publications.jpg) 0 0 no-repeat; margin: 0; padding: 0; text-indent: -9999px; }

#header h1.events_background { display: block; width:510px; height: 94px; background: url(images/backgrounds/events.jpg) 0 0 no-repeat; margin: 0; padding: 0; text-indent: -9999px; }

#header h1.contact_background { display: block; width:510px; height: 94px; background: url(images/backgrounds/about.jpg) 0 0 no-repeat; margin: 0; padding: 0; text-indent: -9999px; }

#header h1.articles_background { display: block; width:510px; height: 94px; background: url(images/backgrounds/aticles.jpg) 0 0 no-repeat; margin: 0; padding: 0; text-indent: -9999px; }






#signup { margin: 45px 5px 0 0; background: #F9F8F6 url(images/signup.gif) no-repeat 0 2px; padding-top: 8px; padding-right: 4px; height: 29px; width: 290px; display: block; text-align: right; float: right; }
#signup input.textfield { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #6e6e6e; border-right: 1px solid #6e6e6e; margin: 0 0 6px 0; }
#signup input.imgbutton { border: 0; width: 23px; height: 23px; background: #fff url(images/go.gif) no-repeat 0 0; }



#content { display: block; width: 510px; height: 100%; }
#content #txt { display: block; width: 448px; padding: 20px 30px 0 30px; background: url(images/page_back2.gif) 0px 0px no-repeat; overflow: hidden; }

#content h1 { font: 1.5em Georgia, serif; color: #00539D; }
#content h2 { font-size: 1em; margin: 10px 0 2px 0 !important; color: #4485AD; }
#content #txt p { font-size: .95em; color: #333; line-height: 1.4em; margin: 0 0 1em; }
#content #txt p { margin: 1em 0 1em 0; }
#content #txt li { font-size: .95em; color: #666; line-height: 1.1em; margin: 0 0 1em; }
#content #txt img.portrait {float: left; padding: 5px; border: 1px dotted #999; margin: 0 10px 10px 0}
/*#content #txt img { display: block; clear:right; float: none; border: none; } */


#homefeature { display: block; width: 510px; height: 178px; overflow: hidden; margin: 0; padding: 0; }

/*
#insidefeature { background: url(images/feature_news.gif) 0 0 no-repeat #B22216; display: block; width: 510px; height: 65px; overflow: hidden; margin: 0; padding: 0; }
*/

#insidefeature h1.news { position: relative; background: url(images/feature_news.gif) 0 0 no-repeat; display: block; width: 510px; height: 65px; overflow: hidden; margin: 0; padding: 0; text-indent: -9999px; }

#insidefeature h1.about { position: relative; background: url(images/feature_about.gif) 0 0 no-repeat; display: block; width: 510px; height: 65px; overflow: hidden; margin: 0; padding: 0; text-indent: -9999px; }

#insidefeature h1.programs { position: relative; background: url(images/feature_programs.gif) 0 0 no-repeat; display: block; width: 510px; height: 65px; overflow: hidden; margin: 0; padding: 0; text-indent: -9999px; }

#insidefeature h1.publications { position: relative; background: url(images/feature_publications.gif) 0 0 no-repeat; display: block; width: 510px; height: 65px; overflow: hidden; margin: 0; padding: 0; text-indent: -9999px; }

#insidefeature h1.events { position: relative; background: url(images/feature_events.gif) 0 0 no-repeat; display: block; width: 510px; height: 65px; overflow: hidden; margin: 0; padding: 0; text-indent: -9999px; }

#insidefeature h1.contact { position: relative; background: url(images/feature_contact.gif) 0 0 no-repeat; display: block; width: 510px; height: 65px; overflow: hidden; margin: 0; padding: 0; text-indent: -9999px; }

#insidefeature h1.articles { position: relative; background: url(images/feature_articles.gif) 0 0 no-repeat; display: block; width: 510px; height: 65px; overflow: hidden; margin: 0; padding: 0; text-indent: -9999px; }


/*
#homecontent { position: relative; top:0;  display: block;  width: 510px; height: 100%; background: url(images/home_back.gif) 0 0 repeat-y; margin: 0; padding: 0;   }
*/


h6.title {  /*font-family: Georgia, "Times New Roman", Times, serif;*/ text-align:center; font-size: 1em; text-transform:uppercase; font-weight:lighter; letter-spacing: 0.2em; color: #003667; border-top: 1px solid #003667;  border-bottom: 1px solid #003667; padding: 5px 0 5px 0; margin: 0 0 15px 0; }


/* col1 310   col2 200 */
.col1 { position: relative; float: left; display: block; width: 250px; padding: 20px 30px; margin: 0; overflow: hidden; }
.col2 { position: relative; float: right; display: block; width: 170px; padding: 20px 15px; margin: 0; overflow: hidden; }

.imgleft { float: left; padding-right: 10px; } 
.imgright { float: right; padding-left: 10px; } 


.line {display: block; margin: 10px 0 10px 0; padding-top: -10px; border-top: 1px solid #333; clear: both; }

#publications { width: 170px; padding: 0; margin: 0; }
/*#publications img { float: left; margin-right: 5px; border: 0; }*/
#publications h1 { /*font-family: Georgia, "Times New Roman", Times, serif;*/ font-size: 1em; color: #4485AD; font-weight: lighter; margin: 0 0 4px 0;  }
#publications p { font-size: 0.85em; color: #333; margin: 0 0 5px 0;}
#publications p strong { display: block; color: #666; font-size: 0.85em; text-transform: uppercase; font-weight: lighter;  letter-spacing: 0.1em; margin: 0; clear: right; }

#events { width: 250px; padding: 0; margin: 0; }
#events img { float: left; margin-right: 10px; border: 0; }
#events h1 { /*font-family: Georgia, "Times New Roman", Times, serif;*/ font-size: 1em; color: #4485AD; font-weight: lighter; margin: 0 0 4px 0;  }
#events p { font-size: 0.85em; color: #333; margin: 0 0 5px 0;}
#events p strong { display: block; color: #666; font-size: 0.85em; text-transform: uppercase; font-weight: lighter;  letter-spacing: 0.1em; margin: 0; clear: right; }

#events_inside h1 { font: 1.5em Georgia, serif; color: #00539D; margin-top: 20px; }
#events_inside h2.event_title { font-size: 1em; margin: 10px 0 2px 0 !important; color: #4485AD; } 
#events_inside span.date { display: block; color: #666; font-size: 0.85em; text-transform: uppercase; font-weight: lighter;  letter-spacing: 0.1em; margin: 0; clear: right; }
#events_inside p { margin-bottom: 0px !important; }
#events_inside a { display: block;margin-bottom: 10px !important; font-size: 0.9em; }
#events_inside span.location { font-weight: bold; font-size: 0.9em; }

#articles_inside h2 { font-size: 1em; margin: 10px 0 2px 0 !important; color: #4485AD; }
#articles_inside em { margin: 0; }
#articles_inside p  { margin-bottom: 0; }

#news { width: 190px; padding: 0px 30px; margin: 0; }
#news img { float: left; margin-right: 10px; border: 0; }
#news h1 { /*font-family: Georgia, "Times New Roman", Times, serif;*/ font-style: italic; font-size: 1em; background: url(images/document_icon.gif) 0 0 no-repeat; text-indent: 15px; color: #4485AD; font-weight: lighter; margin: 0 0 4px 0; clear: both; /* clear seems to stop the icon of the first h1 floating up */ }
#news p { font-size: 0.85em; color: #333; margin: 0 0 15px 0;}
#news p strong { color: #666; font-size: 0.85em; text-transform: uppercase; font-weight: lighter;  letter-spacing: 0.1em; margin: 0;}

#footer { display: block; clear: both; width:762px; margin: 0 auto; border-top: 20px solid #3f3f3f; padding:10px 0; background-color: #ffffff; text-align: center; font-size: 0.8em; font-family:Georgia, "Times New Roman", Times, serif; }

.clear { height: 1px; clear: both; overflow: hidden; }

span.more { display: block; width: 63px; height: 23px; clear: both; margin: 0 0 15px 0; text-indent: -9999px; background: url(images/more.gif) 0 0 no-repeat; }