html, body {
font-family:Arial, Verdana, Helvetica, sans-serif;
margin-top:5px;
background-color: #CCC;
font-size:small;
}

#wrapper{
width: 760px;
margin-left:auto;
margin-right:auto;
background-color:#FFF;
border-left:2px solid #369;
border-right:2px solid #369;
border-top:2px solid #369;
}

#header{
padding:5px;
margin:0;
height:79px;
}
.center{
	text-align:center;
}
img{
	border: 0;
}

p{
	text-align: justify;
	margin-top:0px;
	margin-bottom:8px;
	line-height:1.3em;
}

a, input.buttonastext {text-decoration:none;color:#369;}
input.buttonastext {
	display: inline;
	border: none;
	background-color:transparent;
	margin:0; padding:0;
}
a:link, div.basket-add-button{
	color:#369;
	text-decoration:none;
}
a:visited{
	color:#369;
	text-decoration:none;
}
a:hover, input.buttonastext:hover, div..basket-add-button:hover{
	color:#909;
	text-decoration:underline;
}
a:active{
	color:#909;
	text-decoration:underline;
}

ul{
	padding-left: 1.2em;
	margin:0;
	padding-bottom: 1em;
}

dl ul{
	padding-left: 0.5em;
}

ul ul {
	padding-bottom: 0;
}

ul.none{
	list-style-type:none;
}

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

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

ul.nopadding{
	padding-bottom: 0;
}
#right-header{
float:right;
}

#leftheader{
float:left;
}

#topnav-container{
margin-top:0px;
margin-left:6px;
margin-right:6px;
background-color: #369;
height: auto;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
padding-top: 8px;
padding-bottom: 8px;
background-image:url('http://www.gre.ac.uk/__data/assets/image/0004/18751/navbar.jpg');
background-position:left;
background-repeat:no-repeat;
/*font-size:80%;*/
}

#topnav-container a{
color:#fff;
text-decoration:none;
padding-left:10px;
padding-right:10px;
}

#topnav-container a:hover, #topnav-container a:active{
color:#ff0;
text-decoration: underline;
}

#breadcrumb{
margin-top:-3px;
padding-left:16px;
padding-top:6px;
padding-bottom:3px;
padding-right: 3px;
}

#breadcrumb a{
font-size:90%;
}

h1, h2, h3, h4, h5, h6{
	font-family:Arial, Helvetica, Verdana, sans-serif;
	margin:0;
	padding-top: 1.0em;
	padding-bottom: 0.2em;
}

h1{	/*Used for page name*/
	color:#369;
	font-size: 120%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight:normal;
}

h2 {	/*For blue bar (as on front page) use <h2 class="bluebar"> defined below*/
	font-size: 116%;
}

h3 {
	font-size: 105%;
}
h4{
	font-size: 95%;
}
h5, h6{
	font-weight:normal;
	color:#369;
	font-size: 95%;
}

p, li{
	padding-right: 7px;
}
li{
	margin-bottom: 0.5em;
}
div.restrict-width, div.full-width{
	display: block;
	float:left;
}
.restrict-width{
	width: 330px;
}
.full-width{
	width: 99%;
}
.clr {
clear: both;
float:none;
}
.clr_right{
clear:right;
}

#left{
width:184px;
float:left;
margin-left:6px;
margin-right:6px;
margin-top:-8px;
margin-bottom:6px;
display:inline;
}

#left ul{
list-style-type:none;
margin-left:20px;
padding:0;
margin-top:3px;
}

#left ul li {
font-size:90%;
margin-bottom:0.2em;
}

/***/

#left ul{
	list-style:none;
	padding:0;
	margin:0 0 0 7px;
}
#left ul li{
	margin:0;
	padding:0;
}
#left ul li a{
	display:block;
	font-size:95%;
	padding:2px 2px 2px 15px;
	background-image:url(http://www.gre.ac.uk/__data/assets/image/0017/150713/smarrow.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#left ul li a:hover, #left ul li a:active{
	background-color:#EEEEEE;
}

/**** For Question - Answer sections *****/

a.helpLink{
	display:block;
	cursor:help;
	margin-right:15px;
	padding:5px 0 5px 20px;
	width:489px;
	background-image:url(http://www.gre.ac.uk/__data/assets/image/0017/150713/smarrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
}
a.helpLink:hover, a.helpLink:focus, a.helpLink:active{
	background-color:#EEEEEE;
}
a.helpLink:blur{
	background-color:transparent;
}



/***/

#left h2, #news h2, h2.bluebar, h2.bar{
font-family:Arial, Verdana, Helvetica, Serif !important;
font-size: 90% !important;
font-weight: bold !important;
color:#fff !important;
margin-top: 8px !important;
margin-bottom:0px !important;
padding-top: 5px !important;
padding-right: 8px !important;
padding-bottom: 5px !important;
padding-left: 5px !important;
background-color: #369 !important;
background-image: url('http://www.gre.ac.uk/__data/assets/file/0011/632/white_corner.gif') !important;
background-repeat: no-repeat !important;
background-position: top right !important;
}
#left h2{
font-size: 90% !important;
}
#news h2, h2.bluebar, h2.bar{
font-size: 110% !important	;
}
#content
{
margin-left:225px;
margin-right:0;
padding-right:8px;
padding-bottom:2em;
}

/*Prevent 3px slip of content text after float in IE*/
* html div#content{
	height: 1%;
}

* html div#footer {
float:left;
}

#footer {
color:#fff;
background-color: #369;
padding:5px;
font-size:80%;
}

#footer a{
color:#fff;
}

#footer a:hover, #footer a:active{
color:#ff0;
}

#right-footer{
float:right;
}

#right-footer ul{
list-style-type:none;
margin:0;
padding:0;
}

