/*
Robert Gordon University
Main screen stylesheet
*/

/**
				Dark    Medium	Light	V.Light
				100%	65%		54%		11%
purple			#660066 #87398C #CEB2C2 #EFE5F0

**/

@import url('reset.css');
@import url('architecture.css');
@import url('art.css');
@import url('business.css');
@import url('computing.css');
@import url('engineering.css');
@import url('health.css');
@import url('information.css');
@import url('laboratory.css');
@import url('law.css');
@import url('socialwork.css');

body
{
	background-color:#E9E9E9;
	font-size:62.5%;	/* 1em = 10px */
	font-family:arial, sans-serif;
}

div#wrapper
{
	background-color:#fff;
	color:#333;
	width:813px;	/* 850px - padding */
	margin:0 auto;
	padding:0 18px 0 19px;
	border-top:2.7em solid #E9E9E9;
}

/** Elements **/

h1
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:2.5em;
	font-family:arial, sans-serif;		/* TODO: Set proper font */
	padding:0.25em;
	color:#fff;
	background-image:url('../images/background-title.gif');
	background-position:0 0;
	background-repeat:repeat-y;
	background-color:#AC76AF;
}

h1 span.honorific-suffix
{
	font-size:0.6em;
}

h2, 
h3
{
	font-size:1.5em;
	font-weight:bold;
	color:#606;
	margin-bottom:0.5em;
}

h4
{
	font-size:1.25;
	font-weight:bold;
	margin-bottom:0.5em;
}

h4.pdf span
{
	padding-right:20px;
	background-image:url('../images/icon-pdf.gif');
	background-position:100% 50%;
	background-repeat:no-repeat;
}

h5,
h6
{
	font-weight:bold;
	margin-bottom:0.5em;
}

p
{
	margin-bottom:1em;
	line-height:1.3em;
}

ul, 
ol
{
	margin-bottom:1em;
	padding-left:2em;
}

ul
{
	list-style:disc;
}

ol
{
	list-style:decimal;
}

ol ol
{
	list-style:lower-alpha;
}

ol ol ol
{
	list-style:lower-roman;
}

li
{
	margin-top:0.5em;
}

blockquote
{
	font-weight:bold;
	color:#606;
}

blockquote p.quote
{
	font-size:1.3em;
}

blockquote p.quote:before {content:'“';}
blockquote p.quote:after {content:'”';}

blockquote cite
{
	color:#333;
}

blockquote cite span.honorific-suffix
{
	display:block;
	font-weight:normal;
}

dl dt
{
	font-weight:bold;
	font-size:1.25em;
	margin-bottom:0.2em;
}

dl dd
{
	padding-bottom:0.5em;
	border-bottom:1px solid #E5E5E5;
	margin-bottom:0.5em;
}

dl dd.last
{
	border-bottom:none;
}

em
{
	font-style:italic;
}

strong
{
	font-weight:bold;
	color:#606;
}

q
{
	font-style:italic;
}

q:before
{
	content: '“';
}

q:after
{
	content: '”';
}

code
{
	font-family:monospace;
	background:#E5E5E5;
}

abbr,
acronym
{
	border-bottom:1px dotted #333;
	cursor:help;
}

/* Exceptions for microformats datetimes: */
abbr.dtstart,
abbr.dtend,
abbr.published,
abbr.updated
{
	border-bottom:none;
	cursor:default;
}

a
{
	text-decoration:none;
	color:#606;
}

a:hover,
a:focus,
a:active
{
	text-decoration:underline;
}

a.more,
a.enter,
a.image-link span
{
	display:block;
	font-weight:bold;
	background-image:url('../images/background-more-link.gif');
	background-position:0 0.35em;
	background-repeat:no-repeat;
	padding:0.2em 0 0 10px;
}

a.more:hover,
a.more:focus,
a.more:active
{
}

a.enter
{
	display:inline-block;
	border:2px solid #606;
	background-color:#fff;
	padding:0.5em 0.5em 0.5em 1.25em;
	background-position:0.5em 0.60em;
}

a.enter:hover,
a.enter:focus,
a.enter:active
{
	background-image:url('../images/background-more-link-white.gif');
	background-color:#606;
	color:#fff;
	text-decoration:none;
}

a.image-link
{
	display:inline-block;	/* Shrink wrap contents */
		/* TODO: Needs hasLayout + display:inline to shrinkwrap in IE6 (I think) */
	position:relative;
	border:4px solid #fff;
	max-width:100%;
	overflow:hidden;
}

