/* Swansea University Basic Text Two Column 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: #0066cc;	margin: 0 0 0.7em 0;	padding: 0;	}
h6 {font-size: 1em;	font-weight: bold;	color: #0066cc;	margin: 0.7em 0 0.7em 0;	padding: 0;	}
p {	font-size: 88%;	margin: 0 0 0.6em 0;	}
.hidden {
	display:none;
}
#home {position: absolute; top:0px; left: 0px;}
/* \*/ * 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/cy/back/back_corporate.jpg);
	background-position: bottom;
	background-repeat: no-repeat; }
#cy #intro {width: 100%;background: url(../images/cy/headers/cy_waves_pantone300.png) repeat-x;}
*/
/*
----------------------------------------------------------------------------- 
BASIC SHARED STYLES
-----------------------------------------------------------------------------
*/
#pageHeader {width: 750px;height: 119px;}
#wrapper {margin: -2em 4%;}
#wrapper_top {margin-top: 30px;margin-left: -12px;}
#wrapper_left {float:left;margin-left: -25px;margin-top: -20px; width: 210px;}
#wrapper_right {float:right; width: 80%; margin-top: 15px;  margin-right: -20px;}
#wrapper_footer {clear:both; height: 30px;}

.introduction {font: 14px/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif; border-bottom: 1px solid #0066cc; z-index: 9; width: 99%;  }
.introduction h2 {color: #0066cc; letter-spacing: 3px;  font-variant: normal; font-size: 130%; font-family: Arial, Helvetica, sans-serif; margin-bottom: 2px; }
.introduction img {padding: 3px;}
.introduction a {color:#912905; text-decoration: none; font-weight:bold;}
.introduction a:hover {	text-decoration: underline; color: #0066cc;}
.introduction p {padding-top: 5px;}

.column1 {float: left; width: 70%;margin-top: 5px;margin-right: 18px; font-size: 110%; }
.column2 {margin-left: 71%;margin-top: 10px; padding-left: 10px;z-index:100;}
.column_footer {clear:both;}

.MainFeature ul{font-size: 90%; color:#000000; list-style-image: url(/images/basic/File,1836,en.gif); font-weight:bold;}

#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;}

/*
----------------------------------------------------------------------------- 
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 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: #0068C6;}
#navlist li a:hover { text-decoration: none; font-family: arial, verdana, helvetica; font-size: 80%; font-weight: bold; color: #cccccc;}

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


/*
----------------------------------------------------------------------------- 
BASIC LISTS
-----------------------------------------------------------------------------
*/
	
#introduction p.p2 {text-indent: 0;	font: 10px/16px tahoma, verdana, sans-serif;	color: #efece3;	padding: 5px 17px;	margin: 25px 0 0 0;	border-top: 1px solid #923b09;}
#introduction p.p2 a {color: #efece3;	border: none;	font-weight: bold;	}
#introduction p.p2 a:hover {color: #ec9;	}
#introduction p.p1 {display: none;}
.column1 ul{font-size: 85%; color:#000000;}
#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;}


/*
----------------------------------------------------------------------------- 
COURSE TEMPLATE SETTINGS
-----------------------------------------------------------------------------
*/
.course_duration{padding-left: 25px; width:90%; border:1px; border-style: dotted; margin: 10px 0px 10px 0px;}
.course_description{	}
.course_entry { background-color:#E9ECEF; padding: 1px 10px 10px 10px; border: 1px; border-style: solid; }
.course_assessment{ padding: 10px 0px 0px 0px;}
.course_fees{	}
.course_enrol{	}
.course_study {background: #ffffff;  font-weight: bold; width: 28%; border: 1px; border-style: solid; text-align: center; padding: 2px; margin-bottom: 5px;font-size: 90%; float: left;}
.course_apply{  border: 1px; border-style: solid; padding: 25px 0px 10px 10px; width: 160px; background: transparent url(/images/basic/File,1769,en.png) no-repeat; font-family: verdana, helvetica, arial; font-size: 90%; line-height: 11px;  margin-bottom: 5px; }
.course_contact{ top: 210px; border: 1px; border-style: solid; padding: 25px 0px 10px 10px; width: 160px; background: transparent url(/images/basic/File,1770,en.png) no-repeat; font-family: verdana, helvetica, arial; font-size: 95%; line-height: 11px;  margin-bottom: 5px; }
.course_status{  top: 310px; border: 1px; border-style: solid; padding: 25px 0px 10px 10px; width: 160px; background: transparent url(/images/text/File,2211,en.png) no-repeat; font-family: verdana, helvetica, arial; font-size: 70%; line-height: 11px;  margin-bottom: 5px; }
.course_ucas{  margin: 0px 0px 10px 0px;padding-bottom: 0px;  }
.ucas {margin-left: 10px; font-size: 110%; font-weight: bold; color: #0066cc;}
.portrait img {padding-right: 10px;}
ul#information {margin-left: 0;padding:0px;white-space: nowrap; font-weight:bold;}
#information li{display: inline;list-style-type: none;}
#information a { padding: 3px 10px; }
#information a:link, #information a:visited{color: #fff;background-color: #013A5C;text-decoration: none;}
#information a:hover {color: #A7CEF4;}
.column1 h5 {border-bottom: 1px; border-style: solid; border-bottom-color: #0066cc;	border-left: 0px;	border-right: 0px;	border-top: 0px;}
.column1 a {color:#912905; text-decoration: none; font-weight:bold;}
.column1 a:hover {	text-decoration: underline; color: #0066cc;}
.column2 a {color:#912905; text-decoration: none; font-weight:bold;}
.column2 a:hover {	text-decoration: underline; color: #0066cc;}
.MainFeature a {color: #0066cc; text-decoration: none; font-weight: bold; }
.MainFeature a:visited {color: #000000; text-decoration: none; font-weight: bold;}
.MainFeature a:hover {color: #878F97; text-decoration: none; font-weight: bold; text-decoration: underline;}

.left {	float:left;}
.right {	float:right;}
	
/*
----------------------------------------------------------------------------- 
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
-----------------------------------------------------------------------------
*/
.column1 table {border: 1px;  border-style: solid; color:#024486; width: 98%;border-color: #000000; }
.column1 table td {border: 1px;  border-style: solid; border-color: #EAF0F5; padding: 4px;font-size: 82%; }
.column1 table th {border: 0px;  border-style: solid; background-color: #EAF0F5; text-align:center; }