/* Swansea University 2 Column layout Stylesheet : Created by Chris Rees, Web Designer 22 October 2009 */
/* All associated graphics copyright 2007 Swansea University */


/*
----------------------------------------------------------------------------- 
Main Page Structure 
----------------------------------------------------------------------------- 
*/

#pageheader {width: 100%; height: 140px; background-image: url(/images/headers/File,273,en.png); background-repeat: repeat-x; }
#en #intro {width: 100%;background: url(/images/headers/File,273,en.png) repeat-x;  height:120px;}
#pageheader h1 {display:none;}
#en #container {position: relative;text-align: left;margin: 10px auto;width: 920px; border: 1px solid #666; background-image: url(/images/backgrounds/Download,41033,en.jpg); background-position: bottom; background-repeat: no-repeat; position: relative;text-align: left;margin: 10px auto;1px solid #000;} 
#cy #intro {width: 100%;background: url(/cy/images/headers/File,912,cy.png) repeat-x;  height:120px;}
#cy #container {position: relative;text-align: left;margin: 10px auto;width: 920px;border: 1px solid #000; 
	background-image: url(/images/backgrounds/Download,41033,en.jpg);
	background-position: bottom;
	background-repeat: no-repeat; }
.introduction {border-bottom:solid 2px #eee;}
.introduction p {font-weight:bold; font-size:12px; padding-bottom:10px; line-height:1.7em;}
.introduction h2 { line-height:1.2em; letter-spacing: 0px;}

/*
----------------------------------------------------------------------------- 
Breadcrumb styling 
----------------------------------------------------------------------------- 
*/

#breadcrumbs ul {font-size:12px; margin-left:0px; background-color:#f3f3f3; padding-top: 10px; padding-right: 5px; padding-left:10px; padding-bottom: 10px;
		color: #006; width:830px; }
h2 {font-weight:normal; font-size: 1.5em;}
.introduction h2 {font-weight:normal; font-size: 1.5em; color:#003399;}
h3 {color:#003399;}
h4 {clear:both;}

/*
----------------------------------------------------------------------------- 
FOOTER STYLES
-----------------------------------------------------------------------------
*/

#footer {
	border: 1px;
	border-style: solid;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	width:920px;
	background-color: #FFFFFF;
	background-image: url(/images/backgrounds/File,30497,en.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top:6px;
	padding-bottom:10px;
	background-position: bottom;
}
#footer a {padding: 2px 5px; color: #0066cc; border: none; margin: 0; text-transform: uppercase; letter-spacing: 1px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 65%; line-height: 1.2em; font-weight: bold;}
#footer a:hover {background: #0066cc;	border: none;	color: #ffffff;}
#footer img {padding-left: 10px; padding-top: 3px; }
.footer-links {width: 600px; float: left; margin-top: 10px; margin-left: 15px;}
.footer-search {float: left; width: 240px; margin-left: 65px;}
*html .footer-search {float: left; width: 240px; margin-left: 45px;}
#footer form {margin-top: -5px; float:right;}
#footer label {display:none;}
.button{ margin-top:5px; margin-right:10px;}

/*
----------------------------------------------------------------------------- 
LEFTNAV STYLE ADJUSTMENTS
-----------------------------------------------------------------------------
*/
#navlist {width:190px; border:none; }
#wrapper_left {margin-bottom:150px; display:block;}
#wrapper_left ul li {border:none; margin-bottom:0px; }
ul#navlist{margin-left:14px; background-repeat: repeat;	padding-top:0px;	background-image: url(images/backgrounds/nav_transparent_bg.png);	padding-bottom: 15px;	margin-right: 0px;}
#wrapper_left ul li a:link {border-bottom:dotted 1px #ccc;	width:175px; display:block;	color:#003399;	padding-left:8px;	padding-top:3px; padding-bottom:3px;}
#wrapper_left ul li a:visited{border-bottom:dotted 1px #ccc; width:175px; display:block; color:#003399; padding-left:8px; padding-top:3px; padding-bottom:3px;}
#wrapper_left ul li a:hover{border-bottom:dotted 1px #000; background-color:#fafafa; width:175px; display:block;color:#003399; padding-left:8px;
	padding-top:3px; }
	
	
/*
----------------------------------------------------------------------------- 
    MAINCONTENT WINDOW STYLES
-----------------------------------------------------------------------------
*/	
	
#wrapper_right {	font-family: Arial, Helvetica, sans-serif; margin-left: 10px; margin-bottom:150px; width:645px; }
.MainFeature p {padding-bottom:5px;}
.intro-bold {font-weight: bold; font-size: 1.3em; line-height: 1.3em;}
#wrapper_right p img {float:right; margin:10px 0px 0px 10px;}
hr {width: 98%; display: block; clear: both;	color: #FFF;	border:solid #fff;}


/* -----------------------------------
     Staff profile page styles 
--------------------------------------*/
.profile_wrapper {clear:both; ;}
.staff_image {	height: 140px;	width: 115px;	display: block;	float: left;	margin-top: 5px;	background-image: url(/images/backgrounds/File,41077,en.png);	background-repeat: no-repeat;	padding-left: 13px;	padding-top: 10px;}
.staff_profile_info {width: 490px;	float: left;	margin-left: 6px;    margin-bottom: 10px;	display: block;}
.staff_profile_info p{font-size: .9em;	margin-left: 20px; margin-right: 10px;	margin-top: 5px; margin-bottom: 5px;}
.staff_profile_info h3 {	margin-bottom:0px;	margin-top: 10px;	margin-right: 0px;	margin-left: 10px;	font-size: 1em;	background-color: #fafafa;	color: #000;	padding-top: 2px;	padding-right: 5px;	padding-bottom: 2px;	padding-left: 10px;   }
.job_title {	font-weight: bold;	color: #006;}
.staff_profile_info a:link {color:#003399; text-decoration:none; font-weight:bold;}
.staff_profile_info a:visited {color:#003399; text-decoration:none; font-weight:bold;}
.staff_profile_info a:hover {color:#003399; text-decoration:underline; font-weight:bold;}

.next_prev_links a{color:#fff; text-decoration:none;}
.next_prev_links a:hover{color:#fff; text-decoration:underline;}

/* -----------------------------------
    Feedback Form styles 
--------------------------------------*/

#wrapper_right input, textarea {background-color:#fff; border:1px solid #ccc; padding:2px;}
#wrapper_right label{background-color:#fff; display:block; padding-left:5px; border:solid 1px #ccc; background-color:#eee;}
#wrapper_right #Submit {color:#000; padding:3px; padding-right:10px; padding-left:6px; background-repeat: no-repeat; }

/*---------------------------------------
Campus Expansion pages
-----------------------------------------*/

.intro-highlight { line-height:1.5em;font-size:.9em; color:#000;  padding-top:10px;padding-right:5px; font-weight:bold;}
#large_image_header {width:630px; height:185px; background-color:#000; margin-bottom:15px;}
#two_thirds-Left {width:68%;  float:left; margin-bottom:150px; margin-top:5px; border-right: dotted 2px #ccc;padding-right:15px;}
#two_thirds-Left p {margin-top:10px;}
#two_thirds-Left img {background-color:#fff; border: solid 1px #ccc; padding:5px;}

#one_third-right {width:27%; float:left; margin-left:0px; margin-top:5px;  padding-right:0px;  height:100%; padding-left:14px; padding-top:10px; padding-bottom: 40px; border:none;}
#one_third-right ul {font-weight:bold; margin-left:16px; padding-left:0px; padding-bottom:5px; padding-top:0px; margin-top:0px;padding-right:5px;}
#one_third-right ul li{color:#666; margin-left:0px; padding-left:0px; list-style-position: outside; font-size:.8em; line-height:1.3em; border-bottom:dotted 1px #888; padding-bottom:5px; padding-top:5px; list-style-type: square;}
#one_third-right img {margin-bottom:0px; border: 1px solid #ccc; padding:4px;}
#one_third-right h3 {color:#fff; background-color:#003399; font-size:.9em; padding-left:15px; padding-bottom:4px; padding-top:2px;}

#one_third-right ul li a:link {color:#000066;}
#one_third-right ul li a:visited{color:#000066;}
#one_third-right ul li a:hover{text-decoration:underline; color:#3366cc;}

dl {margin-top:0px; overflow: hidden; height: 450px; padding-top:8px;}
dt {background-color:#003399; padding:4px; padding-left:15px;padding-right:15px;color:#fff;}
dd {margin-left:0px; border-left:15px solid #; margin-top:0px;margin-bottom:500px; padding:15px; }

.MainFeature table {width:98%; font-size: 0.8em; margin-left: 0px; margin-top: 25px; margin-bottom: 25px; border:none;}
.MainFeature table td {padding: 4px;	border: 1px solid #ccc; background-image: url(/images/basic/File,35103,en.png);	background-repeat: repeat-x;
	background-position: bottom; color:#000; vertical-align: top;}
.MainFeature table th {padding: 4px; border: 1px solid #407DDA; background-image: url(/images/basic/File,35105,en.jpg);
	text-align: left; color: #FFF; background-color: #6799f2; margin-top: 5px; background-position: top; background-repeat: repeat-x; vertical-align: top;}

ul#QandA li {background-color:#eee; margin-bottom:3px; list-type:none;list-style-type:none;padding:6px;padding-left:10px;}
ul#QandA { margin-left:0px; padding:0px;}