a.image-link span
{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:0.2em 0.2em 0.2em 13px;
	background-position:3px 0.35em;
	background-color:#fff;
	background-color:rgba(255,255,255,0.74);
}

a.image-link:hover span,
a.image-link:focus span,
a.image-link:active span
{
	background-color:#fff;
}

small
{
	font-size:0.75em;
}

big
{
	font-size:1.25em;
}

img
{
	vertical-align:bottom;
}

img.content
{
	border:3px solid #D3D3D3;
}

img.large
{
	display:block;
	margin:0 auto 1em auto;
}

img.small
{
	float:right;
	margin:0 0 0.5em 0.5em;
}

hr
{
	display:none;
}

input
{
	vertical-align:middle;
}

input.text
{
	font-size:1em;
	width:15.5em;
	border:3px solid #E0E0E0;
}

/** Logo **/

h1.logo
{
	padding:0;
}

h1.logo a,	/* Used on home page */
h2.logo a	/* Used on other pages */
{
	display:block;
	width:271px;
	height:0;
	padding-top:55px;
	margin-top:12px;
	margin-bottom:25px;
	overflow:hidden;
	background-image:url('../images/logo.gif');
	clear:both;
	float:left;
}

/** Page layout (different numbers of columns) **/

div.pre-content
{
	float:left;
	width:24.11%;
}

div.post-content
{
	float:right;
	width:23.86%;
}

div.main-content
{
	width:100%;
}

div.right-sidebar div.main-content
{
	float:left;
	width:74.66%;
	padding-bottom:1em;
}

div.left-sidebar div.main-content
{
	float:right;
	width:74.41%;
	padding-bottom:1em;
}

div.both-sidebars div.main-content
{
	float:left;
	width:53.51%;
	margin-left:1.48%;
	padding-bottom:1em;
}

div.both-sidebars div.post-content
{
	width:19.43%;
}

/** Page introduction **/

p.introduction,		/* Single paragraph intro */
div.introduction	/* Multi-paragraph intro */
{
	margin-top:0.8em;
	font-size:1.25em;
	line-height:1.2em;
	font-weight:bold;
	color:#606;
}

/** Tab groups **/

div.tab-group
{
	margin:1em 0;
}

div.tab-group ol.tabs
{
	list-style:none;
	margin:0 0 -1px 0;
	padding:0;
	background-color:#F2F2F2;
	height:2.5em;
}

div.tab-group ol.tabs li
{
	margin:0.5em 5px 0 0;
	display:block;
	float:left;
}

div.tab-group ol.tabs li a
{
	cursor:pointer;
	display:block;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	padding:0.5em 15px;
	background-color:#d9d9d9;
}

div.tab-group ol.tabs li a:hover,
div.tab-group ol.tabs li a:focus,
div.tab-group ol.tabs li a:active
{
	color:#fff;
	background-color:#606;
}

div.tab-group ol.tabs li.first
{
	margin-left:5px;
}

div.tab-group ol.tabs li.selected
{
	margin-top:-4px;
	margin-bottom:-1px;
	margin-left:0;
	border:1px solid #D3D3D3;
	border-bottom-color:#fff;
	padding:2px;
	background-color:#fff;
}

div.tab-group ol.tabs li.selected a,
div.tab-group ol.tabs li.selected a:hover,
div.tab-group ol.tabs li.selected a:focus,
div.tab-group ol.tabs li.selected a:active
{
	background-image:url('../images/background-selected-tab.gif');
	background-position:0 0;
	background-repeat:repeat-x;
	color:#606;
	font-size:1.2em;
}

div#content div.tab-group ol.tabs li.selected a, /* Highly specific rule to override generic "li a" rule in subject stylesheets */
div#content div.tab-group ol.tabs li.selected a:hover,
div#content div.tab-group ol.tabs li.selected a:focus,
div#content div.tab-group ol.tabs li.selected a:active
{
	background-color:#fff;
}

div.tab-group div.section-footnote
{
	margin:1em 0 0;
}

div.js-tab-group div.tab
{
	display:none;
}

div.js-tab-group div.selected-tab
{
	display:block;
	clear:left;
	border:1px solid #D3D3D3;
	padding:0.67em 0.67em 0;
}

/** Accordions **/

div.accordion
{
	margin:1em 0;
}

div#content div.accordion div.introduction, /* #content gives extra specificity to override subject styles */
div#content div.accordion p.introduction
{
	color:#333;
}

