@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body, html {
	width: 100%;
	font-size: 101%; /* Hack for better IE support */
	background-repeat: repeat-x;
	background-image: url(http://www.swwhep.ac.uk/en/images/backgrounds/file,25296,en.jpg);
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	height: 100%;
}

/*---------------------------------------------------------------------
Div encapsulating the whole site
----------------------------------------------------------------------*/

#outer-wrapper {
	width: 880px;
	background-color: #E9E9E9;
	margin-top: 45px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	background-repeat: repeat-x;
	background-image: url(http://www.swwhep.ac.uk/en/images/backgrounds/file,25298,en.jpg);
}

/*---------------------------------------------------------------------
Inner wrapper creating white background
---------------------------------------------------------------------*/

#wrapper {
	width: 830px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 10px;
	position: relative;
}

/*---------------------------------------------------------------------
Div holding the top logos welsh and english
---------------------------------------------------------------------*/

#topbar {
	margin-right: 20px;
	margin-left: 20px;
	background-color: #000000;
	height: 100px;
	position: relative;
	background-image: url(http://www.swwhep.ac.uk/en/images/backgrounds/file,25472,en.jpg);
	background-repeat: repeat-x;
}

.logo-welsh {
	float: left;
	text-align: left;
	margin-top: 25px;
	font-weight: normal;
	margin-left: 15px;
}
.logo-english {
	float: right;
	color: #FFFFFF;
	text-align: right;
	margin-top: 25px;
	margin-right: 15px;
}

h1 {
	font-size: .8em;
	margin-bottom: 15px;
	padding-bottom: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}
/*---------------------------------------------------------------------
Main div wrapping around maincontent area
---------------------------------------------------------------------*/

#main {
	position: relative;
	margin-top: 5px;
	margin-left: 20px;
	width: 790px;
	background-color: #FFFFFF;
	margin-bottom: 0px;
}

/*---------------------------------------------------------------------
The leftcolumn containing the buttons
---------------------------------------------------------------------*/
#leftcol {
	height: auto;
	width: 206px;
	float: left;
	margin-bottom: 0px;
}

#leftcol ul {	list-style: none;}

#leftcol ul li a:link {
	background-color: #333333;
	height: 79px;
	display: block;
	width: auto;
	list-style: none;
	margin-bottom: 5px;
	color: #FFFFFF;
	padding-top: 24px;
	padding-left: 28px;
	background-image: url(http://www.swwhep.ac.uk/en/images/splashpage/file,25327,en.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-right: 10px;
}

#leftcol ul li a:visited {
	background-color: #333333;
	height: 79px;
	display: block;
	width: auto;
	list-style: none;
	margin-bottom: 5px;
	color: #FFFFFF;
	padding-top: 24px;
	padding-left: 28px;
	background-image: url(http://www.swwhep.ac.uk/en/images/splashpage/file,25327,en.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	padding-right: 10px;
}

#leftcol ul li a:hover {
	background-color: #3266cc;
	height: 79px;
	display: block;
	width: auto;
	list-style: none;
	margin-bottom: 5px;
	color: #FFFFFF;
	padding-top: 24px;
	padding-left: 28px;
	font-weight: normal;
	background-image: url(http://www.swwhep.ac.uk/en/images/splashpage/file,25303,en.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}


/*---------------------------------------------------------------------
Right column
---------------------------------------------------------------------*/

#mainright {
	width: 579px;
	float: right;
	height: 211px;
	position: relative;
	margin-bottom: 0px;
	padding: 0px;
}

.image-space {
	margin-left: 5px;
	margin-bottom: 0px;
	float: right;
	
}

.smaller-link-text {font-size: .7em;}

#logos {
	width: 790px;
	height: 100px;
	clear: both;
	background-image: url(http://www.swwhep.ac.uk/en/images/splashpage/file,25304,en.jpg);
	background-repeat: repeat-y;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#splash-footer {
	font-size: 0.7em;
	color: #FFFFFF;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 30px;
}

.center {
	margin-right: auto;
	margin-left: auto;
	width: 520px;
}

.floatright {
	float: right;
	margin-right: 0px;
}