/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.5;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection { background: #faefae; color: #000; text-shadow: none; }
::selection { background: #faefae; color: #000; text-shadow: none; }

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Ontario Veterinary College custom styles
   ========================================================================== */


/*
-----------------------------------------------------------------
	>> F O U N D A T I O N <<
================================================================= */


/* Headings -------------------------------------------------------------- */ 

h1,p#ovc,h2,h3,h4,h5,h6 {
	color: #333; 
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.25em;
	margin-top: 0;
	}


h1, h2#ovc {
	font-size: 2.286em; /* 32px */
	margin-bottom: 0.656em;
	color: #076b9d;
	}

/*h1, h2 {
	text-shadow: 1px 1px 1px #cdc5a4;
	}

h3, h4, h5 {
	text-shadow: 1px 1px 1px #cdcdcd;
	}*/

h2 {
	font-size: 1.5em; /* 21px */
	margin-bottom: 1em;
	}

h3 { 
	font-size: 1.286em; /* 18px */
	margin-bottom: 1.166em;
	}

h2, h3, h4 { 
	color: #212121;
	}

h4, h5 {
	font-size: 1.143em; /* 16px */
	margin-bottom: 1.313em;
	line-height: 1.375em;
	}

h5 {
	color: #555;
	}

h6 {
	font-size: 1em; /* 14px */
	font-weight: bold;
	margin-bottom: 1.5em;
	line-height: 1.375em;
	}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
	}

/* Text elements -------------------------------------------------------------- */ 

p { 
	margin: 0 0 1.5em;
	}

img.left {
	float: left;
	margin: 1.5em 1.5em 1.5em 0;
	padding: 0;
	}

img.right {
	float: right;
	margin: 1.5em 0 1.5em 1.5em;
	}

img.middle {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.top {
	margin-top: 0;
}

img.frame {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #FFFFFF;
    box-shadow: 0 2px 3px #888888;
    padding: 5px;
}

hr {
	border: 0;
	background: url("../img/hline.png") repeat-x;
	height: 2px;
	margin: 2em -5px;
	}

div.horizontal-rule {
	clear:both;
	width:100%;
	border: 0;
	background: url("../img/hline.png") repeat-x;
	height: 2px;
	margin: 2em -5px;
	}

strong {
	font-weight: bold;
	}

em,dfn {
	font-style: italic;
	}

dfn {
	font-weight: bold;
	}

sup, sub {
	line-height: 0;
	}

abbr, acronym {
	border-bottom: 1px dotted #666;
	}

address {
	margin: 0 0 1.5em;
	font-style: italic;
	}

del {
	color:#666;
	}

pre {
	margin: 1.5em 0;
	white-space: pre;
	}

pre,code,tt {
	font: 1em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;
	}

/* Lists -------------------------------------------------------------- */
ul, ol {
    margin: 0 1.5em 1.5em; padding: 0 0 0 10px;
}
li ul, li ol { margin:0 1.5em; }
ul { list-style-type: disc; }
ul ul { margin-bottom: 0; }
ol { list-style-type: decimal; }



ul ul li, ul ol li, ol ul li, ol ol li {
	padding-left: 4px;
}
li li {
	font-size: 0.938em;
}
li li li {
	font-size: inherit;
}

ol li ul li ol li {
	list-style-type: lower-roman;
}
#main ol li ul li ol li ul li, #main ol li ul li ul li, #main ul li ul li {
	list-style-type: circle;
}

dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
/* Quotes -------------------------------------------------------------- */ 
blockquote {
	background:#ebe9e1;
	border-left:10px solid #ccc;
	margin:1.5em 10px;
	padding: 1.375em 1.5em;
	font-style: italic;
}
/*blockquote:before {
	font-family: 'Times New Roman',Times,serif;
	color: #2b84b4;
	content: "\201C";
	font-size: 5em;
	line-height: 0;
	margin-right: 0.20em;
	vertical-align: -0.313em;
	font-style: normal;
	font-weight: bold;
}
blockquote p {
	padding-top: 104px;
	display:inline;
}*/

