html, body {margin:0px; padding:0px; width: 100%; height:auto;}
body{ font-family:Verdana, Geneva, sans-serif; font-size:0.688em;}
h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #5c8f90; font-weight:bold; font-size:2.5em; text-transform:uppercase; margin:0; padding-bottom:10px;}
h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #706457; font-size:2em; text-transform:uppercase; margin:0; padding:0; }
/*h1 { font-family: Georgia, "Times New Roman", Times, serif; color: #706457; font-weight: normal; font-size:2.545em; text-transform:uppercase; margin:0px 0px 28px 0px; padding:0; line-height: 30px;}
h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #5c8f90; font-weight:bold; font-size:2em; text-transform:uppercase; margin:0; padding:0; }*/
h3 { font-family: Georgia, "Times New Roman", Times, serif; color: #706457; font-weight: normal; font-size:2em; text-transform:uppercase; margin:0px 0px 0px 0px; padding:0px 0 10px 0; /*line-height: 30px;*/}
img {border:0; margin:0; padding:0;}
a{ color: #5c8f90; }
a:hover{color: #04b6b9;}
div.clear { clear: both; }
/* MAIN CONTAINER */
#wrapper { margin:0 auto; width: 907px; height:100%; }
/* SITE HEADER & MENUS */
#wrapper #header { position: relative; width:100%; height:173px;}
#wrapper #header #site_logo { position:relative; left:0; top:38px;}
#wrapper #header #top_nav_container { position: absolute; right:0px; top:0px;}
#wrapper #header #top_nav_container #top_nav { position: relative; right:0px; top:0px; height:26px; background-color:#ebebeb; margin:0px; padding:0px; }
#wrapper #header #top_nav_container #top_nav ul { list-style:none; margin:0; padding:6px 5px 0px 5px;}
#wrapper #header #top_nav_container #top_nav ul li { display:inline; padding:0px 13px 0px 12px; font-size:0.909em; margin:0px; line-height:11px; background-image:url(../_images/top_nav/div.gif); background-position: 100% 3px; background-repeat:no-repeat;}
#wrapper #header #top_nav_container #top_nav ul li.french { display:inline; padding:0px 8px 0px 8px; font-size:0.909em; margin:0px; line-height:11px; background-image:url(../_images/top_nav/div.gif); background-position: 100% 3px; background-repeat:no-repeat;}
#wrapper #header #top_nav_container #top_nav ul li a { color: #383838; text-decoration:none;}
#wrapper #header #top_nav_container #top_nav ul li a:hover { color: #666666;}
#wrapper #header #top_nav_container #top_nav ul li.no_spacer { background-image: none; }
#wrapper #header #slogan { position: absolute; right: 20px;}
#wrapper #header #acronym {position: absolute; right: 20px; width:430px; right:20px; top:82px; text-align:right; color:#999; float:right;}
#wrapper #header #main_nav { position: absolute; text-align:center; width:100%; height:35px; top:138px; margin:0; padding:0; background-image:url(../_images/main_menu/vertical_div.gif); background-position:top left; background-repeat:repeat-x;}
#wrapper #header #main_nav ul { list-style:none; margin:0; padding:13px 0px 3px 0px; }
#wrapper #header #main_nav ul li { display:inline; list-style:none; padding: 0px 11px 0px 11px; margin:0px; line-height:12px; }
#wrapper #header #main_nav ul li.french { display:inline; list-style:none; padding: 0px 8px 0px 8px; margin:0px; line-height:12px; }
#wrapper #header #main_nav ul li a { color: #474747; text-decoration:none; }
#wrapper #header #main_nav ul li a:hover { color: #aaaaaa; }
#wrapper #header #main_nav ul li img { vertical-align:top; }
#wrapper #header #main_nav_bottom { position:relative; width:100%; margin:6px 0px 0px 0px; padding:0px; background-image:url(../_images/main_menu/vertical_div.gif); background-position:top left; background-repeat:repeat-x; }
/* CONTENT */
#content_wrapper { height: auto; float:left; width:906px; }
#left { width: 527px; padding: 0; margin:50px 0 0 0; overflow:visible; float: left; height:auto; border-right: 1px solid #cccccc; }
#left #content, .content { width: 464px; padding: 0px 52px 0px 12px; margin:0; }
#left #content div div.read_more { float: right; margin: 10px 0px 0px 0px; font-style:italic; }
#left #images_container { margin: 50px 0 0 0; }
#left #images_container img { float:left; margin:0 0 0 5px; }
#left #content .content_author { font-weight:bold; font-style:italic; font-size:1.091em; color:#5c8f90; margin:20px 0px 0px 0px; padding:0px;}
#left #circles { position: relative; width:694px; min-height:212px; height:212px; left:-167px; top:50px; background-image:url(../_images/circles.jpg); background-repeat:no-repeat; }
#left #popimage{float: left;}
#left #popimage .StoryImage .Caption{ color: #666; font-size: .8em;}
#right { float: left; position:relative; padding: 0; margin:50px 0px 0px 0px; width:378px; height:auto;}
#right #latest_news { position: relative; width: 379px; }
#right #latest_news #latest_news_header { float: right; }
#right #latest_news .content { margin: 25px 0px 0px 40px; }
#right #latest_news .content .caption, .caption { color: #666; font-size: 80%; margin-top:-0px; margin-left:5px; margin-right:5px; }
#right #latest_news .content div.latest_news_image { float: left; width:100px; }
#right #latest_news .content div.latest_news_image img { padding:10px; border: 1px solid #d2dfe0; width:78px;}
#right #latest_news .content div.news_description { float: left; margin:0px 0px 0px 15px; width: 220px;}
#right #latest_news .content div.news_description .title { font-weight: bold; color: #5c8f90; margin:0px 0px 10px 0px; }
#right #latest_news .content div.read_more { margin: 10px 0px 0px 0px; font-style:italic; }
#right #sub_menu ul { list-style:none; margin:0 auto 35px auto; padding:0; width:352px; }
#right #sub_menu ul li { list-style:none; font-size: 1.636em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#5c8f90; margin:0; padding: 9px 10px 9px 30px; /*background-image:url(../_images/sub_menu/div.gif);*/ border-bottom: 1px dotted #999; background-repeat:repeat-x; background-position:left bottom; }
#right #sub_menu ul li.selected { background-color: #f3f8f8; }
#right #sub_menu ul li a { text-decoration: none; }
#right #author_container {margin: 0 auto; width: 288px;}
#right #author_container img { padding: 10px; border:1px solid #e4e4e4; }
#right #author_container .author_desc { text-align:right; width: 298px; font-weight:bold; }
#right #author_container .author_desc .title { font-size:1.091em; font-style:italic; color: #5c8f90; }
#right #author_container .author_desc .desc {font-size:0.909em;}
#right div.spacer { height: 50px; }
#right div.buttons { position: relative; float: right; margin:10px 0px 0px 0px; }
div.News h2 {}
div.News .Item {}
div.News .Item .News_item {padding-bottom:10px; padding-top:5px; border-bottom: 1px dotted gray;}
div.News {margin-top:20px; margin-bottom:20px; margin-left:19px;}
div.News .Header{ #84adb3 top right no-repeat; margin-bottom:5px;}
#left div.News .Item .News_item{margin-left:-19px;}
div.List ul {padding-bottom: 0px;}
div.List ul li {padding-bottom: 10px;}
.List h3 {padding-bottom: 100px;}
#news_image{float: left; padding-right: 20px;}
#news_image p{color:#666; width: 221px; font-size:9px;}
.dotted {background-image:url(../_images/sub_menu/div.gif); background-position: 1px 1px; background-repeat:repeat-x; padding-top:20px;}
.nobr {white-space: nowrap;}
/* FOOTER */
#footer_container { position: relative; margin: 0px 0px 25px 0px; width:100%; }
#footer_container #footer { float: right; }
div.article .Image {float:left; width:134px;padding:0 10px 10px 0;}
div.article .Content{ float:left;width:320px;}
div.article H3{ font-size:18px; margin:0;padding:0 0 0px 0;}
div.article UL { margin:0 0 15px 0;padding:0 0 0 15px;}
.archive {
border-top: 1px dotted #999;
clear: both;
padding-top: 10px;
font-size: 1.636em;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#5c8f90;
}
.archive a {
text-decoration: none;
}
/*Collapsible Panels*/
.CollapsiblePanel { border:1px solid #e7e8ec; padding:1px; margin-bottom:0px; width:99%; }
/*.CollapsiblePanelTab { background: url('/NSERC-CRSNG/_gui/home_icon_bg.jpg') #E5E5E5 0px top repeat-x; color:#fff; font-weight:normal; border-bottom:1px solid #fff; padding:5px 5px 5px 5px; font-size:1.0em; text-align:left;cursor: pointer;*/
.CollapsiblePanelTab { background: #E5E5E5 0px top repeat-x; color:#333; font-weight:normal; border-bottom:1px solid #fff; padding:5px 5px 5px 5px; font-size:1.0em; text-align:left;cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
}
.CollapsiblePanelContent { text-align:left; padding:2px; }
.CollapsiblePanelContent .SubHeader { background: #e8e9ed 0px top repeat-x; color:#323433; padding:5px; font-size:1.0em; text-align:left; border-right:1px solid #fff;}
.CollapsiblePanelTab a { color: #fff; text-decoration: none; }
.CollapsiblePanelOpen .CollapsiblePanelTab { background: #363636 0px top repeat-x; color:#fff; }
.CollapsiblePanelClosed .CollapsiblePanelTab { /* background-color: #EFEFEF */ }
.CollapsiblePanelTabHover, .CollapsiblePanelOpen .CollapsiblePanelTabHover { background: #82abb1 0px top repeat-x;color: #fff; }
/*.CollapsiblePanelFocused .CollapsiblePanelTab { background-color: #cc0000; color: #333; }*/
.CollapsiblePanelContent div ul li {color: #333; padding-bottom:10px;}
.Space { padding-top:15px; padding-bottom:15px; }
/* documents */
.PDFLarge { min-height:35px; background: url("/_gui/i_pdf_l.gif") 0px 0px no-repeat; padding-left:35px; margin:0px 0px 15px 0px; border-bottom:1px solid #eee; padding-bottom:10px; }
.PDFSmall { background: url("/_gui/i_pdf_s.gif") 0px 0px no-repeat; padding-left:18px; margin:0px 0px 5px 0px; }
.WordLarge { min-height:35px; background: url("/_gui/i_word_l.gif") 0px 0px no-repeat; padding-left:35px; margin:0px 0px 15px 0px; border-bottom:1px solid #eee; padding-bottom:10px; }
.WordSmall { background: url("/_gui/i_word_s.gif") 0px 0px no-repeat; padding-left:18px; margin:0px 0px 5px 0px; }
.DotLarge { min-height:35px; background: url("/_gui/i_dot_l.gif") 0px 0px no-repeat; padding-left:35px; margin:0px 0px 15px 0px; border-bottom:1px solid #eee; padding-bottom:10px; }
.DotSmall { background: url("/_gui/i_dot_s.gif") 0px 0px no-repeat; padding-left:18px; margin:0px 0px 5px 0px; }
.PPTLarge { min-height:35px; background: url("/_gui/i_ppt_l.gif") 0px 0px no-repeat; padding-left:35px; margin:0px 0px 15px 0px; border-bottom:1px solid #eee; padding-bottom:10px; }
.PPTSmall { background: url("/_gui/i_ppt_s.gif") 0px 0px no-repeat; padding-left:18px; margin:0px 0px 5px 0px; }
.XLSLarge { min-height:35px; background: url("/_gui/i_xls_l.gif") 0px 0px no-repeat; padding-left:35px; margin:0px 0px 15px 0px; border-bottom:1px solid #eee; padding-bottom:10px; }
.XLSSmall { background: url("/_gui/i_xls_s.gif") 0px 0px no-repeat; padding-left:18px; margin:0px 0px 5px 0px; }
.WaveLarge { min-height:35px; background: url("/_gui/i_wav_l.gif") 0px 0px no-repeat; padding-left:35px; margin:0px 0px 15px 0px; border-bottom:1px solid #eee; padding-bottom:10px; }
.WaveSmall { background: url("/_gui/i_wav_s.gif") 0px 0px no-repeat; padding-left:18px; margin:0px 0px 5px 0px;
}
.PotLarge { min-height:35px; background: url("/_gui/i_pot_l.gif") 0px 0px no-repeat; padding-left:35px; margin:0px 0px 15px 0px; border-bottom:1px solid #eee; padding-bottom:10px; }
.PotSmall { min-height:35px; background: url("/_gui/i_pot_s.gif") 0px 0px no-repeat; padding-left:35px; margin:0px 0px 15px 0px; border-bottom:1px solid #eee; padding-bottom:10px; }
.FolderLarge { min-height:35px; background: url("/_gui/i_folder_l.gif") 0px 0px no-repeat; padding-left:35px; margin:0px 0px 15px 0px; border-bottom:1px solid #eee; padding-bottom:5px; }
.FolderLarge a { color:#000; }
.FolderLarge p { font-weight:bold; padding-top:6px; }
.FolderSmall { min-height:20px; background: url("/_gui/i_folder_s.gif") 0px 0px no-repeat; padding-left:18px; margin:0px 0px 0px 0px; }
/* PRINT CSS */
@media print
{
#top_nav_container, #main_nav, #right {display:none;}
#left { width:100%; float:none; margin: 0;}
#left { border-right: none; }
/* body{ font-family:Times New Roman, serif;}
#top_nav_container, #main_nav, #right {display:none;}
.article * {margin: 0; padding: 0;}
#left { width:100%; float:left;}
#left { border-right: 0px solid #cccccc; }
#left #content, .content { width: 100%; }
P,H1,H2,H3,HR { width:100%; clear: both;, margin: 0; padding: 0;}
a { clear:both; }*/
}