/*
	Glasgow Metropolitan College / Parallel 56
	Print Stylesheet
	
	$Author: jstewart $
	$Date: 2006-08-21 10:06:14+01 $
	$Revision: 1.1 $	
*/

/* |||General - Text formatting (inc colours), margin/padding defaults */

body {
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 70%;
	color: #666;
	text-align:center;
	margin:0;
	padding: 0;
}

a {color: #a4001d;text-decoration:none;}
/*a:visited {color:#000;}*/

a:active {
	color: #d98a98;
	text-decoration: underline;
}

a:hover {color: #d98a98;}

body.small {font-size: 60%;}
body.normal {font-size: 70%;}
body.large {font-size: 80%;}
body.largest {font-size: 90%;}

a.small {font-size: 90%;}
a.normal {font-size: 100%;}
a.large {font-size: 110%;}
a.largest {font-size: 130%;position:relative;}

h1,h5 {font-family: "arial black", arial, verdana, tahoma, sans-serif;}

h1 {
	font-size: 190%;
	color: #a4001d;
	position: relative;
}

h2 {font-size: 150%;padding-top:0.25em;}

h3 {font-size: 115%;}

h4 {font-size: 115%;}

h5 {font-size: 120%;color: #a4001d;}

div#firstColumn div.informationPanel div.panelHeading,
div#secondColumn div.navigationHeader {
	background-color: #a4001d;
}

div#firstColumn div.informationPanel div.panelHeading h3,
div#secondColumn div.navigationHeader h4{
	color: #fff;
	padding: 0.3em 0.75em 0.3em 0.75em;
}

div#secondColumn div.navigationHeader h4 {padding: 0.4em 0 0.4em 0.5em;}

/* |||Homepage layout only */
div#homeFlash {
	margin-right: -1.25em;
	margin-left: -1.15em;
}

div#homeFirstColumn {
	width: 50%;
	float:left;
}

div#homeContent {
	border-top: 0.75em solid #e5e5e7;
	border-bottom: 0.75em solid #e5e5e7;
	padding: 0.5em 0;
}

div#homeSecondColumn {
	width: 50%;
	float: left;
}

div#featureWrapper {
	float:right;
	width: 95%;
	padding-bottom: 1em;
}

div.homeFeature {
	width: 45%;
	float: left;
	border-top: 0.75em solid #e5e5e7;
	min-height: 11em;
	margin-right: 3%;
	padding-top: 1em;
}
* html div.homeFeature {height: 11em;}

div.homeFeature h3 {margin-bottom:0.5em;}

/* ||| Homepage - Latest News */
div#latestNews {padding-top: 0.75em;}

ul.courses li,
div#latestNews ul li {
	background: transparent url(../images/red_arrow.gif) no-repeat left 0.6em;
	padding-left: 0.75em;
	padding-top: 0.25em;
}
ul.courses li {padding-top:0;}

/* |||Layout - Dimensions, floats (columns) etc */

div#page{
	text-align: left;
	width: auto;
	background: #fff url(../images/footer_corner.gif) no-repeat right bottom;
}

div#container {
	padding:10px 14px 0 14px;
	width:100%; /* Used to fix IE5.5 - 6 width bugs */
}

/* This isn't a firefox only declaration -  it is used to counter act the above fix for IE5.5 - 6*/
html>body div#container { width: auto; }

div#content {font-size: 110%;}

div#mainContent {
	padding: 3em 0 1em 0;
}

div#mainContent.sitemap {width:100%;}

div#firstColumn {
	height: 30em;
	padding-bottom: 1em;
	line-height: 1.5em;
	padding-left: 1.25em;
	margin-right: -1.25em;
}
html>body div#firstColumn {
	height: auto;
	min-height: 30em;
	padding-left: 0;
	margin-right: 0;
}

div#bannerImage {
	display:none;
	/* Used to position the image against the right in IE5.5 - 6 */
	position: relative;
	right: -14px;
	margin-bottom: 1em;
}
/* Counter acts the positioning used for the image in IE5.5 - 6 */
html>body div#bannerImage {right: 0;}