/* Tables -------------------------------------------------------------- */ 
table { margin-bottom: 1.4em; width:100%;}
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th,td { padding: 5px 10px 5px 5px; vertical-align: top;  }
td { font-size: 0.929em;}
tr td { background: #DDEBF2; }
tr.even td { background: #E7EDEE; }
tfoot { font-style: italic; }
table.tbl_listing { border-collapse:collapse; }
.tbl_listing {font-size: 1.154em; line-height: 1.462em; margin-bottom: 0.5em;}
.tbl_listing th, .tbl_listing td {padding: 25px 25px 10px 35px;}
/* Misc classes ---------------------------------------------------------- */ 
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #8B8A82; }
.loud { color: #000; }
.highlight { background:#ff0; }
.warning, .warn {color: #711;}
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.shadow {text-shadow: 2px 2px 2px #1B1B1B;}
.shadow-lite {text-shadow: 2px 2px 2px #999;}



body {
	/*background: #F2F0E9;*/
	color: #3F3F3F;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 87.5%;
	min-width: 1080px;
}

.container {
	margin:0 auto;
	padding: 0 60px;
	position:relative;
	width: 960px;
	}


/* Button elements -------------------------------------------------------- */


#main .button_row {
	margin-top: 1.5em;
	text-align: right;
}

#main a.press-me {
	background: #222 url("../img/btn-overlay.png") repeat-x; 
	display: inline-block; 
	padding: 0.5em 1.0em 0.6em; 
	color: #fff; 
	font-size: 0.929em;
	font-weight: bold;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px #000;
	border: 1px solid rgba(0,0,0,0.25);
	border-width: 0 0 1px;
}


#main a.press-me.btn-blue {
	background-color: #076796;
}

#main a.press-me.btn-red {
	background-color: #B62E37;
}

#main a.press-me:hover, a.press-me:hover.btn-blue, a.press-me:hover.btn-red { background-color: #020202; color: #FFF; }

/*
-----------------------------------------------------------------
	>> H E A D E R   M E S S A G E <<
================================================================= */

div#important-message {
	background-color: #0077aa;
	border-bottom: #970000 1px solid;
	color: #FFF;
	font-size: 1.071em;
	font-weight: bold;
	overflow: hidden;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
	display: none;
}

.message-wrapper {
	border-bottom: #005377 1px solid;
}

div#important-message p {
	margin: 0;
	padding: 12px 0;
	overflow: hidden;
}

div#important-message a {
	color: #A8D1E2;
	text-decoration: none;
}

div#important-message a:hover {
	color: #FFF;
	text-decoration: underline;
}

div#important-message .close {
	background: url("../img/message-close_btn-blue.png") no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	z-index: 1;
	top: 10px;
	right: -88px;
	cursor: pointer;
}

/*
-----------------------------------------------------------------
	>> H E A D E R <<
================================================================= */

#header {
	background: url("../img/header-bg.png") repeat-x;
	z-index: 4;
}

#header div#navigation.container {
	/*background-image: url("../img/header-container-bg.png");*/
	background-repeat: no-repeat;
	background-position: 0 top;
	position: relative;
	height: 150px;
}

#header h1#ovc, #header h2#ovc, #header p#ovc, #header p#uofg {	
	margin: 0;
	padding: 0;
}

#header h1#ovc a, #header h2#ovc a, #header p#ovc a {
	color: #FFF;
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-weight: normal;
	font-size: 1.125em;
	left: 225px;
	position: absolute;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	top: 30px;
}

#header h1#ovc a:hover, #header h2#ovc a:hover, #header p#ovc a:hover {
	color: #fccc58;
}

#header p#uofg a {
	background: url("https://www.uoguelph.ca/img/universityofguelph.png") top left no-repeat;
	position: absolute;
	top: 0;
	height: 150px;
	width: 150px;

}

#find {
	position: absolute;
	top: 4px;
	right: 57px;      
	text-align: right;
}

