/**************************************************************************************
ADVANCE2010.CSS


**************************************************************************************/


/****************************************************************************
RESET STYLES
****************************************************************************/

/* Heading Styles */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;}
	
/* Paragrahs, lists etc */
p, ul, ol, li, blockquote, form {margin: 0;}

/* fieldsets */
fieldset {
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;}


/****************************************************************************
PAGE LAYOUT
****************************************************************************/

body {
	background-image: url(http://www.dev.surrey.ac.uk/assets/images/advancebackground.gif);
	background-repeat: repeat;
	margin: 0;
	padding: 0;}

#container {
	/*background-image: url(http://www.dev.surrey.ac.uk/goextra2010/assets/images/pagebackground.gif);
	background-repeat: repeat-y;*/
	/*background: url(http://www.dev.surrey.ac.uk/assets/images/advancebackground.gif);*/
	margin: 0 auto 0 auto;
	width: 1024px;}

#header {
	background-color: #ffffff;
	height: 151px;	
	/*margin: 14px 0 16px 0;*/
	padding: 0 0 16px 0;
	position: relative;}
	
#headerContent {
    	margin: auto;
    	position: relative;
    	width: 1024px;}
	
#logo {
	background-color: #ffffff;
	/*background-position: top right;	*/
	height: 40px;
	right: 20px;
	position: absolute;	
	top: 14px;
	width: 135px;}
	
#logo span {
	left: -10000px;
	position: absolute;}	

a#surreyHomeLink {
	display: block;
	height: 40px;
	width: 135px;}


#advanceLogo {	
	background-position: 0 -40px;
	height: 131px;
	margin-left: 20px;
	width: 243px;}
	
a#advanceHomeLink {
	display: block;
	height: 131px;
	width: 243px;}
	
#advanceLogo span {
	left: -10000px;
	position: absolute;}

#column1 {
	background-color: #ffffff;
	float: left;
	margin: 0 20px 0 0;
	width: 162px;}

#newsletter, #extraNav {
	background-color: #182b63;
	padding: 10px;}

#email {
	width: 132px;}
	
form>#newsletterSubmit { /* For non-IE browsers*/
  height: 0px;}

#newsletterSubmit {  
  width: 61px;
  height: 18px;
  padding: 18px 0 0;
  margin: 5px 0 0 76px;
  border: 0;
  background: transparent url(http://www.dev.surrey.ac.uk/assets/images/advanceicons.png) no-repeat;
  background-position: 0 -824px;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */}
  
#extraNav ul {
	list-style: none;
	margin: 0;
	padding: 0;}
	
	
#main {
	/*border-top: 1px solid #d7d7d7;*/
	/*background: url(http://www.dev.surrey.ac.uk/assets/images/advancebackground.gif);*/
	background-color: #ffffff;
	float: left;
	margin: 0 24px 10px 24px;
	/*padding: 24px;*/	
	width: 976px;}

#primaryContent {
	/*border-bottom: 1px solid #d7d7d7;*/
	/*border-top: 1px solid #d7d7d7;*/
	background-color: #ffffff;
	background-image: none;
	float: left;
	margin: 0;
	padding: 0 20px 20px 20px;
	width: 610px;}
	
.featuredPerson {
	border-bottom: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
	margin-bottom: 30px;}
	
.featuredPerson .intro {
	float: left;
	width: 205px;
	padding: 16px 30px 16px 10px;}
	
.featuredPerson .featuredPersonPicture img {
	display: block;}
	
#extra {
	/*border-bottom: 1px solid #d7d7d7;*/
	/*border-top: 1px solid #d7d7d7;*/
	float: left;
	margin: 0;
	padding-left: 20px;
	width: 220px;}
	
#extra .studentProfile .studentProfileThumbnail {
	float: left;
	margin-right: 10px;
	width: 72px;
	}
	
.hide {
	position: absolute;
	left: -1000px;}	
	
.breaker {
	clear: both;}
	
.greyline {
	border-bottom: 1px solid #d7d7d7;	
	height:1px;
	margin-bottom: 10px;
	padding-top: 10px;}
	
#bottomLine {
	background-color: #ffffff;
	background-image: url(http://www.dev.surrey.ac.uk/goextra2010/assets/images/bottombackground.gif);
	background-repeat: no-repeat;
	height: 1px;}




/* Homepage */

#pageHome #column1 {
	margin: 0;
	width: 162px;}
	
#pageHome #column2 {
	float: left;
	margin: 0;
	width: 324px;}
	
