/* University of West England (C) 2007
Academic Technologies Group
--------------------------------------------------
*/
a{	
	color:#2d6abb;
	text-decoration:none;
}
a:hover{	
	color:#508dde;
	text-decoration:underline;
}

acronym,abbr{ cursor: help; border-bottom: 1px dotted #999; }
.center{ text-align: center; }
/* Breadcrumb */
ul#breadcrumb {
	font-size:94%; 
	margin:38px 272px 0 20px;
	padding:0;
}
ul#breadcrumb li {
	list-style:none;
	display:inline;
}
#breadcrumb a {color:#555; text-decoration:none;}
#breadcrumb a:hover {text-decoration:underline;}

/* Buttons */

.uweButton {
	color: #fff;
	background-color: #3c79ca;
	cursor: pointer;
	font-family:"VAG Rounded W01 Bold",Verdana,Arial,Helvetica,sans-serif; 
	border-color: #508dde #2865b6 #2865b6 #508dde;
	font-size:125%;
	border-style: solid;
	border-width: 2px;
	margin: 0;
	padding: 0 8px;
}
.uweButton:hover {
	background-color: #2865b6;
}
.buttonLink, .buttonLarge {
	font-family:"VAG Rounded W01 Bold",Verdana,Arial,Helvetica,sans-serif; 
	color: #fff;
	background-color: #3c79ca;
	font-size: 125%;
	border-color: #508dde #2865b6 #2865b6 #508dde;
	border-style: solid;
	border-width: 2px;
	padding: 0 8px;
	text-decoration:none!important;
}
.buttonLarge {
	font-size: 140%;
	padding: 6px 16px;
}
.buttonLink a:visited, .buttonLink:visited, .buttonLarge a:visited, .buttonLarge:visited{
	color: #fff;
}
.buttonLink a:hover, .buttonLink:hover, .buttonLarge a:hover, .buttonLarge:hover{
	color: #fff;
	background-color: #2865b6;
	text-decoration:none;
}
.smallText {
	font-size:94%;
}
/* Tables */

.tableLayout {
	border:1px solid #ccc;
	border-collapse:collapse;
	margin-top:10px;
	margin-bottom:20px;
}
.tableLayout th {
	border: 1px solid #ccc;
	padding:8px 12px;
	background-color:#f3f3f3;
}
.tableLayout td {
	border: 1px solid #ccc;
	padding:8px 12px;
}

/* Standard 2 column layout*/

/* Middle column */
#leftcolwrapper{
	width:100%;
	margin-right:-244px;
	float:left;
}
#leftcol {
	margin-right:244px;
	padding-left:10px;
}
#leftcol h2, #leftcol h3, #leftcol h4, #leftcol h5, #leftcol h6, #leftcol p, #leftcol ul, #leftcol ol, #leftcol q, #leftcol table, #leftcol div, #leftcol hr, #leftcol form  {
	margin-right:28px;
}
#leftcol div h2, #leftcol div h3, #leftcol div h4, #leftcol div h5, #leftcol div h6, #leftcol div p, #leftcol div ul, #leftcol div ol, #leftcol div q, #leftcol div table, #leftcol div div, #leftcol div hr, #leftcol div form {
	margin-right:0;
}
#leftcol p a, #leftcol li a, #leftcol td a {
	text-decoration:underline;
}

#leftcol img {
	margin:10px 0;
}
#leftcol p img {margin:0;} /*CMS fix */

#leftcol .imageR {
	float:right;
	margin:inherit;
	margin-right:28px; 
	margin-bottom:10px;
	margin-left:16px;
}
#leftcol p .imageR {
	float:right;
	margin:0 0 10px 16px;
}

#leftcol .imageL {
	float:left;
	margin:inherit;
	margin-right:16px; 
	margin-bottom:10px;
	margin-left:0;
}
#leftcol p.quote {
	float:right;
	padding: 24px 0 12px 12px;
	background: url(../images/start-quote.png) no-repeat top left;
	width:120px;
	margin-left:6px;
	color:#444;
	font-size:120%;
	border-bottom:1px solid #ddd;
}