#nav-find ul {
	margin-left: 21px;  /* added - find menu not currently 5 links */
}

#nav-find ul li {
	float: left;
	font-size: 0.857em;
	position: relative;
	overflow: hidden;
	padding: 8px 1px;
}


#nav-find ul li a {
	color: #f6f1f1;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	padding: 5px 12px;
}
#nav-find ul li a:hover {
	background: #900;
	color: #FFF;
	-moz-box-shadow:    inset 0 0 3px #000000;
	-webkit-box-shadow: inset 0 0 3px #000000;
	box-shadow:         inset 0 0 3px #000000;
	-moz-border-radius:    6px;
	-webkit-border-radius: 6px;
	border-radius:         6px;
	}

#login-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url("../img/message-close_btn-blue.png") no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}

form#search {
	border: none;
	position: absolute;
	font-size: 0.929em;
	top: 34px;
}
form#search fieldset {
	background: #600;
	border-bottom: #970000 1px solid;
	height: 27px;
	-moz-box-shadow:    inset 0 0 3px #300;
	-webkit-box-shadow: inset 0 0 3px #300;
	box-shadow:         inset 0 0 3px #300;
	padding: 0 1em;
	width: 260px;
	text-align: left;
}
form#search input#search-input {
	background: #600;
	border: none;
	color: #FFF;
	font-style: italic;
	font-weight: 500;
	text-shadow: 1px 1px 1px #000;
	width: 240px;
	margin-top: 7px;
	-moz-opacity:    0.5;
	-o-opacity:      0.5;
	-webkit-opacity: 0.5;
	opacity:         0.5;
}

form#search input:focus#search-input {
	font-style: normal;
	-moz-opacity:    1.0;
	-o-opacity:      1.0;
	-webkit-opacity: 1.0;
	opacity:         1.0;
}

form#search #search-submit {
	background: url("../img/search.png") top right no-repeat;
	display: block;
	position: absolute;
	height: 23px;
	width: 23px;
	top: 2px;
	left: 260px;
	z-index: 5;
}

form#search input:focus#search-submit {
	background: #FFF;
}

#nav-roles {
	background: url("../img/nav-roles-bg.png") repeat-x;
	font-size: 1em;
	font-weight: 500;
	position: absolute;
	top: 79px;
	left: 210px;
	height: 32px;
	z-index: 3;
	width: 860px;
}

#nav-roles ul {
	margin-top: 1px;
}

#nav-roles li {
	position: relative;
	float: left;
}

#nav-roles li a {
	color: #f6f1f1;
	display: block;
	height: 27px;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 5px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
}
#nav-roles li a.expand {
	padding-right: 26px;
}
#nav-roles li span {
	background: url("../img/nav-roles-drop-down-bg.png") left top no-repeat;
	position: absolute;
	top: 9px;
	right: 10px;
	height: 12px;
	width: 12px;
}
#nav-roles li.hover span, #nav-roles li:hover span {
	background-position: left bottom;
}

#nav-roles li a:hover.first-item {
	/*background: #600 url('../img/nav-roles-s-curve-bg.png') -12px bottom  no-repeat;*/
}

#nav-roles li a.hover, #nav-roles li a:hover {
	background: #600;
}

#nav-roles li a:focus { outline: none; }

#nav-areas {
	position: absolute;
	font-size: 1.214em;
	font-weight: normal;
	height: 38px;
	left: 210px;
	line-height: 24px;
	top: 112px;
}

#nav-areas ul {
	height: 38px;
}

#nav-areas li {
	position: relative;
	float: left;
}
#nav-areas li a {
	display: block;
	color: #FFF;
	padding: 7px 23px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
	/*background: rgba(153, 255, 0, 0.3);*/
}
#nav-areas li a:hover {
	background: #4DB0D4;
	margin-top: 2px;
	padding-top: 5px;
	box-shadow: inset 0 0 3px rgba(0,0,0,1);
}
#nav-areas li.first-item a {
	padding: 0;
	margin: 0;
}
#nav-areas li.first-item a div{
	margin-top: 2px;
	padding: 5px 23px 7px 20px;
}
#nav-areas li.first-item a:hover div{
	/*background: url("../img/header-container-bg-hover.png") -140px -114px no-repeat;*/
}


