/*
Inner body: #f4f4f4
Outer body: #dddddd
*/

/* */
html, body, h1, h2, h3, ul, li, dl, dt, dd, form, fieldset, blockquote, p {margin: 0; padding: 0;}
body {font: 70% arial, helvetica, tahoma, verdana, sans-serif; background: #dddddd url(../images/site/body.png) repeat-x;}


/* accessibility */
#quick-navigation, .accessibility, .hidden, hr {position:absolute; top:0; left:-666em; margin-left:-666em; overflow:hidden;}

/* modules */
.container {border-top: 2px solid #007a96;}

.menu {list-style: none;}
	.menu li {float: left;}
	.menu a {float: left;}

.news {list-style: none;}

fieldset {border: 0;}

a {text-decoration: underline !important;}
	a:focus, a:hover {text-decoration: none !important;}
	
/* header */
#header {margin: 0 auto; padding: 0 10px; width: 962px; background: transparent url(../images/site/header.png) 0 0 no-repeat;}
	#header .container {position: relative; width: 962px; height: 166px;}
	#header h1 {margin: 16px 0 15px 30px; width: 220px; height: 90px;}
		#header h1 a {display: block; position: relative; width: 220px; height: 90px;}
			#header h1 a span {position: absolute; top: 0; left: 0; width: 220px; height: 90px; background: url(../images/site/header.h1.a.span.png) no-repeat;}

/* search */
#search {position: absolute; top: 46px; left: 708px; width: 250px;}
	#search dl {}
	#search dt {display: none;}
	#search dd {float: left;}
	#search p {padding-top: 1px;}
	#search .text {}
		#search input.text {border: 1px solid #757575; font: 1.2em arial, helvetica sans-serif; color: #183441;}
	#search #search_field {width: 130px; margin-right: 8px; padding: 4px 8px;}

/* menu */
#menu {
	overflow: hidden;
	height: 45px;
}
#menu a {
	position: relative;
	height: 45px;
}
#menu a span {
	position: absolute;
	top: 0;
	left: 0;
	height: 45px;
	cursor: pointer;
}

#header-home             { width: 106px; background: url(../images/site/navbar.png)    0   0; }
#header-skills-at-home   { width: 233px; background: url(../images/site/navbar.png) -106px 0; }
#header-skills-at-school { width: 244px; background: url(../images/site/navbar.png) -339px 0; }
#header-forum            { width:  94px; background: url(../images/site/navbar.png) -583px 0; }
#header-information      { width: 140px; background: url(../images/site/navbar.png) -677px 0; }
#header-contact-us       { width: 145px; background: url(../images/site/navbar.png) -817px 0; }

#header-home:hover             { background-position:    0   -45px; }
#header-skills-at-home:hover   { background-position: -106px -45px; }
#header-skills-at-school:hover { background-position: -339px -45px; }
#header-forum:hover            { background-position: -583px -45px; }
#header-information:hover      { background-position: -677px -45px; }
#header-contact-us:hover       { background-position: -817px -45px; }

#menu a {
	text-indent: -999em;
}

/* introduction */
#introduction {margin: 0 auto; padding: 0 10px; width: 962px; background: url(../images/site/background.png) repeat-y;}
	#introduction .container {position: relative; border-top: none; height: 230px; background: url(../images/site/introduction.container.jpg) 50% 0 no-repeat;}
	#introduction h1 { text-indent: -999em; }
	#introduction blockquote { text-indent: -999em; }

/* content */
#content {position: relative; margin: 0 auto; padding: 0 10px; width: 962px; background: url(../images/site/background.png) 50% 0 repeat-y;}
	#content .container {padding: 32px 0;}
		#content .container:after {display: block; clear: both; height: 0; content: "."; visibility: hidden;}
	#content h1, #content h2, #content h3 {margin: 0 0 14px; padding: 10px 0; font: normal 2em helvetica, arial; background: url(../images/site/content.header.gif) 0 100% repeat-x; color: #007a96;} /* h1, h2 */

/* news */
#news {}
	#news h3 {margin: 0 5px 10px; padding: 0 0 0 9px; font: bold 1.2em arial, helvetica, tahoma, verdana, sans-serif; background: url(../images/site/news.h3-header.gif) 0 50% no-repeat;}
		#news h3 a {text-decoration: underline; color: #007a96;}
	#news .body {margin: 0 5px; font-size: 1.2em; line-height: 1.5em; color: #183441;}
		#news .body .date {}
			#news .body span.date {color: #a5a5a5;}

#newsletter {margin: 36px 0 0 12px; border: 1px solid #000; border-width: 3px 0 1px; padding: 8px 8px 24px; background: #3eceee;} /* form */
	#newsletter h3 {margin: 7px 0 10px; padding: 0; background: none; color: #fff;}
	#newsletter dl {}
	#newsletter dt {display: none;}
	#newsletter dd {float: left;}
	#newsletter .text {}
		#newsletter input.text {border: 1px solid #878787; font: 1.2em arial, helvetica sans-serif; color: #183441;}
	#newsletter #sEmailAddress {width: 160px; margin-right: 8px; padding: 3px 8px;}

/* register */
#register {position: absolute; top: 0; left: 851px; margin-top: -60px; width: 107px; height: 111px;}
	#register a {display: block; position: relative; width: 107px; height: 111px;}
		#register a span {position: absolute; top:0; left: 0; width: 107px; height: 111px; background: url(../images/site/register.a.span.png) no-repeat; cursor: pointer;}