div.accordion *.section-title
{
	background-color:#CEB2C2;
	color:#333;
	font-size:1.25em;
	padding:0.25em 0.87em;
}

#content div.accordion *.comment-title
{
	background-color:#f5f5f5;
	color:#333;
}

#content div.accordion *.comment-title-hover
{
	background-color:#999;
	color:#fff;
}

div.accordion div.section
{
	padding:0 1.1em;
}

div.js-accordion *.section-title
{
	cursor:pointer;
	background-image:url('../images/accordion-plus.gif');
	background-position:99% 50%;
	background-repeat:no-repeat;
}

div.js-accordion *.section-title-hover
{
	background-color:#606;
	color:#fff;
}

div.js-accordion *.selected-section-title
{
	background-color:#9D6686;
	background-image:url('../images/accordion-minus.gif');
	background-position:99% 50%;
	background-repeat:no-repeat;
}

/** Accordions containing study areas */

div.accordion div.study-area
{
	padding:0;
	overflow:hidden;	/* Clear internal floats */
	width:100%;			/* Clear internal floats (IE) */
	margin-bottom:1em;
}

div.accordion div.study-area div.intro,
div.accordion div.study-area div.options
{
	float:left;
	width:299px;
	background-color:#eee;
	padding-bottom:1000em;
	margin-bottom:-1000em;
}

div.accordion div.study-area div.intro
{
	background-color:transparent;
}

div.accordion div.study-area div.intro p
{
	background:#eee;
	padding:1em;
	margin-left:74px;
	padding-bottom:1001em;
	margin-bottom:-1000em;
}

div.accordion div.study-area div.options
{
	float:right;
}

div.accordion div.study-area div.options h3
{
	color:#333;
	font-size:1em;
	margin:1em 1em 0;
}

div.accordion div.study-area div.options ul
{
	list-style:none;
	margin:1em;
	padding:0;
}

div.accordion div.study-area div.image
{
	float:left;
	width:67px;
	background-color:#eee;
	border-right:7px solid #fff;
	padding-bottom:1000em;
	margin-bottom:-1000em;
}

/** Feature Accordions **/

div.feature-accordion
{
	margin:1em 0;
	border:7px solid #F2F2F2;
	padding:0;
	overflow:hidden;
	background-color:#F2F2F2;
}

div.feature-accordion *.section-title
{
	background-color:#d9d9d9;
	background-image:url('../images/feature-accordion-gradient.gif');
	background-position:0 100%;
	background-repeat:repeat-x;
	color:#333;
	font-size:1.25em;
	width:100%;
	margin:0;
	clear:both;
}

div.feature-accordion *.section-title span
{
	display:block;
	padding:0.5em 5px;
}

div.feature-accordion div.section
{
	clear:left;
	background-color:#fff;
	padding:0.5em 6px;
	overflow:hidden;
}

div.feature-accordion *.feature
{
	float:left;
	margin:-0.5em 0.5em -0.5em -0.5em;
	width:388px;
}

div.feature-accordion-js
{
	position:relative;
	padding-left:395px;
}

div.feature-accordion-js div.accordion-wrapper
{
	background-color:#fff;
	overflow:hidden;
}

div.feature-accordion-js *.feature
{
	position:absolute;
	left:6px;
	top:6px;
}

div.feature-accordion-js *.section-title
{
	cursor:pointer;
}

div.feature-accordion-js *.section-title-hover
{
	color:#606;
}



/** 2 and 3 column sections **/

div.columns-3,
div.columns-2
{
	margin:1em 0;
	width:100%;			/* Clear internal floats (IE) */
	overflow:hidden;	/* Clear internal floats */
}

div.columns-3 div.column,
div.columns-2 div.column
{
	padding-bottom:1000em;
	margin-bottom:-1000em;
}

div.columns-3 div.column
{
	float:left;
	width:31.9%;
	
	margin-left:0.95%;
	padding-left:0.95%;
	border-left:1px solid #E5E5E5;
}

div.columns-3 div.first
{
	border-left:none;
	padding-left:0;
	margin-left:0;
}

div.columns-3 div.last
{
	margin-left:0;
	float:right;
	border-right:1px solid #E5E5E5;
}

div.columns-2 div.first
{
	float:left;
	width:48%;
	padding-right:1.98%;
	border-right:1px solid #E5E5E5;
}

div.columns-2 div.last
{
	width:48%;
	float:right;
}

/** Link grid **/