#header ul.drop-down li ul {
	display: none;
	padding-left: 0;
	background: #ebe9e1;
	font-size: 0.929em;
	position: absolute;
	top: 31px;
	-moz-border-radius:    0 6px 6px 6px;
	-webkit-border-radius: 0 6px 6px 6px;
	border-radius:         0 6px 6px 6px;
	-moz-box-shadow:    1px 0px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 0px 2px rgba(0,0,0,0.3);
	box-shadow:         1px 0px 2px rgba(0,0,0,0.3);
}

#header ul.drop-down ul {
}

#header ul.drop-down ul li {
	clear:both;
	padding: 0;
	position: relative;
	width: 220px;
	z-index: 50;
}

#header ul.drop-down ul a {
	border-bottom: 1px #D8D8D8 dotted;
	font-weight: normal;
	color: #07a;
	text-shadow: none;
	padding: 9px 18px 1px 22px;
}

#header ul.drop-down ul a.last-item {
	border-bottom: none;
}

#header ul.drop-down ul a:hover {
	background: #D3E3EB;
	color: #711;
}

#header ul.drop-down ul a:hover.last-item {
	-moz-border-radius:    0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius:         0 0 6px 6px;
	border-bottom: none;
}
#header ul.drop-down ul a:hover.first-item {
	-moz-border-radius:    0 6px 0 0;
	-webkit-border-radius: 0 6px 0 0;
	border-radius:         0 6px 0 0;
}

/*
-----------------------------------------------------------------
	>> F E A T U R E <<
================================================================= */


#main, #feature {
	border-top: 2px #FFF solid;
}
#feature {
	color: #FFF;
}

#feature #feature-wrapper, footer {
	background: url("../img/dark_squares.png");
}

.feature-item {
	overflow: hidden;
	position: relative;
}

.feature-item a.feature-image-link::before {
	content: '';
	position: absolute;
	width: 960px;
	height: 340px;
	-moz-box-shadow:    inset  0  3px 3px -3px #000,
	                    inset  0 -3px 3px -3px #000;
	-webkit-box-shadow: inset  0  3px 3px -3px #000,
	                    inset  0 -3px 3px -3px #000;
	box-shadow:         inset  0  3px 3px -3px #000,
	                    inset  0 -3px 3px -3px #000;
}

.feature-item a.feature-image-link:hover > h2.feature-title a {
	color: #fed500;
}

.feature-details {
	display: block;
	position: absolute;
	background: rgb(0, 0, 0); /* The Fallback */
	background: rgba(0, 0, 0, 0.65);
	bottom: 0;
	padding: 14px 48px 0;
	margin-bottom: 1.5em;
	text-shadow: 1px 1px 1px #000;

}

.feature-details.left {
	left: 0;
}
.feature-details.right {
	right: 0;
}

h2.feature-title {
	font-size: 1.857em;
	font-weight: normal;
	line-height: 1em;
	text-shadow: 0px 1px 1px #000;
}

h2.feature-title a {
	color: #FFF;
	text-decoration: none;
}
h2.feature-title a:hover {
	color: #fed500;
}

.feature-description {
	height: 0;
}

#feature ul {
	list-style: none;
	margin: 0;
	padding: 0;
	-moz-box-shadow:    0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
	box-shadow:         0px 0px 3px #000;
}
#feature ul li {
	margin: 0;
}

#feature ul#feature-list {
	height: 340px;
	width: 960px;
	z-index: 1;
}

ul#feature-nav li a#feature-previous, ul#feature-nav li a#feature-next {
	position: absolute;
	top: 125px;
	display: block;
	width: 45px;
	height: 90px;
	-moz-outline-style: none;
}
ul#feature-nav li a#feature-previous {
	background: url("../img/feature-nav-btn.png") left top no-repeat;
	left: 18px;
}
ul#feature-nav li a#feature-next {
	background: url("../img/feature-nav-btn.png") right top no-repeat;
	right: 18px;
}