/* Landing/Section page menu layout */
.contentBox {
	float:left;
}
#leftcol .contentBox {
	margin-right:0;
	width:50%;
}

#leftcol .contentBox h2, #leftcol .contentBox h3, #leftcol .contentBox h4, #leftcol .contentBox h5, #leftcol .contentBox h6, #leftcol .contentBox p, #leftcol .contentBox ul, #leftcol .contentBox ol {
	margin-top:0;
	margin-right:21px;
}
#leftcol .contentBox h2 {
	font-size:140%;
	line-height:100%;
}
/* Larger introductory text */
.overviewRed {
	font-size:120%;
	color:#dc291e;	
}
.overview{
	font-size:120%;
	color:#333;
}
.redText {
	color:#dc291e;	
}
/* Right column */
#rightcol {
	float:right;
	width:244px;
	padding-top:10px;
}
#rightcol img {
	margin:0;
	vertical-align:bottom;
	clear:both;
}
/* red box */
#rightcol .relatedbox{
	color:#fff;
	background-image:url(../images/relatedbg.png);
	width:244px;
	height:172px;
	overflow: auto;
}
#rightcol .relatedbox h2, #rightcol .relatedbox h3{
	color:#fff;
	border-bottom:1px solid #fff;
	padding-bottom:11px;
	margin:20px 16px 12px 14px;
	font-size:125%;
	
}
#rightcol .relatedbox ul{
	padding: 0;
	margin: 14px 16px 0 32px;
}
#rightcol .relatedbox li{
	list-style-image: url(../images/small_arrow.png);
	padding-bottom: 5px;
	margin: 0;
}
#rightcol .relatedbox hr{
	border-top:1px solid #d48c8f;
	margin-left:14px;
	margin-right:16px;
}
#rightcol .relatedbox a{
	color:#fff;
	text-decoration:none;
}
#rightcol .relatedbox a:hover{
	color:#fff;
	text-decoration:underline;
}
#rightcol .relatedbox p{
	margin:14px 16px 14px 14px;
}
#rightcol .relatedbox img {display:block;}
#rightcol .relatedbox p img {margin:-14px -16px -14px -14px;} /*CMS fix */

/* Blue boxes */
.crossSiteNavBox1{margin-left:122px;float:right;}
.crossSiteNavBox2, .crossSiteNavBox3{float:left;width:122px;}
.crossSiteNavBox1 a, .crossSiteNavBox2 a, .crossSiteNavBox3 a{
	font-family:"VAG Rounded W01 Bold",Verdana,Arial,Helvetica,sans-serif; 
	padding:13px 2px 0 13px;
	color:#fff;
	width:107px;
	height:69px;
	float:left;
	font-size:125%;
	text-decoration:none;
	line-height:120%;
	overflow:auto;
	display:block;
}
.crossSiteNavBox1 a{
	background:#2865b6 url(../images/promo-arrow.png) no-repeat 97px 56px;
}
.crossSiteNavBox2 a{
	background:#3c79ca url(../images/promo-arrow.png) no-repeat 97px 56px;
}
.crossSiteNavBox3 a{
	background:#508dde url(../images/promo-arrow.png) no-repeat 97px 56px;
}

.crossSiteNavBox1 a:hover, .crossSiteNavBox2 a:hover, .crossSiteNavBox3 a:hover{
	color:#000;
	text-decoration:none;
}
.crossSiteNavBox1 a:focus, .crossSiteNavBox2 a:active, .crossSiteNavBox3 a:active {
	outline-offset: -1px
}
#content .crossSiteNavBox1 p, #content .crossSiteNavBox2 p, #content .crossSiteNavBox3 p{margin:0;} /*CMS fix */

/* Promotional divs under blue boxes */
#rightcol .promo {
	width:244px;
	clear:both;
}