div#firstColumn div.courseDetailsWidth {
	width: 65%;
	float:left;
}

div#firstColumn div.constrainedWidth {
	width: 64%;
	float:left;
}

div.contactUs {
	width: 70%;
	float:left;
}

div#firstColumn div.informationPanel {
	float:left;
	width: 30%;
	font-size: 90%;
	margin-left: 1em;
	display:none;
}

div#firstColumn div.informationPanel {margin-top: 1em;}

div#firstColumn div.informationPanel ul li {
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	background: transparent url(../images/beige_bg_arrow.gif) no-repeat left top;
	padding: 0.1em 0;
}

div#firstColumn div.informationPanel ul li.backLink {background: transparent url(../images/white_arrow.gif) no-repeat left top;}

div#firstColumn div.informationPanel ul li.current {background: transparent url(../images/grey_bg_arrow.gif) no-repeat left top;}

div#firstColumn div.informationPanel ul li a {
	padding-left: 2.5em;
	color: #666;
}

div#firstColumn div.informationPanel ul li a:hover {color: #a4001d;}

div#footerSecondColumn,
div#secondColumn {
	width: 24%;
	float: right;
}

div#header img {float:left;}

/* Non-layout styles || Navigation, Content elements etc. || */
div#header div#textResize {display:none;float: right;}

div#header div#textResize span {
	float:left;
	padding: .25em .1em 0 0;
}

div#header div#textResize ul {float:left;}

div#header div#textResize ul.inline li {
	float: none;
	display:inline;
}

div#header div#textResize a {color:#666;}

div#header div#textResize ul.inline li a:hover {
	color: #a4001d;
	border-top: 1px solid #a4001d;
	text-decoration: underline;
}

div#header div#quickSearch {
	display:none;
	float: right;
	width: 175px;
	margin-left: 4%;
}

div#header div#quickSearch div.fieldContainer {
	float:left;
	width: 77.5%;
}

a.download,
a.print {padding-left: 1.5em;}

a.download {background: transparent url(../images/download_icon.gif) no-repeat left top;}

a.print {background: transparent url(../images/print_icon.gif) no-repeat left top;}

/* Housekeeping Navigation Styles */

/* Primary Navigation Styles */
div#primaryNavigation {
	display:none;
	padding: 1.5em 0 1.25em 0;
}

div#primaryNavigation ul li a {
	background: transparent url(../images/pnav_sep.gif) no-repeat right;
	padding: 0 0.8em;
	font-weight: bold;
	color: #000;
}

div#primaryNavigation ul li a:active{
	color: #a4001d;
}

div#primaryNavigation ul li a:hover {
	color: #a4001d;
}

div#primaryNavigation ul li.firstnode a{padding-left: 0;}
div#primaryNavigation ul li.lastnode a{
	padding-right: 0;
	background: none;
}

/* Secondary Navigation Styles */

div#subnavigation {
	display:none;
	padding-right: 12px;
	font-weight: bold;
}

/* Level 01 */
div#subnavigation ul li {
	padding-top: 0.25em;
	background: transparent url(../images/grey_arrow.gif) no-repeat left 0.6em;
	padding: 0.25em 0.75em 0 0.75em;
}

div#subnavigation ul li a {
	color: #666;
}

div#subnavigation ul li a:hover {
	color: #a4001a;
}

div#subnavigation ul li.current {background-image: url(../images/solid_grey_arrow.gif);}

div#subnavigation ul li.current a {
	color: #a4001a;
}


/* Level 02 */
div#subnavigation ul li.groupSelected a {font-weight: bold;}

div#subnavigation ul li.current ul li a,
div#subnavigation ul li.groupSelected ul li a {
	font-weight: normal;
	background: transparent url(../images/grey_arrow.gif) no-repeat left;
	margin: 0 1em;
	color: #666;
}

div#subnavigation ul li.groupSelected ul li.current a {
	font-weight: bold;
	color: #a4001a;
	background: transparent url(../images/solid_grey_arrow.gif) no-repeat left;
}