div.link-grid
{
	margin:1em 0;
	width:440px;
	overflow:hidden;
	border-bottom:11px solid #E9E9E9;
	background-color:#E9E9E9;
}

div.link-grid ul
{
	list-style:none;
	padding:0;
}

div.link-grid li
{
	display:inline;	/* Fix IE6 double margin float bug */
	width:184px;
	padding:9px 10px;
	overflow:hidden;
	border-top:11px solid #E9E9E9;
	margin-top:0;
	margin-left:11px;
	float:left;
	background-color:#fff;
	margin-bottom:-1000px; /* } Ballance heights of adjacent items */
	padding-bottom:1009px; /* } */
}

div.link-grid li.reset
{
	clear:left;
}

div.link-grid h3
{
	font-size:1.25em;
}

div.link-grid h3 a
{
	background-image:url('../images/background-more-link.gif');
	background-position:0 0.35em;
	background-repeat:no-repeat;
	padding-left:10px;
}

div.link-grid img
{
	float:left;
	margin-right:10px;
}

/** Events list **/

div.events h2
{
	margin:1em 0;
	background-color:#f2f1ea;
	padding:0.25em;
}

div.events h2 span,
div.events h3 span
{
	padding-right:25px;
	background-image:url('../images/icon-calendar.gif');
	background-position:100% 50%;
	background-repeat:no-repeat;
}

div.events li.vevent
{
	margin-left:-2em;
	padding-left:2em;
	list-style:none;
	border-bottom:1px solid #E5E5E5;
}

div.events li.last
{
	border-bottom:none;
}

div.events a.summary
{
	line-height:1.2em;
}

/* div.events abbr.dtstart /* span used instead for IE6 */ 
div.events span.date
{
	font-style:italic;
	display:block;
	margin-bottom:0.25em;
}

div.events p.description
{
	margin-top:0.5em;
}

/** Events list: Sidebar/Column variant **/

div.sidebar div.events
{
	margin:1em 0 0 0;
}

div.column div.campus-events
{
	padding:1em 1em 0;
	border-top:5px solid #606;
}

div.sidebar div.events h3 span,
div.column div.events h3 span
{
	background-image:url('../images/icon-calendar-white.gif');
}

div.sidebar div.events h4,
div.column div.events h4
{
	font-size:1.1em;
}

div.sidebar div.events li.vevent,
div.column div.events li.vevent
{
	margin-bottom:1em;
	padding:0 0 1em 0;
}

div.sidebar div.events abbr.dtstart,
div.column div.events abbr.dtstart
{
	font-style:normal;
	color:#333;
	margin:0;
}

/** Study options list **/

div.study-options
{
	margin:1em 0;
	padding:1em;
	background-color:#CEB2C2;
}

div.study-options h2,
div.study-options h3
{
	color:#333;
}

div.study-options p
{
	font-size:1.25em;
}

div.study-options ul
{
	list-style:none;
	margin:-6px -6px 0 0;
	padding:0;
	width:381px;		/* Clear internal floats (IE) */
	overflow:hidden;	/* Clear internal floats */
}

div.study-options li
{
	background-color:#fff;
	padding:6px;
	margin:0 6px 0 0;
	border-top:6px solid #CEB2C2;
	width:109px;
	float:left;
	overflow:hidden;
	padding-bottom:1006px;	/* } Balance heights of adjacent items */
	margin-bottom:-1000px;	/* } */
}

div.study-options li.reset
{
	clear:left;
}

/** Pagination **/

div.pagination ol
{
	color:#999;
	list-style:none;
	padding:0;
	text-align:right;
}

div.pagination li
{
	display:-moz-inline-stack;	/* Firefox 2 does not support inline-block */
	display:inline-block;
	vertical-align:bottom;
	width:1.3em;
	height:1.3em;
	text-align:center;
	margin-left:3px;
}

div.pagination a,
div.pagination span
{
	display:block;
	border:2px solid #D9D9D9;
	vertical-align:bottom;
	color:#999;
	
	padding:0;
	line-height:1.3em;
}

div.pagination span
{
	border-color:#fff;
}

div.pagination a:hover,
div.pagination a:focus,
div.pagination a:active
{
	background-color:transparent;
	border-color:#999;
}

div.pagination li.prev,
div.pagination li.next
{
	float:left;
	margin-right:3px;
}

div.pagination li.prev a,
div.pagination li.prev span,
div.pagination li.next a,
div.pagination li.next span
{
	width:1em;
	height:0;
	padding-top:1.3em;
	overflow:hidden;
	background-position:-1px 2px;
	background-repeat:no-repeat;
}

