/* Swansea University Basic Stylesheet : Created by Mark Berge, Web Editor */

/*
----------------------------------------------------------------------------- 
BASIC STYLING
-----------------------------------------------------------------------------
*/


body {margin: 0;	padding: 0; background:#ffffff; 	font: 85%/1.5em arial, verdana, helvetica, sans-serif; text-align: center;	}
acronym {cursor: help;	font-style: normal;	border: none;	}
h1 {display: none;}
h2 {font-size: 1.2em; font-weight: normal;	color: #922;	margin: 0 0 0 0;	padding: 0;	}
h3 { margin: 0 0 0 0;	}
h3 span {display: none;	visibility: hidden;	}
p {font-size: 88%;margin: 0 0 0.6em 0;	}
.hidden {display:none;}
/* \*/ * html body p { font-size: 80%; } /* */

/*
----------------------------------------------------------------------------- 
BASIC CONTAINERS
-----------------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------------- 
English
-----------------------------------------------------------------------------
*/

#en #container {position: relative;text-align: left;margin: 10px auto;width: 920px;border: 1px solid #000; 
	background-image: url(/images/backgrounds/File,274,en.jpg);
	background-position: bottom;
	background-repeat: no-repeat; }
#en #intro {width: 100%;background: url(/images/headers/File,273,en.png) repeat-x;}

/*
----------------------------------------------------------------------------- 
Cymraeg
-----------------------------------------------------------------------------
*/
#cy #container {position: relative;text-align: left;margin: 10px auto;width: 920px;border: 1px solid #000; 
	background-image: url(/images/backgrounds/File,274,en.jpg);
	background-position: bottom;
	background-repeat: no-repeat; }
#cy #intro {width: 100%;background: url(/cy/images/headers/File,912,cy.png) repeat-x;}

/*
----------------------------------------------------------------------------- 
BASIC SHARED STYLES
-----------------------------------------------------------------------------
*/

#pageHeader {width: 750px;height: 119px;}

#wrapper {margin: -2em 4%;}
#wrapper_top { padding-left: 415px; }
#wrapper_left {float: left; width: 380px;margin-left: -8px;margin-top: -80px; margin-right: 0px;padding-right: 0px; padding-left: 10px;}
#wrapper_right {padding-top: 0em; margin: -35px 0 0 450px; }
#wrapper_footer {clear: both;}

#wrapper_top {font: 14px/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;}
#wrapper_left div a {color: #0066cc;font-size: 90%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-weight: bold; line-height: 1.2em;}
#wrapper_left div a:hover {text-decoration: underline;}

#subfeature {margin:0 0 0 0;}
#subfeature img{border: 0px;}
#subfeature a {color: #912905;font-size: 75%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;text-decoration: none; font-weight: bold; line-height: 1.2em;}
#subfeature a:hover {text-decoration: underline;}

#footer {margin: 0px 0 0 0;	font: bold 70%/3em tahoma, verdana, sans-serif;	text-transform: uppercase;	letter-spacing: 1px;	 border: 1px; border-style: solid;  border-bottom: 0px;  border-left: 0px;  border-right: 0px;   width: 100%; }
#checks {width: 935px; }
#checks p {text-align: right;}
#checks a img {border:none;}


/*
----------------------------------------------------------------------------- 
MAIN MENU STYLING
-----------------------------------------------------------------------------
*/
#menu {text-align: left;	font-family: Arial, Verdana, Helvetica;	margin-left: 260px;	border-top-style: none;	z-index: 100;	width: 670px;	}

#nav, #nav ul { /* all lists */padding: 0; margin: 0; list-style: none; line-height: 2em; font-size: 80%; font-weight: bold; background: none; z-index:10; }
#nav ul li {font-size: 100%; padding-left: 3px; font-weight: bold;}
#nav a {display: block; width: 11em; color: #ffffff; text-decoration: none; padding-bottom: 2px; margin-left: 12px; margin-top: -2px; }
#nav li { /* all list items */float: left; width: 12em; font-weight: bold;  /* width needed or else Opera goes nuts */}
#nav li ul { /* second-level lists */ position: absolute; background: white;  width: 12.5em; left: -999em; border:1px; border-style: solid; font-size: 110%; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul a { color: #0068C6; line-height: 16px; text-align: left;  margin: 3px; font-weight: bold;  font-size: 90%;width: 13em;}
#nav li ul a:visited {line-height: 16px; text-align: left; font-size:  3px; font-weight: bold;  font-size: 90%;width: 13em;}
#nav li ul a:hover {color: white;line-height: 16px; background-color: #0068C6;  font-weight: bold;  font-size: 90%;width: 13em;}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
.topnav {}


