/*
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:#f4f4f4;}
body {font: 11px Verdana, sans-serif; color: #333; background: #f4f4f4 url(../images/bg.gif) top center repeat-y;}
/* 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/header2.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: #ccc;padding:0px 5px 0px 5px; line-height:20px; color:#000;}
#pageFooter span {display:block;}
#pageFooter a {color:#000; text-decoration:none;}
#pageFooter a:hover {color:#666; }
/* PAGE CONTENT */
#pageContent {clear:both;margin:10px 8px 10px 8px;}
#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 #newsHeader, #leftColumn #eventHeader, #leftColumn #mailHeader, #leftColumn #navHeader, #rightColumn #sponsorsHeader, #rightColumn #forumHeader{width:150px;height:20px;position: relative;margin:0;padding:0;}
#leftColumn #newsHeader span, #leftColumn #eventHeader span , #leftColumn #mailHeader span, #leftColumn #navHeader span, #rightColumn #sponsorsHeader span, #rightColumn #forumHeader span{position:absolute;width:100%;height:100%;}
#leftColumn #newsHeader span {	background:url(header_recentnews.gif) no-repeat; }
#leftColumn #mailHeader span {background:url(header_mailinglist.gif) no-repeat; }
#leftColumn #navHeader span {background:url(header_navigation.gif) no-repeat; }
#leftColumn #eventHeader span {background:url(header_event.gif) no-repeat;}
#rightColumn #sponsorsHeader span {background:url(header_sponsors.gif) no-repeat;}
#rightColumn #forumHeader span {background:url(header_forum.gif) no-repeat;}
#rightColumn #sponsorsBar,#rightColumn #forumBar {margin-bottom:10px;width: 150px;background:#eee url(../images/header_bottom_left_corner.gif) no-repeat bottom left;}
#leftColumn #newsBar, #leftColumn #navBar, #leftColumn #mailBar, #leftColumn #eventBar{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;}
#leftColumn #newsBar ul , #rightColumn #sponsorsBar ul {margin:0;padding:0;}
#leftColumn #newsBar ul li {list-style:none;padding: 3px;}
#leftColumn #newsBar ul li span {display: block;}
#rightColumn #sponsorsBar ul li {list-style:none;height: 1%;margin-top: 10px;margin-bottom: 10px;}
#rightColumn li {text-align:center;}
#rightColumn img {border:0;}
#rightColumn #eventBar #ads {height: 160px;margin: 10px 5px 10px 5px;}
#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: #f4f4f4}/* styles for rounded corners */
b.rtop b {display:block;height: 1px; overflow: hidden; background: #ccc}
b.rbottom b{display:block;height: 1px; overflow: hidden; background: #ccc}
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;}