/*
-----------------------------------------------------------------
Centre for Experimental and Constructive Mathematics
Stylesheet for screen media
Filename:      front.css                                            
Version:       1.0                                                    
Date:          December 2004
  
Site:          http://www.cecm.sfu.ca
 
-----------------------------------------------------------------
*/

/* Banner and Banner Image */
/* ----------------------------------------------------------- */

#banner {
	background: #000 url(../img/banner0.jpg) top left no-repeat;
	padding: 0; 
	margin: 0; 
	overflow: hidden; 
	width: 100%; /*IE5 on Mac needs a width or it won't show*/
	height: 146px; 
}

#banner img {
	position: relative; 
	top: 126px; 
	left: 0px;
}


/* Navigation Bar on the Left
/* ----------------------------------------------------------- */

#left {	
	position: absolute;
	width: 300px;
	left: 20px;
	border-width: 0;
	padding: 10px 20px 10px 0px;
	font: 1em sans-serif;
}

/* menu styles */
#left a {
	display: block;
   	margin: 0 0px 0 0; 
   	padding: 5px 0px 3px 10px;
   	text-decoration: none;
   	color: #0d2b88; 
   	background: transparent;
}

#left a:visited {
	color: #0d2b88; 
}


#left a:hover {
	background-color: #0d2b88; 
   	color: #fff;
   	padding-right: 10px; 
   	margin-right: 0;
}

#left a#current {
   background-color: #0d2b88;
   color: #fff;
   border-width: 0px;
   border-right: 10px; 
   padding-right: 7px;
   margin-right: 0px;
}

#center {
	padding: 10px 20px 20px 18px;
	margin-left: 335px;
	margin-right: 0px;
	border-left: 1px #ccc solid;
	overflow: hidden;
}

#randomimage
	   {position: absolute;
	   top: 135px;
	   left: 25px;
	   margin: 0px;
}

/* Navigation Bar */
/* ----------------------------------------------------------- */
#nav {
	margin: 0;
	background-color: #000;
	padding-left: 165px;
	height: 2.5em;
	font-weight: bold;
	font-size: 12px;
}

#nav td {
	vertical-align: top;
}

#nav ul ul {
	display: none;
}

#nav ul.topmenu > li {
	margin: 0; 
	padding: 0;
}

#nav ul {
	padding: 0; 
	margin: 0; 
	border-bottom: 2px solid #000;
	background-color: #000;
	font: 1em sans-serif;
	z-index: 2;
}

#nav ul li {
	list-style-type: none;
	border: 1px solid #000; 
	border-width: 1px 1px 0 3px;
	position: relative; 
	margin: 0; padding: 0;
}

#nav ul li:hover > ul {
	display: block; 
	position: absolute; 
	top: -1px; 
	left: 100%;
}

#nav li a {
	display: block; 
	padding: .3em .3em; 
	text-decoration: none; 
	color: #000;
	background: #fff;
}

#nav a {
	font-weight: normal;
}

#nav ul.topmenu {
	border: none;
}

#nav ul.topmenu li a:hover {
	background: #000; 
	color: #fff;
}

#nav ul.topmenu > li:hover > ul {
	width: 12em; 
	top: 100%; 
	left: -3px;
}

#nav ul.topmenu > li > a {
	font-weight: bold; 
	background: #000; 
	color: #fff;
}

#nav ul.topmenu > li > a:hover {
	color: #f6014c;
}

#nav ul ul {
	width: 14em;
}


/* Tool Bar */
/* ----------------------------------------------------------- */
#toolbar {
	padding: .2em 20px .2em 20px;
	background-color: #fff;
	color: #0d2b88;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

#toolbar form {
	display: inline;
}

#toolbar table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

.textSize a:link {
	padding-right: 10px;
	text-decoration: none;
	color: #0d2b88;
}

.textSize a:hover {
	padding-right: 10px;
	text-decoration: underline;
	color: #f6014c;
}

/* Footer */
/* ----------------------------------------------------------- */
p.footer {
	border-top: 1px solid #ccc;
	margin: 0em;
	background-color: #fff;
	color: #333;
	padding: 5px;
	text-align: center;
	font-size: 9px;
}

p.footer a:link, p.footer a:visited {
	background-color: #fff;
	font-weight: bold;
	color: #0d2b88;
	text-decoration: none;
}

p.footer a:hover {
	background-color: #fff;
	color: #333;
	text-decoration: underline;
}