/*
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 {
background:url(/template/images/header/header1.jpg) top center no-repeat;
	margin:0;
	padding:0;
	height:200px;
}
#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 #mailHeader, #leftColumn #navHeader, #rightColumn #sponsorsHeader, #rightColumn #eventHeader, #rightColumn #forumHeader{
	width:150px;
	height:20px;
	position: relative;
	margin:0;
	padding:0;
}
#leftColumn #newsHeader span, #leftColumn #mailHeader span, #leftColumn #navHeader span, #rightColumn #sponsorsHeader span, #rightColumn #eventHeader 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; 
}
#rightColumn #sponsorsHeader span {
	background:url(header_sponsors.gif) no-repeat;
}
#rightColumn #eventHeader span {
	background:url(header_event.gif) no-repeat;
}
#rightColumn #forumHeader span {
	background:url(header_forum.gif) no-repeat;
}
#rightColumn #sponsorsBar,#rightColumn #eventBar,#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 {
	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:right;}
#rightColumn dl dt {margin:0;padding:0;font-size:0.8em;}
#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;}