@charset "utf-8";
/* CSS Document */

html { background: url(../images/back_tile.jpg) top center repeat-x; font-family: Arial, Helvetica, sans-serif; }

body { margin: 0; padding: 0; }

a img { border: none; }

/* ID STYLES */

#wrapper { width: 910px; margin-right: auto; margin-left: auto; }

#page-head { background: url(../images/head_image.jpg) top left no-repeat; width: 910px; height: 115px; }

#main-navigation { background: url(../images/navigation_back.jpg) top left no-repeat; width: 910px; height: 33px; }

#top-image { background: url(../images/top_image_back.jpg) top left no-repeat; width: 910px; height: 180px; padding: 0 0 0 6px; }

#images { height: 193px; width: 898px; }

#content-tile { background: url(../images/content_tile.jpg) top left repeat-y; width: 910px; overflow: hidden; float: left; }

#content-wrap { background: url(../images/content_wrap.jpg) top left no-repeat; width: 898px; padding: 0 6px 0 6px; overflow: hidden; float: left; }

#second-navigation { background: url(../images/secnav_back.jpg) top right no-repeat; height: 30px; }

#third-navigation { background: url(../images/third_nav_back.gif) top left no-repeat; width: 240px; padding: 5px 10px 0 10px; } 

#left { float: left; width: 560px; padding: 10px 20px 20px 15px; }

#right { float: right; width: 255px; padding: 10px 15px 20px 20px; }

#footer { background: url(../images/foot_image.jpg) top right no-repeat; width: 910px; height: 50px; float: left; }

#me-brand { clear: both; float: right; margin: 30px 10px 0 0; }

#heading { background: url(../images/header_box.jpg) top left no-repeat; width: 540px; margin: 0 0 0 0; padding: 10px 10px 10px 10px; border-bottom: 1px solid #1a93b7; }

#content { padding: 10px; }

/* TEXT STYLES */

img.uwinnipeg { float: right; margin: 70px 20px 0 0; }

img.cst-logo { float: left; margin: 13px 0 0 20px; }

#heading h1, #heading h2, #heading h3 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: 200; margin: 0 0 0 0; padding: 0 0 0 0; }

#heading p { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-style: italic; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 0.8em; }

#content p { font-size: 0.8em; color: #404040; }

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 300; color: #1993B8; }

#content ul, #content ol { color: #404040; font-size: 0.8em; }

#content li { margin-bottom: 3px; }

#content blockquote { font-size: 0.8em; color: #404040; }