div.pagination li.prev span,
div.pagination li.next span
{
	border-color:#EFEFEF;
}

div.pagination li.prev a
{
	background-image:url('../images/pagination-prev.gif');
}
div.pagination li.prev span
{
	background-image:url('../images/pagination-prev-off.gif');
}
div.pagination li.next a
{
	background-image:url('../images/pagination-next.gif');
}
div.pagination li.next span
{
	background-image:url('../images/pagination-next-off.gif');
}

/** Date pagination **/

div.date-pagination ul
{
	list-style:none;
	padding:0 0 0 2em;
}

div.date-pagination li
{
	display:inline;
	float:left;
	margin-right:0.75em;
	padding-right:0.75em;
	border-right:1px solid #E5E5E5;
	line-height:2em;
}

div.date-pagination li.last
{
	margin-right:0;
	padding-right:0;
	border-right:none;
}

div.date-pagination li.selected a,
div.date-pagination li.selected a abbr
{
	color:#E5E5E5;
	border-color:#E5E5E5;
}

/** Sidebar: General **/

div.sidebar
{
	font-size:0.9em;
	line-height:1.25em;
}

div.sidebar h4
{
	font-size:1em;
	line-height:1.2em;
}

div.sidebar div.content-block	/* For generic content without it's own specific styles */
{
	margin:1em 0;
}

/** Sidebar: subnavigation **/

div.sidebar div.sub-navigation
{
	font-size:1.1em;
	margin:1em 0;
}

div.sidebar div.sub-navigation ul
{
	margin:0.25em 0 0 0;
	padding:0;
	list-style:none;
}

div.sidebar div.sub-navigation li ul
{
	display:none;
}

div.sidebar div.sub-navigation li.selected > ul
{
	display:block;
}

div.sidebar div.sub-navigation li
{
	margin:0;
	border-bottom:1px solid #E9E9E9;
}

div.sidebar div.sub-navigation li li
{
	padding-left:0.5em;
	border-bottom:none;
}

div.sidebar div.sub-navigation a
{
	color:#333;
	display:block;
	padding:0.25em 0.5em;
}

div.sidebar div.sub-navigation a:hover,
div.sidebar div.sub-navigation a:focus,
div.sidebar div.sub-navigation a:active,
div.sidebar div.sub-navigation li.selected li.selected li a:hover,  /* Specific rules for IE 6 */
div.sidebar div.sub-navigation li.selected li.selected li a:focus,
div.sidebar div.sub-navigation li.selected li.selected li a:active
{
	color:#606;
	background-color:#EFE5F0;
	text-decoration:none;
}

div.sidebar div.sub-navigation li.selected > a
{
	/* NOTE: 
		These styles are repeated in the IE 6 stylesheet
		If editing them here, they should be changed there also */
	color:#606;
	background-color:#EFE5F0;
	font-weight:bold;
}

div.sidebar div.sub-navigation li li a,
div.sidebar div.sub-navigation li li li.selected a
{
	background-image:url('../images/bullet.gif');
	background-repeat:no-repeat;
	background-position:0.2em 0.65em;
	background-color:transparent;
	padding-left:1em;
}

div#content div.sidebar div.sub-navigation li li li a /* #content makes this a higher priority that the subject-specific styles for "li li a" */
{
	background-image:url('../images/bullet-grey.gif');
}

div.sidebar div.sub-navigation strong
{
	display:none;
}

/** Sidebar: Related links **/

div.related-links
{
	margin:1em 0 0;
	border:2px solid #F2F1EA;
	padding:0.5em;
	font-size:1.2em;
	line-height:1.2em;
}

div.related-links h3
{
	color:#333;
	font-size:1.25em;
}

div.related-links ul
{
	margin:0;
	padding:0;
	list-style:none;
}

div.related-links li
{
	width:100%; /* IE6 hasLayout fix */
}

/** Sidebar: Course details **/

dl.course-details
{
	margin:1em 0 0 0;
	padding-bottom:8em;	/* Space for absolutely positioned dd.accreditation */
}

dl.course-details dd
{
	font-size:1.1em;
}

dl.course-details strong
{
	display:block;
	font-size:1.2em;
	margin-bottom:0.1em;
	color:#333;
}

dl.course-details dd.vcard
{
	border-bottom:none;
}

dl.course-details dt.accreditation
{
	display:none;
}