/*
----------------------------------------------------------------------------- 
LEFT HAND SIDE NAVIGATION STYLING
-----------------------------------------------------------------------------
*/

#navlist {padding-left: 0px; margin-left: 15px; border-bottom: 1px solid gray; width: 180px; margin-top: 25px;}
#navlist li{list-style: none;margin: 0; padding: 0.10em; border-top: 1px solid gray;}
#navlist li a { text-decoration: none; font-family: arial, verdana, helvetica; font-size: 80%; font-weight: bold; color: #0068C6;}
#navlist li a:hover { text-decoration: none; font-family: arial, verdana, helvetica; font-size: 80%; font-weight: bold; color: #cccccc;}


/*
----------------------------------------------------------------------------- 
QUICKLINKS
-----------------------------------------------------------------------------
*/

#linkboxes { width: 450px;  }

#quicklinks {text-align: left; font-family: Arial, Verdana, Helvetica; border-top-style: none; }
#quicklinks, #quicklinks ul { /* all lists */padding: 0px; margin: 0px; list-style: none; line-height: 1px; font-size: 100%; font-weight: bold; background: none; margin-left: 0px; padding-left: 0px; z-index: 20; }
#quicklinks ul li {font-size: 75%; padding-left: 0px; font-weight: bold; }
#quicklinks a {display: block; width: 13.0em; color: #0066CC; text-decoration: none; padding-bottom: 2px; margin-left: 0px; margin-top: 0px; }
#quicklinks li { /* all list items */float: left; width: 12em; font-weight: bold;  /* width needed or else Opera goes nuts */}
#quicklinks li ul { /* second-level lists */ position: absolute; background: white;  width: 9em; left: -999em; border:1px; border-style: solid; font-size: 110%; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#quicklinks li ul a { color: #0068C6; line-height: 10px; text-align: left;  margin: 2px; font-weight: bold;  font-size: 90%;}
#quicklinks li ul a:visited {line-height: 10px; text-align: left; font-size:  3px; font-weight: bold;  font-size: 90%;}
#quicklinks li ul a:hover {color: white;line-height: 10px; background-color: #0068C6;  font-weight: bold;  font-size: 90%;}
#quicklinks li:hover ul, #quicklinks li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
#quicklinks img {border: 0px;}

/* English */
#en .quicklinks_nav {background-image: url(/images/File,272,en.png); background-repeat: no-repeat; line-height: 2px; padding-left: 12px;z-index: 10;}
/* Cymraeg */
#cy .quicklinks_nav {background-image: url(/cy/images/text/File,1046,cy.png); background-repeat: no-repeat; line-height: 2px; padding-left: 12px;z-index: 10;}



/*
----------------------------------------------------------------------------- 
HOMEPAGE CAMPAIGN IMAGE FEATURES
-----------------------------------------------------------------------------
*/

.campaign {border: 1px; border-style: solid;  float: left;  padding: 2px; margin-right: 10px; }
.campaign_text {float: left; letter-spacing: 1px;  font-size: 75%; }
#subfeature {text-align: center; margin-left: 15px;}
#subfeature div {float:left; padding: 15px; width: 110px;}
.caption {font-size:75%;}

/*
----------------------------------------------------------------------------- 
BASIC LISTS
-----------------------------------------------------------------------------
*/
	

#MainFeature ul{font-size: 90%; color:#333333;}
#footer a {padding: 2px 5px;	color: #0066cc;	border: none;	margin: 0;	}
#footer a:hover {background: #0066cc;	border: none;	color: #ffffff;}
#footer img {padding-left: 10px; padding-top: 3px;}
#footer label {display:none;}

/* English */
#en h3.latest_news { background: transparent url(/images/text/File,288,en.png) no-repeat;}
#en h3.latest_research { background: transparent url(/images/text/File,306,en.png) no-repeat;}
#en h3.archives { background: transparent url(/images/text/File,465,en.png) no-repeat; }
#en h3.inthissection { background: transparent url(/images/text/File,316,en.png) no-repeat; }
#en h3.vacancies { background: transparent url(/images/text/File,289,en.png) no-repeat; }
#en h3.happening {background: transparent url(/images/text/File,290,en.png)  no-repeat; margin-top: 1px;}
#en h3.research {background: transparent url(/images/text/File,617,en.png) no-repeat; margin-top: 1px;}
#en h3.news {background: transparent url(/images/text/File,286,en.png)  no-repeat; margin-top: 1px;}
#en h3.documents{background: transparent url(/images/text/File,287,en.png)  no-repeat; margin-top: 1px;}
#en h3.aboutus{background: transparent url(/images/text/File,1073,en.png)  no-repeat; margin-top: 1px;}