#pageHome #column3 {
	float: left;
	margin: 0;
	width: 162px;}
	
#pageHome #column4 {
	float: left;
	margin: 0;
	width: 324px;}	
	
#pageHome .featuredContent {
	height: 81px;
	margin: 0 11px 0 11px;
	max-height: 81px;}
	
#pageHome .featuredContent h3 {
	color: #599ddc;
	font-size: 90%;
	padding: 8px 0 8px 0;}
	
#pageHome .featuredContent h3 a {
	color: #599ddc;
	text-decoration: none;}
	
#pageHome #column1 img, #pageHome #column2 img, #pageHome #column3 img {
	display: block;}

/****************************************************************************
BACKGROUND IMAGES
****************************************************************************/

#logo, #advanceLogo, #mainNav ul li a, #downloads ul li a {
	background-image: url(http://www.dev.surrey.ac.uk/assets/images/advanceicons.png) !important;
	background-repeat: no-repeat;}



/****************************************************************************
NAVIGATION
****************************************************************************/

#mainNav ul {
	background-color: #ffffff;
	list-style-type: none;
	margin: 60px 0 40px 0;
	padding: 0;}
	
#mainNav li {	
	margin: 0;}
	
#mainNav ul li a {
	display: block;
	height: 21px;
	width: 162px;}
	
#mainNav ul li a span {
	left: -1000px;
	position: absolute;
	top: 0px;}
	
/* Inactive navigation */	
#navHome a {background-position: 0 -227px;}
#navTalks a {background-position: 0 -248px;}
#navStories a {background-position: 0 -269px;}
#navSocieties a {background-position: 0 -290px;}
#navReviews a {background-position: 0 -311px;}
#navGoodies a {background-position: 0 -332px;}

/* Hover navigation */
#navTalks a:hover {background-position: 0 -382px;}

/****************************************************************************
DOWNLOADS
****************************************************************************/

#downloads ul {
	list-style: none;
	margin: 0;
	padding: 0;}
	
#downloads li {
	margin: 0;}
	
#downloadMagazine a, #downloadGoodies a {
	display: block;
	height: 162px; 
	width: 162px;	
	background-position: 0 -500px;}
	
#downloadGoodies a {
	background-position: 0 -662px;}
	
#downloads ul li a .hide, #downloads ul li a .lead_snippet {
	margin-left: -1000px;
	position: relative;
	}

/****************************************************************************
TYPOGRAPHY
****************************************************************************/

body {
	font-family: arial,helvetica,sans-serif;}

/* Headings */


#sectionHeader {
	clear: both;
	color: #182a62;
	font-size: 1.3em;
	font-weight: bold;
	margin: 31px 0 21px 20px;
	text-transform: uppercase;}
		


h1 {
	/*color: #182a62;
	font-size: 1.3em;
	margin: 31px 0 31px 10px;
	text-transform: uppercase;*/
	color: #599ddc;
	font-size: 1.1em;
	margin: 0;
	padding: 0;}
	
#newsletter h2 {
	color: #ffffff;
	font-size: 90%;
	margin-bottom: 5px;
	}
	
/* Links */

#extraNav li a:hover, a:hover {
	text-decoration: underline;}
	
/* Pagagraphs */

p, li {
	font-size: 80%;
	line-height: 160%;
	margin: 0 0 1em 0;}
	
#primaryContent p {
	/*margin-left: 10px;*/}


#newsletter p {
	color: #ffffff;
	margin-bottom: 5px;}
	
#newsletter p.intro {
	color: #589cdb;}
	
#extraNav li {
	line-height: 150%;
	margin-bottom: 0;}

#extraNav li a {
	color: #589cdb;	
	font-size: 90%;
	line-height: 80%;	
	text-decoration: none;}
	

.featuredPerson h2 {
	color: #599ddc;
	font-size: 110%;
	font-weight: normal;}
	
#primaryContent .featuredPerson p {
	color: #182a62;
	font-size: 110%;
	padding-left: 0;
	margin-left: 0;}
	
/* Student profile quotes */
#extra .studentProfile blockquote {
	font-family: 'Times New Roman',times,sans-serif;
	font-size: 1em;
	line-height: 1.4em;}
	
#extra .studentProfile cite {
	color: #182a62;
	font-size: 80%;
	font-style: normal;}
	
	
	
	
	
	
#intro {
	/*border-bottom: 1px solid #d7d7d7;*/
	/*border-top: 1px solid #d7d7d7;*/
	/*margin-bottom: 20px;*/
	/*min-height: 310px;*/}
	
