/* Swansea University Basic Text 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;	color: #333333;	text-align:center;	}
acronym {cursor: help;	font-style: normal;	border: none;	}
h1 {display: none;}
h2 {font-size: 1.3em;	font-weight: normal;	color: #019593; margin: .5em 0 0.3em	padding: 0;	}
h3 { margin: 1.2em 0 0.2em 0;	color: #019593;	}
h4 {color: #019593;}
h5 {color: #019593;}
h6 {color: #019593;}
h3 span {	display: none;	visibility: hidden;	}
p { font-size: 88%;	margin: 0 0 0.0em 0;	}
.hidden {
	display:none;
}
#home {position: absolute; top:0px; left: 0px;}
/* \*/ * html body p { font-size: 80%; } /* */



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

#pageHeader {width: 750px;height: 119px;}
#wrapper {margin: -2em 4%;}
#wrapper_top {margin-top: 35px;margin-left: -5px; }
#wrapper_left {float:left;margin-left: -20px;margin-top: -20px; width: 210px;}
#wrapper_right {float:right; width: 77%; margin-top: 15px;}
#wrapper_footer {clear:both; height: 30px;}
#quote {font-size: 90%; font-style: italic; font-weight: bold;}
#courses ul,li {margin-left: 0px;}



.MainFeature {font-size: 110%; width: 97%;  }
.introduction {font: 14px/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom: 1px solid #0066cc; z-index: 9; width: 97%; margin-bottom: 10px; padding-bottom: 10px; }
.introduction h2 {color: #019593; letter-spacing: 3px;  font-variant: normal; font-size: 130%; font-family: Arial, Helvetica, sans-serif; }
.introduction img {padding: 3px;}


#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 { font-family: Arial, Verdana, Helvetica; font-size: 75%;margin-left: 220px;	border-top-style: none;	z-index: 100;	width: 690px;	text-align: left;}
#nav, #nav ul { /* all lists */padding: 0; margin: 0; list-style: none; line-height: 2em;font-weight: bold; background: none; z-index:10; }
#nav ul li { padding-left: 3px; font-weight: bold; }
#nav a {display: block; width: 8em; color: #fff; text-decoration: none; padding-bottom: 2px; margin-left: 12px; margin-top: -2px; }
#nav li { /* all list items */float: left; width:8.5em; font-weight: bold; text-align:center; /* width needed or else Opera goes nuts */}
#nav li ul { /* second-level lists */ position: absolute; width:13em;background: white;  left: -999em; border:1px; border-style: solid;  /* 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; width: 12em;}
#nav li ul a:visited {line-height: 16px; text-align: left;  font-weight: bold; width: 12em;}
#nav li ul a:hover {color: #fff;line-height: 16px; background-color: #0068C6;  font-weight: bold; width: 12em;}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
#nav li:hover {position:static;}



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

#navlist {padding-left: 10px; margin-left: 10px; border-bottom: 1px solid gray; width: 180px; margin-top: 35px; float:left;}
#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: #019593}
#navlist li a:hover { text-decoration: none; font-family: arial, verdana, helvetica; font-size: 80%; font-weight: bold; color: #cccccc;}

#breadcrumbs {}
#breadcrumbs a { color: #019593; text-decoration: none; }
#breadcrumbs a:hover { color: #000000; text-decoration: underline;}
#breadcrumbs ul li{font-size: 65%; color: #019593;  display: inline; list-style-type: none; margin: 0px; line-height: 10px;}
#breadcrumbs ul {	margin:0px;padding: 0px; width: 100%;}


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

#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: 1; font-size: 100%; font-weight: bold; background: none; margin-left: 0px; padding-left: 0px; }
#quicklinks ul li {font-size: 75%; padding-left: 0px; font-weight: bold; }
#quicklinks a {display: block; width: 13.5em; 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(/images/File,272,en.png); background-repeat: no-repeat; line-height: 2px; padding-left: 12px;z-index: 10;}



/*
----------------------------------------------------------------------------- 
BASIC LISTS
-----------------------------------------------------------------------------
*/
	
.MainFeature ul{font-size: 90%; color:#000000; list-style: disc; }
#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/rhs_latestNews.png) no-repeat;}
#en h3.latest_research { background: transparent url(../images/text/rhs_latestresearch.png) no-repeat;}
#en h3.archives { background: transparent url(../images/text/rhs_news_archive.png) no-repeat; }
#en h3.inthissection { background: transparent url(../images/text/rhs_inthissection.png) no-repeat; }
#en h3.vacancies { background: transparent url(../images/text/rhs_vacancies.png) no-repeat; }
#en h3.happening {background: transparent url(../images/text/rhs_whatshappening.png)  no-repeat; margin-top: 1px;}
#en h3.research {background: transparent url(../images/text/rhs_research.png)  no-repeat; margin-top: 1px;}
#en h3.news {background: transparent url(../images/text/rhs_news.png)  no-repeat; margin-top: 1px;}
#en h3.documents{background: transparent url(../images/text/rhs_documents.png)  no-repeat; margin-top: 1px;}
#en h3.aboutus{background: transparent url(../images/text/rhs_aboutus.png)  no-repeat; margin-top: 1px;}

Cymraeg
#cy h3.latest_news { background: transparent url(../images/cy/text/rhs_latestnews_cy.png) no-repeat;}
#cy h3.latest_research { background: transparent url(../images/cy/text/rhs_latestresearch_cy.png) no-repeat;}
#cy h3.archives { background: transparent url(../images/cy/text/rhs_newsarchive_cy.png) no-repeat; }
#cy h3.inthissection { background: transparent url(../images/cy/text/rhs_inthissection_cy.png) no-repeat; }
#cy h3.vacancies { background: transparent url(../images/cy/text/rhs_swyddi_cy.png) no-repeat; }
#cy h3.happening {background: transparent url(../images/cy/text/rhs_happening_cy.png)  no-repeat; margin-top: 1px;}
#cy h3.research {background: transparent url(../images/cy/text/rhs_ymchwil_cy.png)  no-repeat; margin-top: 1px;}
#cy h3.news {background: transparent url(../images/cy/text/rhs_news_cy.png)  no-repeat; margin-top: 1px;}
#cy h3.documents{background: transparent url(../images/cy/text/rhs_documents_sy.png)  no-repeat; margin-top: 1px;}
#cy h3.aboutus{background: transparent url(../images/cy/text/rhs_aboutus.png)  no-repeat; margin-top: 1px;}

*/

.az {	margin-left: 210px; margin-bottom: -40px; margin-top: 40px;}
.az li {font-size: 80%;display:inline; padding: 3px; border: 1px solid #0066cc; border-style: solid;  border-bottom: 0px;  border-left: 0px;  border-top: 0px;   }
.even {font-size: 80%; background-color: #E3EEF8; color: #0066cc; width: 90%; height: 20px; font-weight:bold; padding-left: 10px;}
.odd {font-size: 80%; background-color: #ffffff; color: #0066cc; width: 90%; height: 20px;font-weight:bold;padding-left: 10px;}
.even a {	color: #0066cc; text-decoration:none;}
.odd a {	color: #0066cc; text-decoration:none;}


/*
----------------------------------------------------------------------------- 
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: 3%; }
.left { float: left; margin-right: 3%; }
	
/*
----------------------------------------------------------------------------- 
CONTACTS
-----------------------------------------------------------------------------
*/
.contacts {font: small-caps 15px/1.3em arial, helvetica, verdana, sans-serif; position: relative; top:40px; margin-left: 20px;left: 36px;border-bottom: 1px solid #0066cc; z-index: 9; width: 65%;  padding-bottom:5px;}
.contacts h2 {color: #0066cc; letter-spacing: 3px;  font-variant: normal; font-size: 130%; }

.contactdetails{margin-top: 45px; margin-left: 105px; width: 65%; padding: 0 0 0 0; font-size: 110%;}
.address {font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 90%; padding-bottom: 30px;margin-bottom: 10px;}

/*
----------------------------------------------------------------------------- 
TABLEs
-----------------------------------------------------------------------------
*/
.MainFeature table {border: 1px;  border-style: solid; color:#000000; width: 98%;border-color: #993333; }
.MainFeature table td {border: 1px;  border-style: solid; border-color: #E9E3E3; padding: 4px;font-size: 90%; }
.MainFeature table th {border: 0px;  border-style: solid; background-color: #019593; text-align:center;font-size: 100%; color: #ffffff; }
.MainFeature table h5 {color: #993333;}
.MainFeature table h4 {color: #993333;}
.MainFeature .fees {width: 98%; border:1px; border-style: solid; border-color: #cccccc;border-collapse: collapse; margin-bottom: 25px;}
.MainFeature .fees tr {background-color: #EAF0F5;  }
.MainFeature .fees th {background-color:#024486;font-size: 80%; text-align: left;line-height: 25px;padding: 0 0 0 10px; color: #ffffff; font-weight:bold;}
.MainFeature .fees td {font-size: 82%; padding: 10px; color: #024486; font-family: "MS Sans Serif", Geneva, sans-serif;line-height: 14px; font-weight: bold; }
.MainFeature a {color: #019593; text-decoration: none; font-weight: bold;}
.MainFeature a:visited {color: #019593; text-decoration: none; font-weight: bold;}
.MainFeature a:hover {color: #000000; text-decoration: none; font-weight: bold;}

#centreslist {width: 90%;  font-size: 90%; font-weight:bold; }
#centreslist td {padding-left: 10px;}
#centreslist a {color: #0066cc; text-decoration:none;}
#centreslist a:hover {color: #922; text-decoration:underline;}