@charset "UTF-8";
@import url(uofg.css);

*	{margin:0;padding:0;}

body {font: 0.8125em Verdana, sans-serif; color: #333;}
img {border:none;}

p {padding-bottom: 1em;}

.clear{clear:both;display:block;}
.clear:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}
* html .clear{height:1%;}


.container{
	margin:0 auto;
	position:relative;
	width: 860px;
	}

.container_feature{
	margin:0 auto;
	position:relative;
	width: 860px;
	}

#feature{background:#282A2C url("/v2/img/assets/splash_bg.jpg");background-repeat:repeat-x;}
#feature #rotator{background:#fff;height:220px;}
#feature #rotator img{border:0;display:none;height:220px;left:0;position:absolute;top:0;width:860px;}

#page #rotator2 {height:380px;}
#page #rotator2 img {border:0;display:none; height:380px; position:absolute; left:235px;top:0;width:620px;}
#page #rotator2 a {border:none;}
#page #rotator2_spacer {width: 621px;float: left; background: #DEDCD5; height: 15px; border-bottom: #D8D8D8 1px solid; margin-bottom: 25px;}

#local{
	background:#fff url("/img/localbg.jpg"); height:50px;
	}
	
#local .container{background:url("http://www.uoguelph.ca/img/universityofguelph.gif") left bottom no-repeat; height:50px;}

#csawlogo{background:url("../img/title.png");display:block;float:right;height:50px;width:650px; margin-right: 14px;}
#csawlogo strong{left:-999px;position:absolute;width:990px;}

#baselogo{background:url("../img/ovc/titles/ovcbase.png");display:block;float:right; height:39px;width:174px;}
#baselogo strong{left:-999px;position:absolute;width:990px;}