#rightcol .promo h2 {
	font-size: 140%;
	color:#666;
	margin-top:0;
	margin-right: 16px;
	border-bottom:1px solid #ccc;
	padding:20px 0 7px 14px;
}
#rightcol .promo h3 {
	color:#666;
	margin-top:0;
	margin-right: 16px;
	border-bottom:1px solid #ccc;
	padding:20px 0 7px 14px;
}
#rightcol .promo h4 {
	padding-left:14px;
}
#rightcol .promo p {
	margin-left:14px;
	margin-right:16px;
}
#rightcol .promo input {
	margin:0;
}
#rightcol .promo p img { margin-left:-14px; margin-right:-16px;} /*CMS fix */

#rightcol .promo ul{
	padding: 0;
	margin: 10px 16px 12px 32px;
}
#rightcol .promo ol{
	padding: 0;
	margin: 10px 16px 12px 38px;
}
#rightcol .promo ul li{
	list-style-image: url(../images/small_arrow_black.png);
	padding-bottom: 5px;
	margin: 0;
}

#rightcol .promo hr{
	margin-top:5px;
	margin-bottom:10px;
}

/* Show/hide styling */
#content .section {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	font-size:100%;
	font-weight:bold;
	display:block;
	border-bottom: 1px solid #ccc;
	margin-bottom:0;
	margin-top:10px;
	line-height:175%;
	padding:3px 8px;
	text-decoration:none;
	position:relative;
	padding-right:24px;
	background:#f3f3f3;
}
#content .section a {
	color:#333;
	text-decoration:none;
}

#content .open {
	background:#f3f3f3 url(../images/hideshowMinus.gif) right center no-repeat;
}
#content .close {
	background:#f3f3f3 url(../images/hideshowPlus.gif) right center no-repeat;
}
#content .hover{
	cursor:pointer;
	background-color: #eee!important;
}
#leftcol .cnt-close, #leftcol .cnt-open {
	padding:6px 18px;
	border: 1px solid #ccc;
	border-top:0;
	margin-bottom:10px;
	line-height:130%;
	width: 412px;
}
span.mobile{display:none;}

/* Prospectus link */
.prospLink {
	width:170px;
	float:right;
	margin:0 0 10px 20px!important;
}
.prospLink img {
	margin:0!important;
}
.prospLink a {
	display:block;
	color:#fff;
	background:#3c79ca;
	cursor:pointer;
	font-size:110%;
	text-align:center;
}
.prospLink a:hover {
	text-decoration:none;
	background:#2865b6;
}
.prospLink a span {
	display:block;
	padding:5px 10px 10px 10px;
}

/* International 'chat' */
#chat {display:block}
#chatMobile {display:none}
@media screen and (max-width:500px) {
#chat {display:none}
#chatMobile {display:block}
}


/* right aligned file icons */
a.pdf,a.doc,a.ppt,a.xls,a.win,a.zip,a.print,a.vid, a.docx{ margin: 0; padding-right: 21px; display: inline-block;}
a.pdf{ background: url(../images/icons/pdf.png) no-repeat right; }
a.win{ background: url(../images/icons/win.gif) no-repeat right; }
a.doc{ background: url(../images/icons/doc.png) no-repeat right; }
a.zip{ background: url(../images/icons/zip.gif) no-repeat right; }
a.print{ background: url(../images/icons/print_icon.gif) no-repeat right; }
a.ppt{ background: url(../images/icons/ppt.png) no-repeat right; }
a.xls{ background: url(../images/icons/xls.gif) no-repeat right; }
a.vid{ background: url(../images/icons/vid.png) no-repeat right; }
a.docx{ background: url(../images/icons/doc.png) no-repeat top right;}
/* left aligned file icons */
.lpdf,.ldoc,.lppt,.lxls,.lwin,.lzip,.lvid, ldocx{ padding: 2px 0px 0px 20px; }
a.lpdf{ background: url(../images/icons/pdf.png) no-repeat top left; }
a.lwin{ background: url(../images/icons/win.gif) no-repeat top left; }
a.ldoc{ background: url(../images/icons/doc.png) no-repeat top left; }
a.lzip{ background: url(../images/icons/zip.gif) no-repeat top left; }
a.lprint{ background: url(../images/icons/print_icon.gif) no-repeat top left; }
a.lppt{ background: url(../images/icons/ppt.png) no-repeat top left; }
a.lxls{ background: url(../images/icons/xls.gif) no-repeat top left; }
a.lvid{ background: url(../images/icons/vid.png) no-repeat top left; }
a.docx{ background: url(../images/icons/doc.png) no-repeat top right;}