/*Footer Styles */
div#footer {clear: both;}

div#footer div#footerFirstColumn {
	border-top: 8px solid #a4001d;
	padding-top: 0.75em;
	line-height: 1.5em;
	height: auto;
	
}

div#footer div#footerFirstColumn h5 {
	text-transform: uppercase;
	margin-bottom: 0.4em;
}

div#footer div#footerFirstColumn div.address,
div#footer div#footerFirstColumn div.contactInfo {
	float: left;
	margin-right: 2em;
}

div#footer div#footerSecondColumn div#housekeeping {
	border-top: 8px solid #d2d2d2;
	margin-right: 1.25em;
	padding-top: 2.7em;
	display:none;
}

div#footer div#footerSecondColumn div#housekeeping ul.navigation li  {
	background: transparent url(../images/grey_arrow.gif) no-repeat left 0.3em;
	padding-left: 0.75em;
}

div#footer div#footerSecondColumn div#housekeeping a,
a.toTopLink {
	color: #999;
	width: 5.9em;
	display: none;
}

div#footer div#footerSecondColumn div#housekeeping a:active,
a.toTopLink:active {}

div#footer div#footerSecondColumn div#housekeeping a:hover,
a.toTopLink:hover {
	color: #a4001d;
}

a.toTopLink {
	float:right;
	margin-top: -2em;
	width:auto;
	background: transparent url(../images/grey_arrow_up.gif) no-repeat left 0.5em;
	padding-left: 1.25em;
}

/* ||| Content Styles */
div.standardContent {padding-top: 0.5em;}

img.bodyImage {
	float: right;
	margin-top: 1em;
	margin-left: 1em;
}

div.rightCol {
	float:right;
	width: 33%;
	padding-top: 4em;
}

div.rightCol.courseSearchPanel {
	padding-top: 0;
	width: 35%;
	border-top: 8px solid #A4001D;
}

div.searchResults {margin-top:5em;}

/* ||| HTML Version of SlideShowPro */
div.slideshowpro {
	border: 1px solid #CCCCCC;
	text-align: center;
	padding-top:0.75em;
	margin-top: 0.75em;
}

div.slideshowpro img {width: 340px;}

div.slideshowpro .slideShowText {
	text-align: left;
	padding: 0.75em;
	margin-top: 0.75em;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

/* ||| Tab styling */
div#listingTabs {margin-top: 0.5em;}
	
div#listingTabs a {
	display:block;
	float:left;
	padding: 0.15em 0.5em;
	background: #EFEFF1 url(../images/tab_img.gif) no-repeat right top;
	border-left: 1px solid #C8CCD5;
	margin-right: 0.25em;
	border-bottom: 1px solid #C8CCD5;
	position: relative;
	bottom: -1px;
}


div#listingTabs a.current {
	background: #fff url(../images/tab_img_sel.gif) no-repeat right top;
	font-weight: bold;
	border-bottom: none;
	position: relative;
	bottom: -1px;
	padding-bottom: 2px;
}

div#searchResults {
	border-top: 1px solid #C8CCD5;
	padding-top: 0.5em;
}


/* Listings Styles */
div.listingItem {
	background: #EFEFF1;
	padding: 0.75em;
}

div.listingItem.alternate {background: none;}

div.listContent a {
	font-weight: bold;
}

div.listContent {
	padding-left: 0.75em;
	width: 79%;
}

div#searchResults div.listContent {width: 69%;}
	
div.listContent,div.listingItem img {
	float: left;
}

div.listingItem img {width: 95px;}

div.listingItem span {
	float: right;
	font-weight: bold;
	margin-right: 1em;
	margin-top:-1.5em;
}
html>body div.listingItem span {margin-right:0;}

a.divisionLink {
	padding-top:0.5em;
	display:block;
}

/* A-Z Filter */
div#azFilter {width:80%;}
div#azFilter li a {
	display: block;
	margin-right: 0.75em;
	margin-bottom: 0.75em;
	border: 1px solid #C7CCD7;
	font-weight: bold;
}