ul#feature-nav li a#feature-previous:hover {
	background-position: left -92px;
}
ul#feature-nav li a#feature-next:hover {
	background-position: right -92px;
}
ul#feature-nav li a#feature-previous:focus, ul#feature-nav li a#feature-next:focus {
	outline: none;
}

/*
-----------------------------------------------------------------
	>> M A I N <<
================================================================= */

#main {
	padding: 3em 0;

	-moz-box-shadow:    inset  1px 0px 2px rgba(0,0,0,0.3),
	                    inset  1px 0px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset  1px 0px 2px rgba(0,0,0,0.3),
	                    inset  1px 0px 2px rgba(0,0,0,0.3);
	box-shadow:         inset  1px 0px 2px rgba(0,0,0,0.3),
	                    inset  1px 0px 2px rgba(0,0,0,0.3);

	border-bottom: 2px #FFF solid;
	z-index: 1;
}

#main .container {
	overflow: hidden;
}

#main a {
	color: #0b75a8;
	text-decoration: none;
}

#main a:hover {
	background-color: #e8e5d7;
	border-bottom: 1px solid #DFDAC9;
	color: #711;
}

a.reblog, a.like, a.contact {
	background: url("../img/sprites.png") no-repeat;
	display: block;
	}

a.twitter {
	background: url("../img/social/twitter.png") no-repeat;
}

a.facebook {
	background: url("../img/social/facebook.png") no-repeat;
}


a.instagram {
	background: url("../img/social/instagram.png") no-repeat;
}

a.youtube {
	background: url("../img/social/youtube.png") no-repeat;
}

a.feed {
	background: url("../img/social/rss.png") no-repeat;
}

a.facebook, a.feed, a.tumblr, a.twitter, a.youtube, a.instagram {
	float: left;
	display: block;
	height: 36px;
	width: 36px;
	margin-left: 4px;
}


#main .ovc-content li {
	margin-bottom: 4px;
	margin-top: 4px;
}

ul#social {
	display: block;
	margin-top: 8px;
	margin-left: 0;
	padding-left: 0;
	height: 56px;
	}

ul#social li {
	display: inline;
	}

/*a.contact, a.facebook, a.feed, a.tumblr, a.twitter, a.youtube {
	float:left;
	height: 46px;
	width: 46px;
	}*/

ul#social a:hover {
	background-color: transparent;
	border: none;
}

a.contact {background-position: left bottom;}
a:hover.contact {background-position: left -108px;}

/*a.facebook {background-position: -184px bottom;}
a:hover.facebook {background-position: -184px -108px;}

a.feed {background-position: -92px bottom;}
a:hover.feed {background-position: -92px -108px;}

a.tumblr {background-position: -230px bottom;}
a:hover.tumblr {background-position: -230px -108px;}

a.twitter {background-position: -46px bottom;}
a:hover.twitter {background-position: -46px -108px;}

a.youtube {background-position: -138px bottom;}
a:hover.youtube {background-position: -138px -108px;}*/


#main .container {
	background: url("../img/sidebar-bg.png") 719px 0 repeat-y;
}

#main .ovc-content {
	float: left;
	padding-left: 8px;
	padding-right: 30px;
	width: 620px;
}

#main .ovc-content img {
	max-width: 630px;
}

#main aside.secondary {
	display: none;
	float: left;
	padding-left: 22px;
	width: 280px;
}
#main aside.secondary h1,
#main aside.secondary h2,
#main aside.secondary h3,
#main aside.secondary h4,
#main aside.secondary h5,
#main aside.secondary h6,
#main aside.secondary p {
	padding-left: 8px;
}
#main aside.secondary h1, #main aside.secondary h2, #main aside.secondary h3 {
	font-size: 1.375em;
}
#main aside.secondary h4 {
	font-size: 1.250em;
}
#main aside.secondary h5,
#main aside.secondary h6 {
	font-size: 1.125em;
}

