@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("/v2/img/assets/localbg.png"); height:50px;
	}
	
#local .container{background:url("http://www.uoguelph.ca/img/universityofguelph.gif") left bottom no-repeat; height:50px;}

#ovclogo{background:url("/v2/img/titles/ontarioveterinarycollege.png");display:block;float:right;height:50px;width:310px; margin-right:9px;}

#ovclogo strong{left:-999px;position:absolute;width:990px;}
#acronymlogo{background:url("../img/ovc/titles/acronym.png");display:block;float:right;height:50px;width:72px; margin-right:9px;}
#acronymlogo 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.6em;}
#page ul {list-style: none;}
#page ol {padding: 0 0 0.25em 3em;}
#page ol li {padding-bottom: 0.75em;}
#page blockquote {padding: 0 3em;}
#page td {padding: 0.65em;}
#page a{color: #771515; text-decoration:none; border-bottom: #CCC 1px dotted;}
#page 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: #F2F0E9;}
#page h2 {font-size: 2.4em; color:#07A;}
#page h2 a, #page h3 a, #page h4 a, #page h5 a{color: #07A; text-decoration:none; border:none;}
#page h2 a:hover, #page h3 a:hover {color: #07A; text-decoration: underline; border:none; background:none;}
#page h3 {font-size: 1.8em;}
#page h3, #page h5 {color:#07A;}
#page h4, #page h5{font-size: 1.8em;}
#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.6em; 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: #F2F0E9;}
#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}
#dessous h2 a, #dessous h3 a, #dessous h4 a, #dessous h5 a{color: #00ABEB; text-decoration:none; border:none;}
#dessous h2 a:hover, #dessous h3 a:hover {color: #00ABEB; text-decoration: underline; border:none; background:none;}

#dessus .container {background: #F2F0E9 url("/v2/img/assets/menu_bg.gif") 34px 0;background-repeat:repeat-y; }
#dessus .container {padding: 25px 0 0 0;}
#dessus .premiere {width: 234px; float: left;}
#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 ul li {background:none;}
#page .navigation ul li a{color: #282A2C; text-decoration:none; display: block; padding: 5px 15px 5px 1px;}
#page .navigation ul li a:hover{ color:#07B; background: #F2F0E9; 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;}

#footer{font-size: 0.88em; background: #0088BB url("/v2/img/assets/footer_bg.gif");background-repeat:repeat-x;}
#footer .container {padding: 6px 0 0 0;}
#footer a {color: #F1F1F1; text-decoration: none;}
#footer a:hover {text-decoration:underline;}
.footerimg {float: left;}
.footertext {float: left; padding: 18px 0 10px 25px; color: #DDD;}
.footertext p {padding-top: 0.9em;}
.footertext ul { margin: 0; padding-left: 0; display: inline;}
.footertext ul li {margin-left: 0; padding: 0 5px 0 0; list-style: none;	display: inline;}

.deuxieme ul, .trosieme ul, .cinquieme ul, .sixieme ul, #dessus .sixieme ul {padding-bottom: 1.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 {margin: 0 0 1em 0;}

/* Sub page menu */

#pagenav {padding: 1em 0;}

#page #pagenav ul, #page #pagenav ul li{
	background: none;
	padding: 5px 18px 5px 2px;
	margin: 0;
	display:inline;
	}

#page #pagenav ul { border-top: #D8D8D8 1px solid; border-bottom: #D8D8D8 1px solid;}

.news {font-size: 1.15em;}
.news li, .event li {line-height: 1.2em;}

/* Styles for event */

.news dl, .event dl {
width : 100%; /* width of the wrapper */
margin: 0;
padding : 0;
}


.news dt, .event dt {
color: #666;
float : left;
width : 30px;
margin : 9px 0 9px 0;
padding : 2px 9px 2px 0;
font-weight : normal;
border-right: 1px #D8D8D8 solid;
text-transform:uppercase;
text-align:center;
}

#page #dessous h2 a {color: #00ABEB;}

#dessous .news dt, #dessous .event dt {color: #99907B; border-right: 1px #666052 solid;}

dt span { /* neutral rather than presentational mark-up */
color: #08B;
font-weight:bold;
font-size: 1.2em;
}

.news dd ul, .event dd ul {
float : left;
padding : 0;
list-style-type : none;
}

.news dd ul {width: 265px; margin : 13px 0 9px 14px; padding: 0;}
.event dd ul {width : 140px; margin : 10px 0 7px 14px; padding: 0;}