div#azFilter li a:active,
div#azFilter li a:hover {
	background-color: #d2d2d2;
}

div#azFilter li {
	width: 2.75em;
	text-align: center;
}

p.noResults {
	color: #a4001d;
	font-weight: bold;
}

div.paging {
	text-align:right;
	background-color: #EFEFF1;
	margin-top: 0.75em;
	padding: 0.25em 1em;
	font-weight: bold;
	margin-right: 1em;
}
html>body div.paging {margin-right:0;}

div.paging span,
div.paging a {font-weight: normal;}

div.listContent dl {margin-top:0;}

/* ||| Course Level 1 */
div.knowTheCourse {font-weight:bold;}

div.helpMeChoose,
div.knowTheCourse {
	border-top: 8px solid #D2D2D2;
	padding: 0.75em 0;
}

div.knowTheCourse ul.navigation,
div.knowTheCourse ul.navigation li {display: inline;}

div.knowTheCourse ul.navigation li {
	background: transparent url(../images/semi_colon.gif) no-repeat right 0.3em;
	padding: 0 0.2em 0 0.35em;
}
html>body div.knowTheCourse ul.navigation li {padding: 0 0.35em 0 0.1em;}

div.knowTheCourse ul.navigation li.lastnode {background: none;}

/* ||| Related Assets */
div.relatedAsset {
	border-top: 0.75em solid #A4001D;
	padding: 0.5em 0;
}

ul.relatedItems li {
	background: transparent url(../images/red_arrow.gif) no-repeat left 0.6em;
	padding-left: 0.75em;
	font-weight: bold;
	padding-top: 0.25em;
	position: relative;
}

div.relatedAsset ul.relatedItems li {
	font-weight: normal;
	background: transparent url(../images/red_arrow.gif) no-repeat left 0.75em;
}

/* ||| Job descriptions */
ul.jobDescription {padding-bottom: 0.5em;}
ul.jobDescription li {
	background: transparent url(../images/solid_grey_arrow.gif) no-repeat left 0.4em;
	padding-left: 1em;
}

dl {width:70%;}


dl dt {
	float:left;
	width:10em;
	
}

dl dd {
	padding:0;
	margin:0;
	float:left;
	width:8em;
}

/* ||| Print Link */
a.printLink,
span.printLink {
	color: #A4001D;
	float:right;
	margin-top:-2em;
	margin-right:1em;
	display:none;
}
html>body span.printLink,html>body a.printLink {margin-right:0;}

div#courseDetails a.printLink {float:none;margin:0;}

a.printLink,
span.printLink {
	cursor: hand;
	background: transparent url(../images/print_icon.gif) no-repeat left;
	padding-left: 1.75em;
}
html>body span.printLink {cursor: pointer;}

a.leafletLink {
	background: transparent url(../images/download_icon.gif) no-repeat left;
	padding-left: 1.75em;
	display:none;
}


/* ||| Sitemap Styles */
div#sitemapColumn01,
div#sitemapColumn02,
div#sitemapColumn03 {
	width: 25%;
	float:left;
}

div#sitemapColumn02,
div#sitemapColumn03 {width: 30%;}

div#sitemapColumn01 ul li,
div#sitemapColumn02 ul li,
div#sitemapColumn03 ul li {padding-top:0.25em;}

div#sitemapColumn02 ul li,
div#sitemapColumn03 ul li {font-weight: bold;}

div#sitemapColumn01 ul li ul,
div#sitemapColumn02 ul li ul,
div#sitemapColumn03 ul li ul{padding-left: 1em;}

div#sitemapColumn01 ul li ul li,
div#sitemapColumn02 ul li ul li,
div#sitemapColumn03 ul li ul li{
		background: transparent url(../images/red_arrow.gif) no-repeat left 0.6em;
		padding-left: 0.75em;
		font-weight: normal;
}

div.formBackground {display: none;}

/* ||| Printer styles only */
div.furtherInformation {display:none;}

div#photoGallery_panel {display:none;}
div#videoGallery_panel {display:none;}
div#progressionOpportunities_panel {display:block;}