dl.course-details dd.accreditation
{
	position:absolute;	/* within div#content */
	bottom:0;
	right:0;
	width:19%;
	text-align:center;
	border-bottom:none;
}

/** Sidebar: Related links sometimes pushed lower down the page **/

div.sidebar div.bottom
{
	margin-top:100px;
	margin-bottom:10px;
}


/** Sidebar: Thumbnails **/

div.thumbnails
{
	margin:1em 0 0;
}

div.thumbnails ul
{
	margin:0;
	padding:1em 0 0;
	border-top:4px solid #606;
	border-bottom:4px solid #606;
	width:100%; /* hasLayout */
	list-style:none;
}

div.thumbnails ul li
{
	margin:0 0 1em;
	width:100%; 		/* Clear internal floats (IE) */
	overflow:hidden;	/* Clear internal floats */
}

div.thumbnails ul img
{
	float:left;
	border:2px solid #D3D3D3;
	margin:0 1em 0 0;
}

/** Sidebar: News list **/

div.news
{
	margin:1em 0 0;
}

div.news span.date
{
	display:block;
	margin-bottom:0.25em;
}

div.news a.rss
{
	display:inline-block;
	width:16px;
	height:15px;
	vertical-align:bottom;
	background-image:url('../images/icon-rss.gif');
	background-position:0 0;
	background-repeat:no-repeat;
}

div.news a.rss:hover,
div.news a.rss:focus,
div.news a.rss:active
{
	text-decoration:none;
}

div.news a.rss span
{
	visibility:hidden;
}

div.news ol
{
	margin:0;
	padding:0;
	list-style:none;
}

div.news li.hentry
{
	border-bottom:1px solid #C5C5C5;
	overflow:hidden;	/* Clear internal floats */
	width:100%;			/* Clear internal floats (IE) */
	margin:0 0 1em 0;
	padding:0 0 1em 0;
}

div.news h4
{
	font-size:1.1em;
}

div.news h4 abbr
{
	color:#333;
	margin:0;
	font-style:normal;
}

div.news h4 span.entry-title
{
	color:#606;
	display:block;
}

div.news img
{
	float:left;
	margin:0 1em 0 0;
	border:3px solid #C8C8C8;
}

div.news p
{
	margin-bottom:0;
}

div.main-content div.news p,
div.main-content div.news h4
{
	padding-left:90px;
}

div.main-content div.news li.hentry
{
	position:relative;
}

div.main-content div.news img
{
	position:absolute;
	top:0;
	left:0;
}

/** Sidebar: blockquotes **/

div.sidebar blockquote
{
	margin:1em 0 0;
	padding:0.5em;
}

/** Sidebar: Dropdown links form **/

div.sidebar form.dropdown-links
{
	margin:1em 0 0;
	border-top:4px solid #606;
	padding-top:1em;
}

div.main-content form.dropdown-links
{
	padding:1em;
	margin:0 0 1em;
	background-color:#f2f2f2;
}

form.dropdown-links select
{
	width:100%;
}

form.dropdown-links div
{
	text-align:center;
}

/** Sidebar: Downloads **/

div.downloads
{
	margin:1em 0 0;
}

div.downloads ul
{
	padding:0;
	list-style:none;
	font-size:1.2em;
	font-weight:bold;
}

div.downloads a
{
	padding-left:20px;
	background-position:0 0;
	background-repeat:no-repeat;
	min-height:17px;
}

div.downloads a.pdf
{
	background-image:url('../images/icon-pdf.gif');
}

div.downloads a.word
{
	background-image:url('../images/icon-word.gif');
}

/** Statistics **/

div.stats
{
	padding:1em;
	margin:0 0 1em;
	background-color:#f2f2f2;
}

div.stats ul
{
	margin:0;
	padding:0;
	list-style:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.3em;
	color:#999;
}

div.stats em
{
	font-style:normal;
	color:#606;
}

/** Home page: Subject list **/

ul.subjects
{
	margin:0;
	padding:0;
	list-style:none;
	width:100%; /* hasLayout */
}

ul.subjects li
{
	display:block;
	background-color:#606;
	margin:0 0 0.3em 0;
	width:49%;
}

ul.subjects a
{
	display:block;
	color:#606;
	background-color:#F2F2F2;
	margin-left:6px;
	line-height:1em;
	padding:0.5em;
}

ul.subjects a:hover,
ul.subjects a:focus,
ul.subjects a:active
{
	background-color:transparent;
	color:#fff;
	text-decoration:none;
}