.spacer_top, .spacer_bottom {background: #DEDCD5; height: 15px;}
.spacer_top {border-bottom: #D8D8D8 1px solid;}
.spacer_bottom {border-top: #D8D8D8 1px solid;}

#page {font-size: 0.88em;}
#page p, #page ul, #page ol {text-align: left; line-height: 1.8em;}
#page ul {list-style: none;}
#page ol {padding-left: 2.3em;}
#page td {padding: 0.65em;}
#page p a, #page li a{color: #771515; text-decoration:none; border-bottom: #CCC 1px dotted;}
#page p a:hover, #page li a:hover{color: #07A; text-decoration: none; border-bottom: #07B 1px dotted;}

#page h1,#page h2,#page h3,#page h4,#page h5,#page h6{font-family: Helvetica, Arial, sans-serif; font-size:3.0em; font-weight:normal; line-height: 1.08em; padding-bottom: 0.25em;}
#page h1 {letter-spacing:-1px; color:#07A;}
#page h1 a {text-decoration: none; border: none; color:#711; display:block; border-bottom: #D8D8D8 1px solid; padding-bottom: 0.3em;}
#page h1 a:hover {border-bottom: #07B 1px solid; background: #FFF;}
#page h2 {font-size: 1.8em; color:#07A;}
#page h2 a,#page h4 a, #page h5 a{color: #07A; text-decoration:none; border:none;}
#page h2 a:hover{color: #07A; text-decoration: underline; border:none; background:none;}
#page h3, #page h5 {color:#07A;}
#page h3, #page h4, #page h5{font-size: 1.6em;}
#page h4, #page h5 { margin: 1em 0 0.25em; padding-bottom: 0.1em;}
#page h4 {color:#555;}
#page h4 a:hover, #page h5 a:hover {border-bottom: #633 1px solid;}
#page h5 {color: #07A;}
#page h6 {font-size: 1.3em; color:#555;}
#page h6 a{color: #07A; text-decoration:none;}
#page h6 a:hover{color: #07A; text-decoration: none; border-bottom: #633 1px solid; background: none;}

#dessous {padding: 25px 0;}
#dessus {background: #FFF;}
#dessous {background: #282A2C url("/v2/img/assets/dessous_ds.jpg");background-repeat:repeat-x; color: #EEECE5}
#dessous a {color: #EAE8B3;}
#dessous a:hover {color: #00ABEB; background: none; border-bottom: #B6D7FF 1px solid;}
#dessous h1, #dessous h2, #dessous h3, #dessous h4, #dessous h5, #dessous h6 {color: #00ABEB}

#dessus .container {background: url("/csaw/img/divide_bg.gif") 235px 0;background-repeat:repeat-y; }
#dessus .container {padding: 25px 0 0 0;}
#dessus .premiere {width: 235px; float: left;}
#dessus .premiere p {padding-right: 15px;}
#dessous .premiere { padding-right: 34px; width: 200px; float: left; }

#page .navigation ul li {list-style:none; line-height: 1.15em; font-size: 1.15em;}
#page .navigation li {background:none;}
#page .navigation li a{color: #282A2C; text-decoration:none; display: block; padding: 5px 15px 5px 1px;}
#page .navigation li a:hover{ color:#07B; background: #FFF; border-bottom: #07B 1px solid; border-bottom: #07B 1px solid; display: block; padding: 5px 15px 5px 1px;}

#page .premiere h1 {}
#page .premiere h1:hover {}

.deuxieme { padding: 0 0 2em 35px; width: 590px; float: left;}
.troisieme, .post_troisieme {padding: 0 35px 0 34px; width: 320px; float: left;}
.quatrieme, .post_quatrieme {padding-left: 35px; width: 200px; float: left;}
.cinquieme {padding: 0 35px; width: 200px; float: left; border-right: 1px #D8D8D8 solid;}
.sixieme {padding: 0 0 0 35px; width: 320px; float: left;}

#page .cinquieme p {line-height: 1.2em;}

#dessous .troisieme {border-left: #666052 1px solid;}
#dessous .quatrieme {border-left: #666052 1px solid;}



.deuxieme ul, .trosieme ul, .cinquieme ul, .sixieme ul, #dessus .sixieme ul {padding-bottom: 1.15em;}
#dessus .deuxieme ol li, #dessus .cinquieme ol li, #dessus .troisieme ol li, #dessus .sixieme ul li {background: none; padding-left: 0.15em;}
#dessus .deuxieme ul li, #dessus .cinquieme ul li, #dessus .troisieme ul li, #dessus .sixieme ul li {background: url("http://www.ovc.uoguelph.ca/v2/img/assets/bullet.gif") no-repeat; background-position: 1em .75em; padding-left: 2em;}
#dessus .deuxieme ul, #dessus .cinquieme ul, #dessus .troisieme ul, #dessus .sixieme ul,
#dessus .deuxieme ol, #dessus .cinquieme ol, #dessus .cinquieme ol, #dessus .sixieme ol {margin: 0 0 1em 0;}

/* Image wrapping */

.wrapper {padding: 1em 19px 0 28px;}
.wrapper-l {float: left; padding-right:12px; text-align: left;}
.wrapper-r {float: right; padding-left:12px; text-align: right;}
.wrapper-l p, .wrapper-r p {font-size: 10px; color: #999; padding: 3px 9px 0 0; line-height: 14px;}


.graphic {
	margin: 5px 7px 0px 1px;
	padding: 4px;
	background: #fff;
	border: 1px solid #ccc;
	border-color: #eee #ccc #ccc #eee;
	}

a img	{ border: none; }
.post img	{ vertical-align: bottom; }

img.center	{ display: block; margin-left: auto; margin-right: auto; }
img.alignright	{ display: inline; margin: 0 0 2px 7px; }
img.alignleft	{ display: inline; margin: 0 7px 2px 0; }
img.noborder { border: none; }

img.graphic {
	margin: 0px 7px 8px 0px;
	padding: 3px;
	background: #fff;
	border: 1px solid #eee;
	border-color: #ddd #999 #999 #ddd;
}

a:hover img.graphic {
	margin: 0 7px 8px 0;
	border-width: 1px;
	border-color: #07A;
}


.line {border-top: #D8D8D8 1px solid; padding: 0; margin: 8px 0 20px 0;}

.special {background: #000; color: #FFF; padding:15px 30px; margin-bottom: 2em; border:}
.special_title {color: #FFF; font-size: 1.4em;}
.special_year {color:#C00;}
#page .special a{color: #C00;}
#page .special a:hover {color: #FDD;}

.name {font-size: 1.3em;}

#page #help_us {
	background: url("../img/help_us.png");
	display:block;
	height: 306px;
	width: 235px;
	}
#page #help_us:hover {
	background: url("../img/help_us_hover.png"); border: none;
	}
#page #help_us strong {left:-999px;position:absolute;width:990px;}