ul.sidemenu {	
	list-style: none;
	list-style-image: none;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	border-top: #dfdac7 1px solid;
	border-bottom: #FFF 1px solid;
}

ul.sidemenu li {
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
}

ul.sidemenu li.expanded,
ul.sidemenu li.collapsed,
ul.sidemenu li.leaf {
	padding-top: 0;
}

ul.sidemenu li a,
li.accordionButton, 
li.accordionButton.on {
	background-attachment:fixed;
	background: url("../img/bullets.png") no-repeat;
	background-position: 10px 50%;
	padding: 8px 6px 8px 36px;
}

ul.sidemenu li a,
li.accordionButton, 
li.accordionButton.on, 
.upEvents li a,
.pageEvents li a, 
article.article-list a {
	display: block;
	border-top: #FFF 1px solid;
	border-bottom: #dfdac7 1px solid;
}

ul.sidemenu li a:hover {
	background-position: -260px 50%;
}

ul.sidemenu li.ccwhc a {
	min-height: 60px;
	padding-left: 80px;
	background: url("../img/ccwhc-logo.png") 0 bottom no-repeat;
}

ul.sidemenu li.ccwhc a:hover {
	background-position: 0 -3px;
}

li.accordionButton {
	background-position: -530px 50%;
	color: #07A;
}
li.accordionButton.on {
	background-color: #DFE6E7;
	background-position: -1070px 50%;
}
li.accordionButton:hover{
	background-color: #e8e5d7;
	background-position: -800px 50%;
	color: #711;
	cursor:pointer;
}
li.accordionButton.on:hover{
	background-position: -1340px 50%;
}
li.accordionContent {
	background-color: #ebe9e2;

}
li.accordionContent ul { width: 208px; list-style: none; padding-left: 0; margin-left: 0;}
li.accordionContent ul li { padding-left: 0; }
li.accordionContent ul li a {
	background-position: 36px 50%;
	margin-left: 0;
	padding-left: 60px;
	border-bottom: #dfdac5 1px solid;
	width: 214px;
}
li.accordionContent ul li a:hover {
	background-position: -234px 50%;
}
#main ul li.accordionContent ul li {
	list-style-type: none;
}


/*  Event Links */
.upEvents h3, .upEvents h4, .upEvents ul,
.pageEvents h2, .pageEvents h3, .pageEvents ul {
	margin-bottom: 0;
}

.upEvents h3, .pageEvents h2 {
	border-bottom: #dfdac7 1px solid;
	padding-bottom: 0.875em;
}

.upEvents h4, .pageEvents h3 {
	background: #ebe9e1;
	font-size: 0.875em;
	font-weight: bold;
	padding: 12px 0 9px 8px;
	position: relative;
	text-shadow: 1px 1px 0 #FFF;
	border-bottom: #dfdac7 1px solid;
	border-top: #FFF 1px solid;
	text-transform: uppercase;
	margin-top: 0;
}

.upEvents li, .pageEvents li {
	font-size: 0.938em;
	white-space: nowrap;
}

.upEvents li a, .pageEvents li a {
	padding: 4px 6px 6px;
}
.upEvents li a div.eventDetail,
.pageEvents li a div.eventDetail {
	padding-top: 2px;
	overflow: hidden;
	text-overflow:ellipsis;
}
.upEvents li a div.eventDetail span.room,
.pageEvents li a div.eventDetail span.room {
	font-weight: normal;
	color: #7a7a7a;
}
.upEvents li a:hover div.eventDetail span.room,
.pageEvents li a:hover div.eventDetail span.room {
	color: #222;
}
.upEvents li a div.eventDetail time,
.pageEvents li a div.eventDetail time {
	font-weight: normal;
	font-size: 0.938em;
	color: #343434;
}
.upEvents li a:hover div.eventDetail time,
.pageEvents li a:hover div.eventDetail time {
	color: #711;
}
.upEvents li a svg,
.pageEvents li a svg {
	fill: none;
	float: left;
	height: 40px;
	padding-right: 8px;
	stroke: #0b75a8;
	stroke-width: 4;
	width: 6px;
}
.upEvents li a:hover svg,
.pageEvents li a:hover svg  {
	stroke: #CE7875;
}