#right-footer li{
display:inline;
}

th.row{
	text-align:left;
}

.green; .accent{
	color:#009900;
}

div#videobackground{
	background-image:url('http://www.gre.ac.uk/__data/assets/image/0005/412934/inline-movie-16-9.gif');
	background-position:left;
	background-repeat:no-repeat;
	height:266px; width:510px;
	padding: 27px 0 0px 10px;
	margin:0;
}

div#video-replace{
	float:left;
	text-align:center;
	color:white;
	width: 324px;
	padding: 15px;
}

div#videowrapper {
	width:350px;
}

div#videoinfo{
	float:right;
	padding:0px 19px 10px 0px; margin:0;
	width:120px;
	font-size:85%;
	color:#333;!important
}

div#videoinfo p{
	text-align:left;
	padding:0;
}


div#videoinfo h3{
	margin:0; padding: 0 0 6px 0;
	font-size:140%;
	font-weight:bold;
}



#videoinfo a:link{
	color:#ff6600;
}
#videoinfo a:visited{
	color:#ff6600;
}
#videoinfo a:hover{
	color:#669933;
}
#videoinfo a:active{
	color:#669933;
}

div.group div#videobackground {
	background-image:url('http://www.gre.ac.uk/__data/assets/image/0018/413811/inline-movie-splash2.gif');
	height:275px; width:364px;
	padding:0; margin:0;
}


div.group div#videobackground object{
	padding:0; margin: 13px 11px 13px 13px;
}

div.group div#videobackground div#videoinfo{
	width:343px; height:20px;
}

div.group div#videobackground #videoinfo ul li{
	float:right;
	display: inline;
	list-style-type:none;
	margin:0;
}

div.group div#videobackground #videoinfo ul li a{
	padding:0 15px 0 15px;
}

/***/

#videoinfo ul{
	list-style:none;
	padding:0;
	margin:0;
}
#videoinfo ul li{
	margin:0;
	padding:0;
}
#videoinfo ul li a{
	padding:2px 2px 2px 0px;
}

div#videobackground object{
	float:left;
}

.red; .error {
	color:red;
}
.small{
	font-size:85%;
}


/* QUOTE BOXES */

div.quotebox{
	border: 1px black dashed;
	margin:15px 25px 20px 0px;
	border-collapse:collapse;
	background-color:#f6ffff;
	color:black;
	padding:10px;
}

/* INFORMATION BOXES */
.infobox{}/*Empty style that allows CMS selection*/

table.infobox, table.info{
	border: 1px black solid;
	margin-bottom:15px;
	border-collapse:collapse;
}

div#content table.infobox{
	padding:1em 0 1em 0;
}

.infobox p, .infobox li, .infobox h1, .infobox h2, .infobox h3, .infobox h4{
	text-align:left !important;
}
.infobox td, .infobox th{
	background-color:#f6ffff;
	color:black;
	padding:2px;
	border:1px black solid;
}

caption{
	text-align:center;
}

.row2, .even{}/*Empty style that allows CMS selection*/
.row2 td, .even td, .row2 th, .even th{
	background-color: #e6f3f3;
	color:black;
}
 .row2 th, .even th, .row1 th, .odd th{
	text-align:left; !important
}

.headerbox td, .headerbox th, td.headerbox, th.headerbox{
	background-color: #369 !important;
	color:white !important;
}
.headerbox a{
text-decoration:underline;
	color:white !important;
}

.headerbox a:hover, .headerbox a:active{
text-decoration:none;
}

/* SOCIAL NETWORKING LINKS */

div.social{
	float:right;
}

/* SITE SEARCH */
div#search-box, div.search-box{
vertical-align:top;
margin-top:5px;
padding:5px;
}

form{
padding:0px;
margin:0px;
vertical-align:top;
}
/* SITE SEARCH TEXT BOX */
input.site-search{
width:110px;
height:14px;
font-size:85%;
border:1px solid #369;
}

/* SITE SEARCH IMAGE SUBMIT BUTTON */
input.search-button{

}

/* GREY TEXT BELOW SEARCH FORM */
span.search-text{
font-size:80%;
color:#676767;
margin-top:-10px;
}

div.news, .news li{
width:98%;
padding:4px 2px 2px 2px;
border-bottom:#666666 groove 2px;
display:table-cell;
float:left;
}
div.news img, .news li img{
float:left;
padding-right:6px;
}
div.news h3{
padding-top:.25em;
}

/* VIP Box
/********  Group Boxes ******************/

div#vip{
margin:0 0 8px 0;
float:left;
width:179px;
font-size:90%;
background-color:#e6f6f9;
}


div#vip h2{
	background-color:#6699cc;
	color: white;
	background-image:url(http://www.gre.ac.uk/__data/assets/image/0008/159488/ltblu_topright.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

.group p{
	text-align: left;
	margin:0;
	padding: 0 7px 7px 7px;
}
.group h1, .group h2, .group h3, .group h4{
	padding:6px 6px 4px 12px;
	margin:0;
}
.group h2, .group h3, .group h4{
	padding:4px 4px 4px 4px;
	margin:0;
	font-weight:bold;
}

.group h2{
	font-size:110%;
}
.group h3{
	font-size:105%;
}
.group h4{
	font-size:100%;
}


.video-container2 {
	
	width:379px;
	margin-left:4px;
}

#video-text {
	height:10px;
    margin-top:5px;
	margin-left:9px;
	
}

/**** Mobile content *****/

.mobile-only {
	display:none;
}

/**** End mobile content *****/


/**** basket for digital prospectus *****/
/*fieldset {
border: none;
width:240px;
}


input { float: right; }

label { float: left;
margin-top: 6px;
margin-bottom: 4px; }*/