@media screen and (max-width:990px) {
ul#breadcrumb {
	margin:38px 10px 0 2%;
}
#leftcolwrapper{
	margin-right:-33.3%;
}
#leftcol {
	margin-right:33.3%;
}
#leftcol h2, #leftcol h3, #leftcol h4, #leftcol h5, #leftcol h6, #leftcol p, #leftcol ul, #leftcol ol, #leftcol q, #leftcol table, #leftcol div, #leftcol hr, #leftcol form  {
	margin-right:5%;
}
#leftcol .contentBox h2, #leftcol .contentBox h3, #leftcol .contentBox h4, #leftcol .contentBox h5, #leftcol .contentBox h6, #leftcol .contentBox p, #leftcol .contentBox ul, #leftcol .contentBox ol {
	margin-right:5%;
}

#leftcol .cnt-close, #leftcol .cnt-open {
	padding:6px 5%;
	width: 84.5%;
}
#rightcol {
	width:33.3%;
}
#rightcol .relatedbox{
	width:100%;
	height:auto;
}
#rightcol .relatedbox h2, #rightcol .relatedbox h3{
	padding-top:20px;
	margin:0 16px 12px 14px;	
}
#rightcol .relatedbox ul{
	padding-bottom: 10px;
}
.crossSiteNavBox1, .crossSiteNavBox2, .crossSiteNavBox3{float:left;width:50%;}
.crossSiteNavBox1 a, .crossSiteNavBox2 a, .crossSiteNavBox3 a{
	width:85%;
	padding:13px 2% 0 13%;
	min-height:69px;
	height:auto;
}
.crossSiteNavBox1 a, .crossSiteNavBox2 a, .crossSiteNavBox3 a{
	background-position: 90% 90%;
}
#rightcol .promo {
	width:100%;
}
.uweButton {
	margin-top: 8px;
}

}

@media screen and (max-width:746px) {
#leftcolwrapper{
	width:100%;
	margin-right:0;
	float:left;
}
#leftcol {
	margin-right:0;
}
#rightcol {
	width:96%;
	float:left;
}
#rightcol .relatedbox{
	min-height:164px;
}
#rightcol .relatedbox, #rightcol .promo{
	background:#b9181d url(../images/relatedbg.png) right repeat-y;
}
#rightcol .promo h2, #rightcol .promo h3 {
	background:#fff;
	margin-right: 0;
	padding-right:16px;
	margin-bottom:0;
}
#rightcol .promo p {
	margin:0;
	padding:10px 16px 20px 14px;
	background:#fff;
}
#rightcol .promo p img { margin-left:0; margin-right:0;} /*CMS fix */
#rightcol .promo div {
	background:#fff;
}
#rightcol .promo ul{
	margin: 0;
	padding: 10px 16px 12px 32px;
	background:#fff;
}
#rightcol .promo ol{
	margin: 0;
	padding: 10px 16px 12px 38px;
	background:#fff;
}

#rightcol .promo hr{
	margin-top:0;
	margin-bottom:0;
}
}

@media screen and (max-width:502px) {
#rightcol {
	padding-left:2%;
}
span.mobile{display:block;}
span.desktop{display:none;}
}