.pageEvents {
	font-size: 0.714em;
	line-height: 1.214em;
}

#main .ovc-content .pageEvents li{
	margin-top: 0;
	margin-bottom: 0;
	margin-right: -23px;
}


/*
-----------------------------------------------------------------
	>> T H R E E   C O L U M N S <<
================================================================= */

#main.three-columns .container {
	background: url("../img/main-home-bg.png") 468px top repeat-y;
}

#main.three-columns .column1 {
	float: left;
	margin-right: 30px;
	width: 380px;
}

#main.three-columns .column1 article div.story-text, #main.three-columns .column1 .ovc-content {
	margin-left: 7px;
	margin-right: 7px;
}

#main.three-columns .column1 article h1 {
	font-size: 1.75em;
}

#main.three-columns .column1 img.story-picture {
	width: 368px;
	padding: 3px 4px;
	margin-left: 2px;
	border: 1px #dfdac7 solid;
	margin-bottom: 1.5em;
}

#main.three-columns .column1 .ovc-content {
	margin-top: 3em;
}

#main.three-columns .column2 {
	float: left;
	margin: 0 30px;
	width: 230px;
}

#main.three-columns .column3 {
	float: left;
	margin-left: 24px;
	width: 230px;
}

#main.three-columns .column3 h1,
#main.three-columns .column3 h2,
#main.three-columns .column3 h3,
#main.three-columns .column3 h4,
#main.three-columns .column3 h5,
#main.three-columns .column3 h6,
#main.three-columns .column3 p {
	padding-left: 6px;
}

#main.three-columns ul.sidemenu, #main.three-columns .upEvents ul, .pageEvents ul {
	list-style: none; list-style-image: none; margin-left: 0; padding: 0;
}

#main.three-columns ul.sidemenu, #main.three-columns nav#article-quick-nav {
	border-top: #dfdac7 1px solid;
	border-bottom: #FFF 1px solid;
}

#main.three-columns li.accordionContent ul li a {
	width: 164px;
}

#lead-article-list{
	min-height: 350px;
}
#lead-article-list article {
	width: 380px;
}

#main.three-columns #article-quick-nav ul{
	border-bottom: #dfdac7 1px solid;
	overflow: auto;
}
#main.three-columns #article-quick-nav ul li a{
	border-top: #FFF 1px solid;
	display: block;
	text-align:center;
	text-transform: uppercase;
	font-size: 0.875em;
}
#main.three-columns #article-quick-nav ul li.pagination .pagination-wrap #lead-article-pager a {
	border: none;
}

#main.three-columns #article-quick-nav ul li a:hover {
	border-bottom: none;
}
#main.three-columns #article-quick-nav ul li.previous a, #main.three-columns #article-quick-nav ul li.next a{	
	padding-top: 8px;
	padding-bottom: 8px;
	width: 112px;
}
#main.three-columns #article-quick-nav ul li.previous a{
	border-right: #dfdac7 1px solid;
	float: left;
}
#main.three-columns #article-quick-nav ul li.next a{
	border-left: #FFF 1px solid;
	float: right;
}
#main.three-columns #article-quick-nav ul li.pagination {
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-right: #dfdac7 1px solid;
	position: absolute;
	width: 152px;
	left: 173px;
}

#main.three-columns #article-quick-nav ul li.pagination .pagination-wrap {
	float: right;
	position: relative;
	left:-50%;
}

#lead-article-pager {
	border-bottom: none;
	position:relative;
	left:50%;
	margin:0;
	padding:0;
}

#lead-article-pager a {	
	background: url("../img/article-scroller-bullets.png") left -16px no-repeat;
	border: none;
	float: left;
	margin: 8px 5px;
	width: 14px;
	border-top: none;
}