/* footer */
#footer {margin: 0 auto; padding: 0 10px; width: 962px; background: url(../images/site/background.png) repeat-y;}
	#footer p {padding: 12px 0; font-size: 1.1em; text-align: right; margin-right: 32px; color: #183441;}
	#footer a {color: #007a96;}

/*
 * Misc
 */

#body {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 2em;
}

#body a {
	text-decoration: underline;
	color: #007a96;
}

#body img {
	margin: 3px;
}

#body h2, #body h3 {
	background: none;
}

#body h2 { font-size: 16px; }
#body h3 { font-size: 14px; }

#body p, #body table {
	margin-bottom: 18px;
	color: #183441;
}


/*
 * Layouts
 */

/* #body + #sidebar, a.k.a. two-col */
.two-col #body {
	float: left;
	margin-left: 30px;
	width: 520px;
	_display: inline;
}
.two-col #sidebar {
	float: right;
	margin-right: 42px;
	width: 305px;
}

/* #body only, a.k.a. one-col */
.one-col #body {
	margin-left: 30px;
	margin-right: 42px;
}

/* #body + #sidenav, a.k.a. one-col-sidenav */
.one-col-sidenav #body {
	float: right;
	margin-left: 20px;
	margin-right: 20px;
	width: 700px;
}
.one-col-sidenav #sidenav {
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	width: 165px;
}
.one-col-sidenav #sidenav h2 {
	background: none;
	padding: 2px 0;
	margin-bottom: 4px;
	font-size: 16px;
}
.one-col-sidenav #sidenav ul {
	list-style: none;
	font-size: 12px;
}
.one-col-sidenav #sidenav ul li {
	padding: 4px 0 4px 4px;
	border: 1px solid #cccccc;
	border-width: 1px 0 0 0;
}
.one-col-sidenav #sidenav ul li.unlinked {
	color: #007a96;
}
.one-col-sidenav #sidenav ul li.hover {
	background-color: #007a96;
	cursor: pointer;
}
.one-col-sidenav #sidenav ul li a:link,
.one-col-sidenav #sidenav ul li a:visited,
.one-col-sidenav #sidenav ul li a:active,
.one-col-sidenav #sidenav ul li a:hover {
	text-decoration: none !important;
	color: black;
}
.one-col-sidenav #sidenav ul li.hover a:link,
.one-col-sidenav #sidenav ul li.hover a:visited,
.one-col-sidenav #sidenav ul li.hover a:active,
.one-col-sidenav #sidenav ul li.hover a:hover {
	color: white;
}


/*
 * Home page
 */

#body p.dyscovery-centre,
#body p.proffesionals,
#body p.email,
#body p.missing-information {
	height: 50px;
	padding-left: 90px;
}
#body p.dyscovery-centre {
	padding-top: 8px;
	background: url(../images/site/main.p-dyscovery-centre.png) 8px 50% no-repeat;
}
#body p.proffesionals {
	background: url(../images/site/main.p-proffesionals.png) 8px 50% no-repeat;
}
#body p.email {
	padding-top: 28px;
	background: url(../images/site/main.p-email.png) 8px 50% no-repeat;
}
#body p.missing-information {
	padding-top: 12px;
	background: url(../images/site/main.p-missing-information.png) 8px 50% no-repeat;
}
#body p.waterloo-foundation {
	text-align: center;
}


/*
 * "sitemap" snippet
 */

#body ul.sitemap {
	margin: 30px;
	font-size: 24px;
}
#body ul.sitemap li {
	list-style: none;
	font-size: 0.9em;
}
#body ul.sitemap li.page,
#body ul.sitemap p.unlinked {
}
#body ul.sitemap .hover {
	border-color: black;
	cursor: pointer;
}
#body ul.sitemap li.hover {
	background: #007a96;
}
#body ul.sitemap p.hover {
	background: #eeeeee;
}
#body ul.sitemap li p {
	margin: 0;
	padding-top: .5em;
	padding-bottom: .5em;
}
#body ul.sitemap li p { padding-left: 2em; }

#body ul.sitemap li li p { padding-left: 4em }
#body ul.sitemap li li li p { padding-left: 6em }
#body ul.sitemap li li li li p { padding-left: 8em }
#body ul.sitemap li li li li li p { padding-left: 10em }
#body ul.sitemap li li li li li li p { padding-left: 12em }

#body ul.sitemap li .unlinked {
	color: #888888; 
}

#body ul.sitemap li a.more-link { font-size: 0.8em; }
#body ul.sitemap li a.more-link:hover { background: #007a96; }


#body ul.sitemap li p.withimage { height: 110px; line-height: 110px; }
#body ul.sitemap li p img { float:left; padding-right: 20px; }

#body ul.sitemap li a:link,
#body ul.sitemap li a:visited,
#body ul.sitemap li a:hover,
#body ul.sitemap li a:active {
	color: black;
	text-decoration: none !important;
}

/**
 * Content elements
 */

img.attached_img {
	padding: 4px;
	background-color: #dddddd;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 4px;
}


/**
 * Search results
 */

.search-result {
	margin-bottom: 1em;
}
#body .search-result p, #body .search-result h3 {
	margin: 0;
}
.search-result .abstract {
	margin-bottom: 0;
}
#body .search-result .url {
	font-size: 83.33%;
	color: green;
}


/**
 * Misc
 */

.error {
	border: 1px solid red;
	background: #ffaaaa;
	padding: 1em;
	font-size: 16px;
}