img.photo { margin: 5px; padding: 5px; border: solid 1px #99cc00; background: #FFFFFF; }

#right h1 { color: #1993B8; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 300; padding: 0 0 6px 0; margin: 20px 0 5px 0; background: url(../images/right_head_bottom.gif) bottom left no-repeat; }

#right h2 { color: #1993B8; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 300; padding: 0 0 6px 0; margin: 20px 0 5px 0; background: url(../images/right_head_bottom.gif) bottom left no-repeat; }

#right h3 { color: #1993B8; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 300; padding: 0 0 6px 0; margin: 20px 0 5px 0; background: url(../images/right_head_bottom.gif) bottom left no-repeat; }

#right h4 { color: #1993B8; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 300; padding: 0 0 6px 0; margin: 20px 0 5px 0; background: url(../images/right_head_bottom.gif) bottom left no-repeat; }

#right p { font-size: 0.75em; color: #404040; margin: 5px 0 5px 0; padding: 0; }

#content a, #right a { color: #1993B8; text-decoration: none; }

#content a:hover, #right a:hover { color: #99CD00; }

#content hr { color: #99CD00; border: 0; background: #99CD00; height: 1px; clear: both; margin: 10px 0 10px 0; }

#third-navigation h1 { margin: 0 0 0 0; padding: 0 0 5px 0; font-size: 1.5em; color: #1B93B8; font-weight: 300; font-family: Verdana, Arial, Helvetica, sans-serif; background: none; }

#third-navigation h2{ margin: 0 0 0 0; padding: 0 0 5px 0; font-size: 1.5em; color: #1B93B8; font-weight: 300; font-family: Verdana, Arial, Helvetica, sans-serif; background: none; }

#third-navigation h3 { margin: 0 0 0 0; padding: 0 0 5px 0; font-size: 1.5em; color: #1B93B8; font-weight: 300; font-family: Verdana, Arial, Helvetica, sans-serif; background: none; }

#third-navigation h4 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #1B93B8; font-size: 1em; font-weight: 100; background: none;  }

#third-navigation p { color: #1B93B8; margin: 0; padding: 0;}

#third-navigation a { color: #1B93B8; }

#third-navigation a:hover { color: #99cc00; }

/* NAVIGATION STYLES */

#main-navigation ul { margin: 0 0 0 6px; padding: 0 0 0 0; list-style-type: none; }

#main-navigation ul li { float: left; }

#main-navigation ul li a { display: block; }

#main-navigation ul li a.home  { background: url(../images/buttons/home_btn.jpg) top left no-repeat; height: 33px; width: 66px; }

#main-navigation ul li a.home:hover { background-position: 0 -33px; }

#main-navigation ul li a.aboutus { background: url(../images/buttons/aboutus_btn.jpg) top left no-repeat; height: 33px; width: 84px; }

#main-navigation ul li a.aboutus:hover { background-position: 0 -33px; }

#main-navigation ul li a.news { background: url(../images/buttons/news_btn.jpg) top left no-repeat; height: 33px; width: 136px; }

#main-navigation ul li a.news:hover { background-position: 0 -33px; }

#main-navigation ul li a.projects { background: url(../images/buttons/projects_btn.jpg) top left no-repeat; height: 33px; width: 142px; }

#main-navigation ul li a.projects:hover { background-position: 0 -33px; }

#main-navigation ul li a.publications { background: url(../images/buttons/publications_btn.jpg) top left no-repeat; height: 33px; width: 108px; }

#main-navigation ul li a.publications:hover { background-position: 0 -33px; }

#main-navigation ul li a.blog { background: url(../images/buttons/blog_btn.jpg) top left no-repeat; height: 33px; width: 66px; }

#main-navigation ul li a.blog:hover { background-position: 0 -33px; }

#main-navigation ul li a.transport { background: url(../images/buttons/transportation_btn.jpg) top left no-repeat; height: 33px; width: 194px; }

#main-navigation ul li a.transport:hover { background-position: 0 -33px; }

#main-navigation ul li a.members { background: url(../images/buttons/members_btn.jpg) top left no-repeat; height: 33px; width: 103px; }

#main-navigation ul li a.members:hover { background-position: 0 -33px; }

#second-navigation ul { margin: 0 0 0 0; padding: 7px 10px 0 0; list-style-type: none; color: #000000; font-size: 14px; float: right; }

#second-navigation ul li { float: left; margin: 0 7px 0 0; }

#second-navigation ul li a { color: #000000; text-decoration: none; }

#second-navigation ul li a:hover { color: #FFFFFF; }

#third-navigation ul { margin: 0 0 0 0; padding: 0 0 0 16px; color: #FFFFFF; }

#third-navigation ul li { padding: 0 0 5px 0; }

#third-navigation ul li a { color: #1B93B8; font-size: 1.2em; text-decoration: none; }

#third-navigation ul li a:hover { color: #99cc00; }

#footer ul { margin: 0 0 0 0; padding: 12px 15px 0 0; list-style-type: none; font-size: 10px; float: right; color: #000000; }

#footer ul li { float: left; margin: 0 5px 0 0; }

#footer ul li a { color: #000000; text-decoration: none; }

#footer ul li a:hover { color: #FFFFFF; }

p.binary a { font-size: 12px; color: #D1F0F7; float: right; clear: both; margin: 0 10px 0 0; }

p.binary a:hover { color: #A6D320; }

/* TABLE STYLES */

thead { background: url(../images/tablehead.jpg) top left no-repeat; background-color: #1a92b7; width: 540px; }

thead th { padding: 10px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; }

tbody { border: 1px solid #1a92b7; }

tbody td { padding: 10px; }

tr.alt { background: #EEEEEE; }

#feature tbody { border: none; }

#feature tbody td { padding: 0; }

/* DROPDOWN STYLES */

ul#main-list ul { margin: 0; padding: 0; padding-top: 11px; list-style-type: none; list-style-position: outside; background: #FFFFFF; position: absolute; left: 0px;  border-bottom: solid 1px #0384AC; border-right: solid 1px #0384AC; border-left: solid 1px #0384AC; border-top: solid 1px #0384AC; padding-bottom: 5px; display: none; width: 179px;  z-index: 3; }

ul#main-list ul li { float: left; margin: 0px 0px 5px 0px; z-index: 3; }

ul#main-list ul li a { display: block; padding: 0px 0px 0px 10px; color: #0384AC; text-decoration: none; width: 169px; font-size: 12px; font-weight: bold; margin: 0px 0px 0px 0px;  z-index: 3; }

ul#main-list ul li a.left-slide { background: url(../images/arrow.gif) top right no-repeat; z-index: 3; }

#main-list ul li a:hover, #nav-list a.left-slide:hover { background-color: #0384AC; color: #FFFFFF; width: 169px; height: auto; z-index: 3; }

#main-list li { position: relative; z-index: 3; }

#main-list li ul ul { background: #0384AC; top: auto; padding-top: 0px; top: 0px; left: 179px; margin: 0px 0 0 0px; border-bottom: solid 1px #0384AC; border-top: solid 1px #0384AC; z-index: 3; }

#main-list li ul ul a { color: #FFFFFF; z-index: 3; }
	
#main-list li ul ul a:hover { width: 179px; color: #0384AC; background: #FFFFFF; z-index: 3; }

#main-list li:hover ul ul, #main-list li:hover ul ul ul, #main-list li:hover ul ul ul ul { display: none; z-index: 3; }

#main-list li:hover ul, #main-list li li:hover ul, #nav-list li li li:hover ul, #main-list li li li li:hover ul { display: block; z-index: 3; }