/* Cymraeg*/
#cy h3.latest_news { background: transparent url(/cy/images/text/File,1047,cy.png) no-repeat;}
#cy h3.latest_research { background: transparent url(/cy/images/text/File,1048,cy.png) no-repeat;}
#cy h3.archives { background: transparent url(/cy/images/text/File,1049,cy.png) no-repeat; }
#cy h3.inthissection { background: transparent url(/cy/images/text/File,1050,cy.png) no-repeat; }
#cy h3.vacancies { background: transparent url(/cy/images/text/File,1051,cy.png) no-repeat; }
#cy h3.happening {background: transparent url(/cy/images/text/File,1052,cy.png)  no-repeat; margin-top: 1px;}
#cy h3.research {background: transparent url(/cy/images/text/File,1053,cy.png)  no-repeat; margin-top: 1px;}
#cy h3.news {background: transparent url(/cy/images/text/File,1054,cy.png)  no-repeat; margin-top: 1px;}
#cy h3.documents{background: transparent url(/cy/images/text/File,1055,cy.png)  no-repeat; margin-top: 1px;}
#cy h3.aboutus{background: transparent url(/cy/images/text/File,1074,cy.png)  no-repeat; margin-top: 1px;}


/*

----------------------------------------------------------------------------- 
CORPORATE NEWS IMAGES
-----------------------------------------------------------------------------
*/
div.figure {
padding: 8px; 
margin: 0.30em auto; /* needed to support centering of almost-full-width figures */
border: 1px solid #000000;
}
div.figure img { width: 100%; }

div.figure p { /* the default "legend" style, as opposed to "caption" */
float: right;
font-family: verdana, arial, sans-serif;
font-size: 70%;
padding-left: 1%;
padding-right: 1%;
line-height: 1.1;
margin: 0.25em auto 0 auto;
}
div.figure p.caption { text-align: center; }
/* "caption" for short phrases; "legend" (default) is for continuous prose */

.full { width: 85%; padding: 10px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

.right { float: right; margin-left: 2%; }
.left { float: left; margin-right: 2%; }

/*
----------------------------------------------------------------------------- 
CORPORATE NEWS Lists
-----------------------------------------------------------------------------
*/

#newscentre {margin-top: 25px; width: 450px;}

#latest_research ul li a{font-weight: bold; color: #663333; font-size: 75%;}
#latest_research ul li a:visited{font-weight: bold; color: #0066cc; font-size: 75%;}
#latest_research ul li a:hover{font-weight: bold; color: #0066cc; font-size: 75%;}
#latest_research ul{list-style: url(/images/basic/File,6082,en.gif); margin: 5px -5px 0px 8px; padding-left: 0px;padding-top: 0px;z-index: 10; padding-bottom: 5px; line-height: 1.1em;}
#latest_research h3 {	height: 25px;}

#home_news { float:left;margin: 0px;width: 210px;}
#home_news h3
	{	height: 25px;	margin: 0 0 0 0px;	padding: 0px;	}
#home_news p, #home_news li
	{font: x-small/1.6em tahoma, verdana, sans-serif;	text-indent: 0;	}
#home_news ul
	{list-style: none;	margin: 0 0 0 0;	padding: 0;		}
#home_news li
	{color: #000;	border-bottom: 1px dotted #C8D6E6;	line-height: 1.5em;	padding: 0.5em 17px;	}
#home_news  li a
	{	display: block;	border: none;	color:#0066cc;	font-weight: bold;	margin-left: 0px;	padding-left: 0px;	text-decoration: none;	}
#home_news li a:hover
	{color: #663333;	}
#home_news  li a.c
	{	display: inline;	padding: 0;	margin: 0;	background: none;	color: #000;	font-weight: normal;	}
#home_news li a.c:hover
	{	color: #663333;	}


#home_happening {margin-left: 220px; }
#home_happening h3
	{	height: 25px;	margin: 0 0 0 0px;	padding: 0;	}
#home_happening  p, #home_happening  li
	{font: x-small/1.6em tahoma, verdana, sans-serif;	color: #0066cc;	text-indent: 0px;}
#home_happening  ul
	{list-style: none;	margin: 0 0 0 0;	padding: 0px;	}
#home_happening li
	{color: #000;	border-bottom: 1px dotted #C8D6E6;	line-height: 1.5em;	padding: 0.5em 17px;	}
#home_happening   li a
	{	display: block;	border: none;	color: #0066cc;	font-weight: bold;	margin-left: 0px;	padding-left: 00px; text-decoration: none;	}
#home_happening  li a:hover
	{color: #663333;	}
#home_happening   li a.c
	{	display: inline;	padding: 0px;	margin: 0;	background: none;	color: #000;	font-weight: normal;	}
#home_happening  li a.c:hover
	{	color: #663333;	}