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{
	color:#369;
	text-decoration:none;
}
a:hover; 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-left:15px;
	padding-bottom:10px;
	width:492px;
	background-image:url(http://www.gre.ac.uk/__data/assets/image/0017/150713/smarrow.gif);
	background-position:left;
	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;
}

.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{
	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;
}

.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;
}

/* 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;
}