#intro.topBorder {
	border-top: 1px solid #cccccc;
	min-height: 310px;}
	
#intro .introContentFloat, #intro .introContent {
	/*padding: 16px 30px 16px 10px;*/}
	
#intro .introContent {
	margin-top: 20px;}
	
	

#intro .introContentFloat {
	float: left;
	margin-top: 20px;
	width: 305px;}

	
#intro #introText {
	color: #182a62;
	/*font-size: 129%;*/
	font-size: 120%;
	font-weight: bold;
	padding-left: 0;
	margin-left: 0;}
	
#intro .articleType, .article .articleType, .relatedArticle .articleType {
	color: #909090;
	font-size: 80%;}
	
 .inlineImageRight {
 	margin: 0 !important;}
 	
 .inlineImageRight img {
 	display: block;
 	margin: 0;}
 	
 	
  .bodyText {
  	border-top: 1px #cccccc solid;
  	clear: both;
  	margin-top: 0;
  	padding-top: 20px;}  	
  	
/****************************************************************************
MAIN NAVIGATION
****************************************************************************/  	
  	
  	
#advanceMainNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}
	
#advanceMainNav ul li {
	float: left;}
	
#advanceMainNav ul li a {
	background-image: url(http://www.dev.surrey.ac.uk/assets/images/advanceicons.png);
	background-position: 0 -171px;
	display: block;
	height: 81px;
	width: 162px;}
	
#advanceMainNav ul li a .text {
	left: -10000px;
	position: absolute;
	top: -100px;}
	
#advanceMainNav ul li#nav29085 a {
	background-position: 0 -333px;}
	
#advanceMainNav ul li#nav29095 a {
	background-position: 0 -252px;}
	
#advanceMainNav ul li#nav29097 a {
	background-position: 0 -414px;}
	
#advanceMainNav ul li#nav29099 a {
	background-position: 0 -495px;}
	
#advanceMainNav ul li#nav29102 a {
	background-position: 0 -577px;}
	
	
	
/****************************************************************************
FOOTER
****************************************************************************/ 	

#footer {
	background-color: #ffffff;
	clear: both;
	height: 75px;
	margin: 24px 24px 0 24px;
	padding: 20px;
	position: relative;}
	
.footerLinks {
	color: #888888;
	font-size: 70%;
	left: 20px;
	margin: 0 0 5px 0;
	position: absolute;
	top: 20px}
	
.footerLinks a {
	text-decoration: none;
	color: #599ddc;}
	
#hcard-The-University-of-Surrey {
	color: #888888;
	font-size: 70%;
	left: 20px;
	position: absolute;
	top: 50px;}
	
#hcard-The-University-of-Surrey address {
	font-style: normal;}
	
#hcard-The-University-of-Surrey address a {
	color: #888888;
	text-decoration: none;}
	
.atbutton {
	position: absolute;
	right: 20px;
	top: 20px;}
	
	
/****************************************************************************
ARTICLE LISTINGS PAGES
****************************************************************************/	

.article {
	border-top: 1px solid #cccccc;
	clear: both;
	margin-bottom: 20px;}
	
.articleImage {
	float: left;
	height: 167px;
	margin-right: 23px;
	width: 223px;}
	
.articleImage im {
	display: block;}
	
.articleImage a img {
	border: none;
	display: block;}
	
.articleSummary h3 a {
	color: #599ddc;
	font-size: 90%;
	margin: 0;
	padding: 0;
	text-decoration: none;}
	

	
.articleSummary {
	padding: 15px 0 0 0;}
	
	
	

	
	
a img {
	border: none;}
	
/****************************************************************************
RELATED ARTICLE LISTINGS
****************************************************************************/

#relatedLinks h2 {
	display: none;}

#relatedLinks ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}	
	
li .relatedArticle {
	font-size: 120%;
	line-height: 100%;}	

.relatedArticle {
	border-top: 1px solid #cccccc;
	clear: both;	
	margin-bottom: 10px;}
	
.relatedArticleImage {
	float: left;
	margin-right: 10px;
	width: 94px;}

.relatedArticle .articleSummary h3 {
	line-height: 100%;}


.relatedArticle .articleSummary h3 a {
	color:#599DDC;
	font-size:70%;
	line-height: 100%;
	margin:0pt;
	padding:0pt;
	text-decoration:none;}
	
.relatedArticle .articleSummary {
	margin-top: 0;
	padding-top: 2px;}
	
.relatedArticle .articleType {
	font-size: 70%;}