/*
CSS Template Layout designed by 
Mohamed Mansour (www.m0interactive.com)
on October 31st 2005
*/
/* Import OO Design */
@import url(topnav.css);  /* CSS for navigation menu. */
/* IE. Layout Fix */
* { margin:0; padding:0; }
/***************************************
MAIN LAYOUT
***************************************/
html, body {margin:0 auto; background-color:#6CABDE;}
body {	font: 11px Verdana, sans-serif; color: #333; background: #6CABDE;}
/* CONTAINER */
#container {margin:0 auto;margin-bottom: 5px; background-color:#FFF; width:760px;}
* html body #container {margin-bottom: 5px;}
div#ad {margin:0 auto;width:468px;height:60px;}
/* HEADER */
#pageHeader {margin:0;padding:0;height:200px;background:url(/template/images/header/header0.jpg) top center no-repeat;}
#pageHeader span {margin:0;padding:0;float: right;width:163px;height:162px;background: url(../images/top_right.jpg) no-repeat;}
/* FOOTER */
#pageFooter {clear:both;height:40px; border-top:3px solid #999; background: #666;padding:0px 5px 0px 5px; line-height:20px; color:#ccc;}
#pageFooter span {display:block;}
#pageFooter a {color:#ccc; text-decoration:none;border-down:1px dotted #ccc;}
#pageFooter a:hover {color:#ddd; }
/* PAGE CONTENT */
#pageContent {clear:both;margin:10px 8px 10px 8px;}
#pageContent #wrapper ol.comments {margin: 15px;}
#leftColumn { margin-bottom:5px;width:150px;float:left;}
#centerColumn {	margin-right:160px;margin-left:160px;}
#rightColumn {margin-bottom:5px; width:150px;float:right;}
#uOttawaLogo {	width:150px;height: 200px;background: url(../images/uottawa.gif) center no-repeat;}
/***************************************
AREAS IN LEFT SIDEBAR 
***************************************/
#leftColumn #mailHeader, #leftColumn #navHeader, #leftColumn #eventHeader, #rightColumn #forumHeader{width:150px;height:20px;position: relative;margin:0;padding:0;}
#leftColumn #mailHeader span, #leftColumn #navHeader span, #leftColumn #eventHeader span , #rightColumn #forumHeader span{ position:absolute;width:100%;height:100%;}
#leftColumn #mailHeader span {background:url(header_mailinglist.gif) no-repeat; }
#leftColumn #eventHeader span {background:url(header_event.gif) no-repeat;}
#rightColumn #forumHeader span {background:url(header_forum.gif) no-repeat;}
#rightColumn #forumBar {margin-bottom:10px;width: 150px;background:#eee url(../images/header_bottom_left_corner.gif) no-repeat bottom left;}
#leftColumn #eventBar, #leftColumn #navBar, #leftColumn #mailBar {margin-bottom:10px;width: 150px;background:#eee url(../images/header_bottom_corner.gif) no-repeat bottom right;}
#leftColumn #mailBar div {padding:3px;}
#leftColumn #mailBar input {width:  140px;}
#leftColumn #mailBar input.mailsubmit {width:100px;}
#rightColumn li {text-align:center;}
#rightColumn img {border:0;}
#leftColumn #eventBar #ads {margin: 10px 5px 10px 5px;}
#leftColumn #eventBar #ads img {border: 0; }
#rightColumn dl {margin:5px;padding:0;text-align:center;}
#rightColumn dl dt {margin:0;padding:0;font-size:0.8em;background-color:#ddd;}
#rightColumn dl dt a {color:#666;font-weight:bold;text-decoration:none;}
#rightColumn dl dt a:hover {color:#333;}
#rightColumn dl dl {margin:0;padding:0;text-align:right;}
/***************************************
HOME SECTION
***************************************/
#home #centerColumn p, #about #centerColumn p {	margin: 5px 0 5px 0;}
#home #centerColumn ul, #about #centerColumn ul {padding: 0;margin: 0 10px 0 10px; }
#home #centerColumn ul li, #about #centerColumn ul li {margin-left: 10px;}
/***************************************
MEMBERS SECTION
***************************************/
#members ul.memberlist {padding: 0;margin: 0 10px 0 10px;}
#members ul.memberlist li {margin-left: 10px;}
#members ul.memberlist li span {font-weight: bold;}
#centerColumn #memberinfo ul {width: 100px;height: 130px;margin: 3px;padding: 3px;background: #eee;border: 1px solid #ccc;float: left;}
#centerColumn #memberinfo ul li {list-style: none;margin:0;padding:0;text-align:center;}
#centerColumn #memberinfo ul li.membername {color: #999;}
#centerColumn #memberinfo dl.membertopright {margin-left: 110px;height: 130px;}
#centerColumn #memberinfo dl {margin: 3px;padding: 3px;}
#centerColumn #memberinfo dl dt {margin-top: 5px;font-weight: bold;}
#centerColumn #memberinfo dl dd {margin-bottom: 5px;text-align: justify;}
#centerColumn #memberinfo dl dd p {margin-top: 5px;margin-bottom: 5px;}
/***************************************
ARTICLE SECTION
***************************************/
#article #navBar p {margin-left: 3px;font-weight: bold;}
#article #navBar ul {margin: 10px;}
#article #navBar ul li {list-style: none;}
/***************************************
ARTICLE SECTION
***************************************/
#photo ul {margin: 0;padding: 0;}
#photo ul li {display:inline ;list-style: none;}
#photo ul li img {width:240px;height: 180px;}
#articlemain {margin: 15px 30px 15px 30px;}
#articlemain p {margin: 5px 0 5px 0;}
#articlemain ul {margin: 5px 20px 5px 20px;}
/***************************************
EVENT SECTION
***************************************/
#events dl {margin: 10px;}
#events dl dt {margin-top: 5px;font-weight: bold;}
#events dl dd {margin-bottom: 5px;}
#events dl dt span {font-style: italic;	font-weight: normal;}
/***************************************
STYLES
***************************************/
/*News*/
.newsTopic{font-weight:bold;font-size:0.9em;}
.newsItem {margin-bottom:5px; font-size:0.8em; }
.newsLink {margin-bottom:8px; font-size:0.8em; }
.subHeader { margin:10px 0px 10px 0px; border-bottom:1px solid #004A66;}
img.right {border: 10px solid #eee;float:right;margin:10px;}
img.left {border: 10px solid #eee;float:left;margin:10px;}
img.center { border: 10px solid #eee;   display: block;   margin-left: auto;   margin-right: auto;}
/* Article */
div.article {margin:10px;padding:0}
h2.articlename {margin:0;padding:0;}
h3.articledate {margin:0 0 0 20px;padding:0;font-size:1.1em;}
div.articlefooter {border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; margin:20px 30px 20px 20px; padding:10px; background-color:#EEE; }
h4.artfoottitle {margin:0;font-size:110%;}
div.articlefooter p {margin:0;margin:0;}
.calPage { font-size: 10px;  display: block;  position: absolute;  text-align: center;  text-transform: uppercase;  line-height: 1.5em;  padding-top:2px; width: 35px;  left:-5px; top: 0px; color: #999;  background: url(../images/deco-date1.gif) bottom right no-repeat;}
* html .calPage {
  left:-40px; /*I.E Fix */
}
 .calPage .day { display: block;  font-weight: bold;  font-size: 20px;  text-indent: -3px;  letter-spacing: -2px;  padding-bottom: 4px; color: #999;  background: url(../images/deco-date2.gif) bottom left no-repeat;}
.post  { position: relative;  margin: 20px 5px 0 5px; padding: 0 0 10px 36px;}
.post p,.post h2.posttitle {margin:0;padding:0;}
span.mailingerror {color: #ff0000;	font-weight: bold;display:block;}
/* typography */
h1,h2,h3,h4 {font-family:"Trebuchet MS",helvetica,sans-serif; letter-spacing:-1px;  }
h1 {font-size:1.5em; color:#FF8000; }
h2 {font-size:1.3em; color:#004A66; }
h3 {font-size:1.1em;}
h4 {font-size:0.9em;}
.note {color:#0099FF; font-style:italic; background-color: #eee; padding:5px; margin:10px 0 10px 0;border:1px dotted #000;text-align:center; }
blockquote.quote {font-family:"Trebuchet MS",helvetica,sans-serif; color:#fff; font-size:14px; font-style:italic; font-weight:bold; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; margin:20px; padding:30px 10px 30px 10px; text-align:center; background-color:#EEE; }
blockquote {margin:0px;padding:10px; text-align:center;}
b.rtop, b.rbottom{display:block;background: #666}/* styles for rounded corners */
b.rtop b {display:block;height: 1px; overflow: hidden; background: #666}
b.rbottom b{display:block;height: 1px; overflow: hidden; background: #666}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
.bold {font-weight:bold;}


#advertisment {display:block;height:100px;margin: 0 auto;}
#advertisment img {border:0;}