/**************************************************************/
/* ECE Version 2009.04                                        */
/*  by Douglas Wilhelm Harder -- dwharder@alumni.uwaterloo.ca */
/* Based on Version 3.0b1                                     */
/*  by Jesse Rodgers -- jrodgers@alumni.uwaterloo.ca          */
/**************************************************************/

/************************************************************************/
/* General document rules including classes and region-specific classes */
/************************************************************************/

/* Colours:
 *    #E0E0E0  224, 224, 224
 *    #AF231E  175,  35,  30
 *    #400000   64,   0,   0
 *    #404040   64,  64,  64
 *    #C1C1C1  193, 193, 193
 *    #F8F8F8  248, 248, 248
 *    #CCCCCC  204, 204, 204
 *    #FFFFFF  255, 255, 255
 *    #C03030  192,  48,  48
 *    #601818   96,  24,  24
 */

body {
	font: 75% Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	background: #FFFFFF url( "http://uwaterloo.ca/images/designimages/grey_gradient.jpg" ) repeat-x top;
}

#pagecontainer {
	width: 80em;
	margin: 0 auto;
	background-color: #F8F8F8;
	border: 1px solid #C1C1C1;
}

a:link {
	color: #404040;
	text-decoration: underline;
}

a:visited {
	color: #400000;
}

a:hover, a:focus {
	color: #AF231E;
	text-decoration: underline;
}

img {
	border: 0;
}

img.campaignlogo {
	float: right;
	text-align: right;
	margin: 0.8em 0.8em 0.4em 0.4em;
}

img.icon {
	float: right;
	text-align: right;
	margin: 0.4em 0.4em 0.4em 0.4em;
}

img.departmentlogo {
	float: left;
	text-align: left;
	margin: 0.4em 0.8em 0.4em 0.8em;
}

#footer .vcard {
	margin: 0;
}

.none {
	display: none;
}

/********************************/
/* **************************** */
/* *  UW Link, Search, Title  * */
/* **************************** */
/********************************/

#header {
	background-color: #FFFFFF;
	margin: 0;
	border-bottom: 1px solid #CCCCCC;
	height: 6.5em;
	padding: 4px;
	position: relative;
}

#searchbox {
	text-align: right;
}

#wordmark {
	text-align: right;
	border-top: 1px solid #CCCCCC;
	margin-left: 175px;
	width: auto;
	overflow: hidden;
}


#wordmark h1 {
	font-family: Baskerville, "Baskerville Old Face", "MgOpen Canonica", "Bitstream Vera Serif", Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	letter-spacing: 1px;
	font-weight: normal;
	margin: 14px 8px 0 0;
}

#wordmark a {
	text-decoration: none;
	color: #000000;
}

#uwlogo {
	position: absolute;
	top: 8px;
	left: 22px;
}

/**************/
/* Search Box */
/**************/

#searchbox {
	font-size: 0.9em;
	height: 2.1em;
	margin-left: 175px;
	color: #404040;
}


form#search { 
	margin-top: 0px;
	margin-bottom: 3px;
}

.google {
	border: 1px solid #666;
	padding: 1px 2px 1px 2px;
}

input.google {
	border: 1px solid #666;
	font-size: 1em;
	padding: 1px 2px 1px 2px;
}

/*********************/
/* ***************** */
/* *  CONTENT BAR  * */
/* ***************** */
/*********************/

#contentbar {
	margin-left: 15.8em;
	padding: 0;
	border-left: 1px solid #C1C1C1;
}

#contentbar h2 {
	background-color: #C03030;
	color: #FFFFFF;
	background-image: none;
	font-size: 1.3em;
	font-weight: normal;
	margin: 0;
	margin-bottom: -1px;
	text-indent: 7px;
	padding: .4em;
}

/**********************/
/* ****************** */
/* *  MAIN CONTENT  * */
/* ****************** */
/**********************/

#contentarea {
	border: 1px solid #A0A0A0;
	overflow: hidden;
	background-color: #FFFFFF;
	border-right: none;
	border-bottom: none;
}

#banner {
	margin-bottom: 1em;
}

#primarycontent {
	padding: 0.5em;
	line-height: 1.3em;
	min-height: 482px;
	border-right: none;
}

#primarycontent p {
	margin: 0 0 1em 0.6em;
}

#contentarea h1 { 
	color: #C03030;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0 0 0.5em 0em;
	margin: 0 0 0 0;
}

#contentarea h2 { 
	color: #A02828;
	font-size: 1.4em;
	font-weight: normal;
	font-style: italic;
	padding: 0 0 0.4em 0.1em;
	margin: 0 0 0 0;
}

#contentarea h3 {
	color: #802020;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 0 0.3em 0.2em;
	margin: 0 0 0 0;
}

#contentarea h4 {
	color: #601818;
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
	padding: 0 0 0.2em 0.3em;
	margin: 0 0 0 0;
}

#contentarea h5 {
	color: #401010;
	font-size: 1em;
	font-weight: normal;
	padding: 0 0 0.1em 0.4em;
	margin: 0 0 0 0;
}

#contentarea h6 {
	color: #200808;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	padding: 0 0 0 0.5em;
	margin: 0 0 0 0;
}