#lead-article-pager a:hover, #lead-article-pager a.activeSlide {
	background-color: #f2f0e9;
	background-position: left top;
}

#lead-article-pager a:nth-child(5) {
	background-position: left -48px;
}
#lead-article-pager a:hover:nth-child(5), #lead-article-pager a.activeSlide:nth-child(5) {
	background-position: left -32px;
}


article.article-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

article.article-list a {
	height: 42px;
	display: block;
	overflow: hidden;
	position: relative;
}

article.article-list a, article.article-list div, article.article-list span.list-pubdate {
	padding: 2px 0 4px;
}

article.article-list span.list-pubdate {
	top: 50%;
	margin: -11px 0 0 -60px;
	color: #3f3f3f;
	text-align: center;
	width: 50px;
	position: absolute;
}

article.article-list div {
	padding-left: 60px;
	width: 300px;
	height: 42px;
}

article.article-list div p {
	height: 42px;
	display: table-cell;
	vertical-align: middle;
}


#main.three-columns h3 {
	font-size: 1.5em;
}

#main.three-columns .upEvents ul {
	width: 230px;
}


/*
-----------------------------------------------------------------
	>> F O O T E R <<
================================================================= */

footer {
	min-height: 50px;
	padding-top: 1.5em;
	padding-bottom: 1px;
}

footer .container {
	position: relative;
}

.footerlogo {
	background: url("../img/ovc_crest.png") no-repeat;
	display: block;
	height: 84px;
	width: 121px;
	position: absolute;
	top: 14px;
	left: 60px;
}

.footertext {padding: 18px 0 10px 150px; color: #DDD;}
.footertext a {color: #ebe8ad; text-decoration: none;}
.footertext a:hover {color: #09a9f0;}
.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;}


/*
-----------------------------------------------------------------
	>> D R U P A L   F U N C T I O N   S T Y L E S <<
================================================================= */

#messages {padding-bottom: 1.5em;}



/*
-----------------------------------------------------------------
	>> D R U P A L   V I E W S <<
================================================================= */

.views-row-odd {
	background: #dce2e3;
}

.views-row-even {
	background: #eaeeee;
}


/*
* Views - Faculty list block
*/

#main .views-row a.person {
	color: #444;
	display: block;
	min-height: 80px;
	padding: 20px 12px 0 112px;
	position: relative;
}

.views-row a.person img.profile-thumb {
	width: 100px;
}

.views-row a.person span.person-professor {
	font-size: 0.857em;
	position: absolute;
	top: 5px;
}

.views-row a.person span.person-name {
	color: #0B75A8;
	font-size: 1.214em;
}

#main .views-row a.person:hover, .views-row a.person:hover span.person-name {
	border-bottom: none;
	color: #222;
}

#main .views-row a.person:hover span.person-name {
	color: #711;
}

.views-row img {
	position: absolute;
	top: 0;
	left: 0;
}

/*
* Views - Faculty subtitle
*/

div#subtitle {
	position: relative;
	padding-bottom: 3em;
}

div#subtitle .block {
	position: absolute;
	display: block;
	top: -16px;
}

/*
* Views - Faculty contact info
*/

#main img.profile-picture {
	float:left;
	margin-right: 1.5em;
	max-width: 200px;
}

.view-faculty-contact-information ul {
	list-style: none;
}

.view-faculty-contact-information ul li span {
	font-weight: bold;
}

.block {
	margin-bottom: 1.5em;
}

/* FAQ Page styles */

ol.faq li {
	padding-bottom: 1em;
	border-bottom: 1px solid #D8D8D8;
}

div.faq-question {
	margin-top: 1em;
	color: #2B2E51;
	font-size: 1.25em;
}

div.faq-answer {
	background-color: #FFF;
	margin: 1em 2em 0 0;
	padding: 1.5em;
	display: none;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/* For image replacement */
#lead-article-pager a, .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
#lead-article-pager a br, .ir br { display: none; }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}