/* University of West England (C) 2007
Academic Technologies Group
--------------------------------------------------
File:classes.css
Description:specific classes stylesheet
Change History
---------------
Date         Author    Purpose
05/07/2006  GT       Initial Release
02/02/2007  GT 		Added left aligned icons

*/
#content{
	margin-left:0;
}
#contentwrapper {
	background:#fff url(../images/landing_headerBG.png) no-repeat;	
}
/* Standard 2 column layout*/
#leftcolwrapper{
	margin-right:-488px;
}
#leftcol {
	margin-right:488px;
	padding-left:0;
}
#leftcol h2, #leftcol h3, #leftcol h4, #leftcol h5, #leftcol h6, #leftcol p, #leftcol ul, #leftcol ol, #leftcol form {
	padding-left:20px;
}
#leftcol table{
	margin-left:20px;
}
#leftcol img {
	margin:0 0 20px 0;
	vertical-align:bottom;
}
#leftcol p img {margin-left:-20px; margin-top:-10px;} /*CMS fix */


ul#breadcrumb {color:#fff}
ul#breadcrumb a {color:#fff;}

#content h1{
	color: #fff;
	padding:10px 50px 10px 20px;
}
#content #topbox {
	height:172px;
	overflow:auto;
	margin-bottom:20px;
	background-image:url(../images/topboxbg.png);
	margin-right:0;
}
#content #topbox h2, #content #topbox h2 a, #content #topbox h3, #content #topbox h3 a, #content #topbox h4, #content #topbox h4 a, #content #topbox h5, #content #topbox h5 a, #content #topbox p {
	color:#FFF;
	text-decoration:none;
	margin-right:28px;
}
#content #topbox img{
	margin:0;
	display:block;
}
#topbox a{
	color:#FFF;
	text-decoration:underline;
}
#rightmiddlecol {
	float:left;
	width:244px;
}
#rightmiddlecol h2, #rightmiddlecol h3, #rightmiddlecol h4, #rightmiddlecol h5, #rightmiddlecol h6, #rightmiddlecol p, #rightmiddlecol ul, #rightmiddlecol ol {
	padding-left:14px;
	padding-right:14px;
}

#rightmiddlecol img {
	display:block
}
#rightmiddlecol p img {margin-left:-14px; margin-right:-14px;} /*CMS fix */

#rightmiddlecol .contentBox {
	width:244px;
}
#rightmiddlecol .contentBox h2 {
	margin-top:20px;
	font-size:140%;
	line-height:100%;
}
#rightmiddlecol .contentBoxGrey {
	width:244px;
	background:#f3f3f3;
	height:254px;
	overflow:auto;
}
#rightmiddlecol .contentBoxGrey a:focus {outline-offset: -1px}

/*Full length grey background */
.greycolbg {
	background:url(../images/greycolbg.gif);
}
#rightmiddlecol #greycolbg {
	background:#f3f3f3;
	width:232px;
	padding:10px 6px 10px 6px;
}
#rightmiddlecol #greycolbg img {
	margin: 0 14px;
}
#rightmiddlecol #greycolbg hr {
	margin-left: 14px;
	margin-right: 14px;
}

#rightmiddlecol #greycolbg ul li {
	list-style-image: url(../images/feature_blue_arrow.png);
	padding-bottom:4px;
}

#rightcol {
	padding-top:0;
	width:244px;
}
#rightcol .relatedbox{
	background: url(../images/relatedbg.png);
}
#rightcol #promo2 a{
	margin-bottom:0;
}
#rightcol .contentBox {
	width:244px;
}
#rightcol .contentBox h2 {
	margin-top:20px;
	font-size:140%;
	line-height:100%;
}
#rightcol .contentBox h2, #rightcol .contentBox h3, #rightcol .contentBox h4, #rightcol .contentBox h5, #rightcol .contentBox h6, #rightcol .contentBox p, #rightcol .contentBox ul, #rightcol .contentBox ol {
	padding-left:14px;
	padding-right:14px;
}

@media screen and (max-width:990px) {
#contentwrapper {
	background:#fff url(../images/landing_headerBGsmall.png) no-repeat;	
}
#content #topbox {
	background-image:none;
	margin-bottom:0;
	height:auto;
}
#leftcolwrapper{
	margin-right:-50%;
}
#leftcol {
	margin-right:50%;
}
#rightmiddlecol {
	width:25%;
}
.greycolbg {
	background: none;
}
#rightmiddlecol .contentBox {
	width:100%;
}

#rightmiddlecol .contentBoxGrey {
	width:100%;
	height:auto;
}

#rightmiddlecol #greycolbg {
	background:#f3f3f3;
	width:96%;
	padding:10px 2% 10px 2%;
}
#rightmiddlecol #greycolbg img {
	margin: 0;
}
#rightcol {
	width:25%;
}
#rightcol .contentBox {
	width:100%;
}
.featureImg {margin-right:0!important}
.featureImg p {padding-left:0!important}
.featureImg p img{ margin-left:0!important}
}

@media screen and (max-width:746px) {
#leftcolwrapper{
	margin-right:-33.3%;
}
#leftcol {
	margin-right:33.3%;
}
#rightmiddlecol {
	width:33.3%;
}
#rightcol {
	width:100%;
	float:left;
}
#rightcol .relatedbox{
	background:#b9181d url(../images/relatedbg.png) right repeat-y;
	width:66%;
	float:left;
}
.crossSiteNavBox2, .crossSiteNavBox3{float:left;width:34%;}
.crossSiteNavBox2 a, .crossSiteNavBox3 a{
	min-height:74px;

}
}

@media screen and (max-width:502px) {
#leftcolwrapper{
	margin-right:0;
}
#leftcol {
	margin-right:0;
}
#rightmiddlecol {
	width:100%;
}
#rightmiddlecol .contentBox {
	width:50%;
}

#rightmiddlecol .contentBoxGrey {
	width:50%;
	float:left;
}
#rightcol {
	padding-left:0;
}
#rightcol .relatedbox{
	width:100%;
}
.crossSiteNavBox2, .crossSiteNavBox3{float:left;width:50%;}
}