ul.subjects li.health,
ul.subjects li.information,
ul.subjects li.laboratory,
ul.subjects li.law,
ul.subjects li.socialwork
{
	margin-left:50.5%;
}

ul.subjects li.health
{
	margin-top:-11.5em;
}


/** Home page: Subject popups **/

div.subject
{
	margin:1em 0;
	padding:1em 1em 1px;
	background:#CEB2C2;
}

div.subjects-js div.subject
{
	position:absolute;
	top:1em;
	left:0;
	width:793px;
	height:auto;
	margin:-4px 0 0;
	padding:1em 10px 1px;
}

div.subjects-js a.close
{
	position:absolute;
	top:0;
	right:0;
	font-size:1.2em;
	padding:0.25em 0.5em;
	cursor:pointer;
	color:#fff;
}

div.subject h3
{
	font-size:1.3em;
	background-color:#606;
	padding:0.25em 0.77em;
	margin:-0.77em -0.77em 0.77em -0.77em;
	color:#fff;
	font-weight:normal;
}

div.subject h4
{
	font-size:1.4em;
}

div.subject div.column
{
	border-color:#fff;
}

div.subject ul.areas,
div.subject ul.links
{
	list-style:none;
	padding:0;
}

div.subject ul.areas li,
div.subject ul.links li
{
	margin-bottom:1em;
}

#content div.subject strong
{
	color:#333;
}

/** Main navigation **/

ul#navigation
{
	margin-top:-2.7em;
	margin-bottom:0;
	padding:0;
	list-style:none;
	width:817px;		/* Clear internal floats (IE) */
	overflow:hidden;	/* Clear internal floats */
	text-align:right;
	position:relative;	/* Fix IE6 negative margin bug */
}

ul#navigation li
{
	display:-moz-inline-stack;	/* Firefox 2 does not support inline-block */
	display:inline-block;
	vertical-align:top;
	margin-top:0;
	margin-bottom:0.5em;
	margin-right:0.33em;
}

ul#navigation a
{
	font-size:1.25em;
	line-height:1.1em;
	text-align:left;
	display:block;
	background-color:#808080;
	width:4.8em;
	padding:0.4em 0.23em;
	min-height:2.5em;
	color:#fff;
	text-decoration:none;
}

ul#navigation a:hover,
ul#navigation a:focus,
ul#navigation a:active,
ul#navigation li.selected a
{
	background-color:#606;
}

ul#navigation li.minor
{
	display:block;
	float:left;
}

ul#navigation li.minor a
{
	font-size:1em;
	margin-right:16px;
	line-height:1em;
	padding:0;
	padding-top:0.8em;
	padding-bottom:0.9em;
	width:auto;
	height:auto;
	min-height:0;
	background:none;
	color:#999999;
	font-weight:bold;
}

ul#navigation li.minor a:hover,
ul#navigation li.minor a:focus,
ul#navigation li.minor a:active
{
	color:#606;
	background:none;
}

/** Search form **/

form#search
{
	position:relative;
	float:right;
	text-align:right;
	margin-top:27px;
	margin-bottom:0.7em;
	padding-right:3.25em;
	width:50%;
}

form#search label.main
{
	font-size:1.2em;
	display:block;
	font-weight:bold;
	color:#999;
}

form#search label.main input
{
	font-size:0.833em;
}

form#search fieldset.sections
{
	width:15.5em;		/* Text field's width */
	margin-right:6px;	/* Text field's border */
	float:right;
	text-align:left;
}