dd ul li {
margin : 0;
padding : 0;
list-style-type : none;
text-align: left;
}


#page .message {border-top: 1px #D8D8D8 solid; border-bottom: 1px #D8D8D8 solid; }
#page .message p {padding: 1em; font-size:1.15em; line-height: 1.15em;}

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

.event dd ul li span {text-transform:lowercase; color: #666; font-size: 0.95em;}

/* 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;
	}
#page .graphic a {border: none;}

	
/* Blog */

.byline {border-bottom: #C0E9EB 1px solid; padding: 0 0 4px;}
.baseline {border-top: #C0E9EB 1px solid; padding: 5px 10px; text-align: right;}
.entry {margin: 0.42em 0 3em;}
.archive {color: #999;}

/* Form Validation */
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: none;
	color : #FF3300;
	
}

.custom-advice {
	margin: 5px 0;
	padding: 0;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

/* Scrolly magic */



#panes {
	padding-top: 8px;
	border-style: none;
	width: 310px;
}
		
#panes div div { overflow: hidden; }
		
#dessus #previous, #dessus #next {color: #07A; font-size: 1.5em; float: left; cursor: pointer; display: block;}
#dessus #previous:hover, #dessus #next:hover {color: #771515;}

#dessous #previous, #dessous #next {color: #EAE8B3; font-size: 1.5em; float: left; cursor: pointer; display: block;}
#dessous #previous:hover, #dessous #next:hover {color: #07B;}

#previous {padding: 1px 9px 0 0;}
#next {padding: 1px 0 0 8px;}
	
#heading {margin-top: 8px; padding: 4px 0 38px 0; border-top: #D8D8D8 1px solid;}
#heading a { float: right; color: #07A; border-bottom: none; line-height: 2em; margin-right: 10px;}
#heading a:hover {color: #771515; border-bottom: none;}
		
#dessus #buttons li {border: 1px #F2F0E9 solid; color: #07A; float: left; padding: 0px 8px 1px 8px; cursor: pointer;}
#dessus #buttons li:hover {color:#771515; text-decoration:underline;}
#dessus #buttons li.active {border: 1px #D8D8D8 solid; background-color: #EBE9E2; color: #282A2C;}

#dessous #buttons li {border: 1px #282A2C solid; color: #EAE8B3; float: left; padding: 0px 8px 1px 8px; cursor: pointer;}
#dessous #buttons li:hover {color:#07B; text-decoration:underline;}
#dessous #buttons li.active {border: 1px #555 solid; background-color: #333; color: #EEECE5;}


/* Visibility */

.hidden { display: none; }
.unhidden { display: block; }


/* Thumbnail Shadowing */


#dessus .thumbnail {background: url("/video/img/layout/smbg_90x60.gif") no-repeat bottom right;}
#dessous .thumbnail {background: url("http://www.ovc.uoguelph.ca/video/img/layout/smbg_dessous_90x60.gif") no-repeat bottom right;}

.thumbnail {
	float: left;
	display:block;
	margin: -6px -4px -4px -6px;
	padding: 6px 24px 6px 10px;
	}
	
.thumbnail_lg {
	float: left;
	background: url("/video/img/layout/lgbg_240x160.gif") no-repeat bottom right;
	display:block;
	margin: -6px -4px 10px -6px;
	padding: 6px 24px 4px 10px;
	}
	
.thumbnail_sm {
	float: left;
	background: url("/video/img/layout/smbg_70x47.gif") no-repeat bottom right;
	display:block;
	margin: -6px -4px 12px -6px;
	padding: 6px 19px 6px 10px;
	}

#video {margin: 12px 0 18px 0;}

.videothumb {margin-top: 12px;}

.description, .description_list, .description_side {float: left; display: block; line-height:1.25em; color: #555;}
#dessous .description {color: #989898;}
.description {width: 196px;}
.description_list {width: 156px; padding-right: 24px;}
.description_side {width: 110px; font-size: 0.9em;}
.description .title, .description_list .title, .description_side .title {padding-bottom: 3px; font-weight:bold;}
.description .watch, .description_list .watch, .description_side .watch {padding-top: 3px; text-align:right;}


.name_description {color: #555;}
.name {font-size: 1.2em;}

/* for the drop down side menu */

.submenu {font-size: 0.8em; padding: 1px 4px; margin-bottom: 4px; background:#DBD9D2;}

/* for a side column table of contents - see Pathobiology Health and Safety */
#toc {padding-left: 10px; margin-left: 20px; width: 225px; float: right; border-left: #DBD9D2 1px solid;}