#contentarea h1.bar, #contentarea h2.bar, #contentarea h3.bar, #contentarea h4.bar, #contentarea h5.bar, #contentarea h6.bar {
	margin: 0.2em -0.5em 0.2em -0.5em;
	background: #C0C0C0;
}

#contentarea h1.bar {
	padding: 0.2em 0.2em 0.2em 1.0em;
}

#contentarea h2.bar {
	padding: 0.2em 0.2em 0.2em 1.1em;
}

#contentarea h3.bar {
	padding: 0.2em 0.2em 0.2em 1.2em;
}

#contentarea h4.bar {
	padding: 0.2em 0.2em 0.2em 1.3em;
}

#contentarea h5.bar {
	padding: 0.2em 0.2em 0.2em 1.4em;
}

#contentarea h6.bar {
	padding: 0.2em 0.2em 0.2em 1.5em;
}

/**********/
/* TABLES */
/**********/

/****************************/
/* ************************ */
/* *  PRIMARY NAVIGATION  * */
/* ************************ */
/****************************/

#primarynav {
	float: left;
	width: 15.8em;
	margin: 0;
}

#primarynav ul {
	font-size: 1em;
	background: #E0E0E0;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #A0A0A0;
}

#primarynav ul ul {
	border-bottom: 0
}

#primarynav li.parent {
	background: #C0C0C0;
}

#primarynav li.current {
	font-weight: bold;
}

#primarynav a {
	border-top: 1px solid #A0A0A0;
	display: block;
	padding: 2px 3px;
	text-decoration: none;
	color: #000000;
}

#primarynav a:link, #primarynav a:visited {
	padding: .3em;
	color: #000000;
}

#primarynav a:hover, #primarynav a:focus {
	background-color: #C03030;
	color: #FFFFFF;
}

#primarynav ul.primarynavsub {
	margin: 0 0 0 0em;
}

#primarynav ul ul ul.primarynavsub {
	margin: 0 0 0 0.7em;
}

#primarynav ul.primarynavsub li {
	list-style: none, inside;
	background: url(http://ece.uwaterloo.ca/~dwharder/tmp/images/bullet.png) no-repeat 14px 6px;
	padding-left: 2.0em;
}

#primarynav ul.primarynavsub li a:hover {
	background-color: #AF231E;
	color: #FFFFFF;
}

/**********************************/
/* ****************************** */
/* *  SUPPLEMENTARY NAVIGATION  * */
/* ****************************** */
/**********************************/

#supplementary {
	padding: 0 0 0 1em;
	font-size: 0.9em;
	float: right;
	width: 18.0em;
}

#supplementary div {
}

#supplementary div.greyblock {
	margin: 0 0 0.5em 0;
	padding: 1em 1em 1em 1em;
	background-color: #E0E0E0;
}

#supplementary ul {
	list-style: circle inside;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#supplementary li {
}

#supplementary h1, #supplementary h2, #supplementary h3, #supplementary h4, #supplementary h5, #supplementary h6 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#supplementary a:hover {
	color: #AF231E;
}

#supplementary a:focus {
	color: #400000;
}

#supplementary p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #400000;
}
#supplementary img {
	border: 1px solid white;
	margin: 6px 2px 0px 2px;
	padding: 0 0 0 0;
}

#supplementary a:hover img {
	border-color: #AF231E;
}


/****************/
/* ************ */
/* *  FOOTER  * */
/* ************ */
/****************/

#footer {
	margin-left: 15.8em;
	background-color: #FFFFFF;
	border-bottom: none;
	border-right: none;
	border-top: 1px solid #C1C1C1;
	border-left: 1px solid #C1C1C1;
	padding: 10px;
	clear: both;
}

#IE6root #footer {
	margin-left: 14.9em;
}

#departmentaddress p, #footer .vcard {
	font-size: 0.9em;
	margin: 0;
}

#footer a {
	text-decoration: none;
}

#footer p {
	margin: 1em 0;
}

#footer .vcard span {
	font-size: 1em;
}

#footer ul#footerlinks {
	padding: 0;
	font-size: 0.8em;
	margin: .5em 0;
	list-style: none;
	overflow: hidden;
}

#footer ul#footerlinks li {
	border-right: 1px solid #666;
	float: left;
	padding-right: .5em;
	margin-right: .5em;
}

#footer ul#footerlinks li:last-child {
	border-right: none;
}

#footer ul#footerlinks li a:link, #footer ul#footerlinks li a:visited {
	color: #C03030;
}

#footer ul#footerlinks li a:focus, #footer ul#footerlinks li a:hover {
	color: #AF231E;
}

/*****************************************/
/* ************************************* */
/* *  DISPLAYING MATHEMATICS AND CODE  * */
/* ************************************* */
/*****************************************/

#contentarea tt {
	font-size: 1.2em;
}

#contentarea .codeblock {
	white-space: pre;
	font-size: 1.2em;
	font-family: "Courier New", Courier, serif;
	background-color: #EEEEEE
}

span.math {
	font-size: 1.2em;
	font-family: "Times New Roman", Garamond, serif;
	font-weight: normal;
	font-style: normal;
}

p.math {
	font-size: 1.2em;
	font-family: "Times New Roman", Garamond, serif;
	font-weight: normal;
	font-style: normal;
}