form#search button
{
	position:absolute;
	top:3px;
	right:0;
	border:none;
	background:none;
	width:2.5em;
	padding:0;
	font:inherit;
	font-size:1.2em;
	color:#999;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}

form#search button.hover,
form#search button:hover,
form#search button:focus,
form#search button:active
{
	text-decoration:underline;
}

/** Banner **/

div#banner
{
	clear:both;
}

/** Main content container **/

div#content
{
	clear:both;
	font-size:1.2em;
	border-bottom:1px solid #E9E9E9;
	overflow:hidden;	/* Clear internal floats */
	width:100%;			/* Clear internal floats (IE) */
	position:relative;
}

/** Footer navigation **/

div#footer
{
	background-image:url('../images/professional-university.gif');
	background-position:3px 0;
	background-repeat:no-repeat;
	min-height:14px;
	margin-top:1em;
	margin-bottom:1em;
}

div#footer ul
{
	margin:0;
	text-align:right;
}

div#footer li
{
	display:inline;
	border-left:1px solid #666;
	margin-left:0.3em;
	padding-left:0.5em;
}

div#footer li.first
{
	border:none;
}

div#footer a
{
	color:#666;
	text-decoration:none;
}

div#footer a:hover
{
	color:#606;
	background-color:transparent;
}

/** Contact details in the page footer **/

div#contact
{
	color:#999;
	background:#E9E9E9;
	width:831px;
	overflow:hidden;
	margin-left:-19px;
	margin-right:-18px;
	padding-top:2em;
	padding-left:19px;
}

div#contact address
{
	float:left;
	font-style:normal;
}

div#contact p.designer
{
	color:#CCC;
	float:right;
}

div#contact a
{
	color:#999;
	text-decoration:none;
}

div#contact p.designer a
{
	color:#ccc;
}

div#contact a:hover,
div#contact a:focus,
div#contact a:active,
div#contact p.designer a:hover,
div#contact p.designer a:focus,
div#contact p.designer a:active
{
	color:#606;
	background-color:transparent;
}

/** Skip links: Only visible when they have keyboard focus **/

div#skip
{
	height:100em;
	margin-top:-100em;
	font-size:1%;
}

div#skip a
{
	display:none;
	position:absolute;
	top:0;
	left:0;
	font-size:200em;
	padding:0.5em;
	background:#C9BEC6;
	text-transform:capitalize;
}

div#skip a:focus,
div#skip a:active,
div#skip a:hover
{
	display:block;
}

/** Campuses page: Titles **/

div#schoolhill h4,
div#garthdee h4
{
	color:#606;
}

div#schoolhill,
div#garthdee
{
	position:relative;
	padding-top:318px;
}

h2.campus-title
{
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	background-image:url('../images/campuses-garthdee.jpg');
	background-position:0 0;
	background-repeat:no-repeat;
	width:303px; 
	height:0;
	padding-top:318px;
	overflow:hidden;
}

div#schoolhill h2.campus-title
{
	background-image:url('../images/campuses-schoolhill.jpg');
	margin-left:-4%;
}

div.campus-link
{
	margin:-2em 0 1em 0;
	text-align:center;
	position:relative;
	z-index:2;
}

div.campus-link a
{
	display:-moz-inline-stack;	/* Firefox 2 does not support inline-block */
	display:inline-block;
	border:6px solid #fff;
	padding:6px;
	background-color:#ccc;
}

div.campus-link a span
{
	display:block;
	border:1px solid #AC76AF;
	background:#606;
	color:#fff;
	padding:0.5em 4em 0.5em 0.5em;
	background-image:url('../images/arrow-right.gif');
	background-position:96% 50%;
	background-repeat:no-repeat;
}

div.campus-link a:hover,
div.campus-link a:focus,
div.campus-link a:active
{
	background-color:#AC76AF;
}

/** Campus directions **/

div.campus-directions div.vcard
{
	margin-bottom:1em;
	border:1px solid #e5e5e5;
	width:100%;			/* Clear internal floats (IE) */
	overflow:hidden;	/* Clear internal floats */
	position:relative;
}

div.campus-directions div#campus-map
{
	float:left;
	display:inline; /* Double margin float fix */
	margin:2px 1em 2px 2px;
}

div.campus-directions h3
{
	margin-top:0.77em;
	line-height:1em;
}

div.campus-directions p.tel
{
	color:#606;
	font-weight:bold;
	font-size:1.2em;
	padding-bottom:4em; /* Space for a.download */
}

div.campus-directions a.download
{
	display:block;
	position:absolute;
	bottom:2px;
	left:417px;
	margin-right:2px;
	padding-left:20px;
	background-image:url('../images/icon-pdf.gif');
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:1.2em;
	line-height:1em;
}

div.campus-directions ol,
div.campus-directions ul
{
	list-style:disc;
	line-height:1.3em;
}

div.campus-directions h3.car span
{
	padding-right:60px;
	min-height:18px;
	background-image:url('../images/directions-car.gif');
	background-position:100% 50%;
	background-repeat:no-repeat;
}

div.campus-directions h3.public span
{
	padding-right:220px;
	min-height:21px;
	background-image:url('../images/directions-public.gif');
	background-position:100% 50%;
	background-repeat:no-repeat;
}






/** TEMPORARY **/
.todo
{
	border:5px dashed #0d0;
	background-color:#efe;
	padding:1em;
	margin:1em 0;
	color:#0d0;
	font-weight:bold;
	font-size:2em;
}

.todo:before
{
	content:'TODO: ';
}