/* Swansea University Corporate Header Stylesheet : Created by Chris Rees, Web Designer, oct 2008 */
/* All associated graphics copyright 2008 Swansea University */

/*
------------------------------------------
 3 column layout content divs 
------------------------------------------
*/
#breadcrumbs {margin-left:20px;}
#physical-science {
	width:900px; 
	position:relative;
}

#footer {
	clear:both;
}

#pageHeader {
	height:120px;
}

#physical-left  p{
	margin-left:5px;
	margin-top:10px;
}

#physical-left  {
	float: left; 
	width: 365px; 
	padding-left: 35px; 
	position: relative; 
	margin-top:35px; }

#physical-right {
	float: left;
	width: 210px;
	margin-top:35px;
	position: relative;
	margin-left: 20px;
}

*html #physical-right {margin-left:0px;}

#physical-middle {
	float: left;
	width: 255px;
	margin-left: 0px;
	position: relative;
	margin-top:45px;
}

.intro-bold {font-size:1.2em; font-weight:bold;}

/* 
-------------------------------------------
right navigation menu
-------------------------------------------
*/
#physical-right ul {
	list-style-type: none;
	display: block;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 200px;
	padding-left: 0px
}


#physical-right ul li a:link {
	display: block;
	list-style-type: none;
	list-style-position: inside;
	height: 27px;
	width: 185px;
	clear: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 0.9em;
	background-image: url('/images/links/File,27512,en.png');
	background-repeat: no-repeat;
	padding-left: 30px;
	text-decoration: none;
	color: #FFFFFF; list-style-type:none
}

#physical-right ul li a:visited{
	display: block;
	list-style-type: none;
	list-style-position: inside;
	height: 27px;
	width: 185px;
	clear: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 0.9em;
	background-image: url('/images/links/File,27512,en.png');
	background-repeat: no-repeat;
	padding-left: 30px;
	text-decoration: none;
	color: #FFFFFF; list-style-type:none
}	

#physical-right ul li a:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-image: url('/images/links/File,27515,en.gif');
	background-repeat: no-repeat;
	display: block;
	list-style-type: none;
	list-style-position: inside;
	height: 27px;
	width: 185px;
	clear: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 0.9em;
	padding-left: 30px;
	text-decoration: none;
	color: #FFFFFF; list-style-type:none
}

#physical-middle ul {
	list-style: none;
	list-style-type:none;
	display: block;
	float: right;
	padding: 0px;
	margin-top: 0px;
	width:auto;
        margin-left:-15px;
}

#physical-middle ul li {
	display: block; 
	float: left; 
	clear: both; 
	height: 98px; 
	list-style-type: none; 
	color: #000000; 
	padding-left: 15px; 
	padding-top: 5px; 
	position:relative; 
}

*html #physical-middle ul li {padding-top:0px;}

#physical-middle ul li a:link  {display: block; float: left; clear: both; height: 98px; list-style-type: none; color: #000000; padding-left: 15px; padding-top: 10px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: bold;}

#physical-middle ul li a:visited  {display: block; float: left; clear: both; height: 98px; list-style-type: none; color: #000000; padding-left: 15px; padding-top: 10px;  text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: .8em; font-weight: bold;}
#comp a:link{background-image: url('/images/links/File,27733,en.gif'); background-repeat: no-repeat; width:220px}
#comp a:visited{background-image: url('/images/links/File,27733,en.gif'); background-repeat: no-repeat;width:220px}
#maths a:link{background-repeat: no-repeat; background-image: url('/images/links/File,27734,en.gif');width:220px}
#maths a:visited{background-image: url('/images/links/File,27734,en.gif'); background-repeat: no-repeat;width:220px}
#physics a:link{background-image: url('/images/links/File,27735,en.gif'); background-repeat: no-repeat;width:220px}
#physics a:visited{background-image: url('/images/links/File,27735,en.gif'); background-repeat: no-repeat;width:220px}
#physical-wide {width: 565px; float: left; margin-left:35px; margin-right:55px;}
#physical-wide ul {list-style:none;	list-style-type:none; margin-left: 15px; padding-left: 0px; font-weight: bold;}
#physical-wide ul li a:link{height: 66px; width: 234px;	display: block;	float: left; margin-right: 10px; margin-left: 0px; color: #000000;
	text-decoration: none;	padding-top: 10px;	padding-left: 10px;}
#physical-wide ul li a:visited{height: 66px; width: 234px; display: block; float: left; margin-right: 10px; margin-left: 0px; color: #000000; text-decoration: none; padding-top: 10px; padding-left: 10px;}
#physical-wide ul li a:hover{height: 66px; width: 234px; display: block; float: left; margin-right: 10px; margin-left: 0px; color: #000000;
	text-decoration: none; padding-top: 10px; padding-left: 10px;}

#history a:link {background-image: url('/images/links/File,27779,en.gif'); background-repeat: no-repeat;width:220px}
#history a:visited {background-image: url('/images/links/File,27779,en.gif'); background-repeat: no-repeat;width:220px }
#history a:hover{background-image: url('/images/links/File,27779,en.gif'); background-repeat: no-repeat;width:220px}
#itwales a:link {background-image: url('/images/links/File,27779,en.gif'); background-repeat: no-repeat;width:220px}
#itwales a:visited {background-image: url('/images/links/File,27779,en.gif'); background-repeat: no-repeat;width:220px }
#itwales a:hover{background-image: url('/images/links/File,27779,en.gif'); background-repeat: no-repeat;width:220px}


/*
--------------------------------------------------------------
 forces footer to sit underneath the content in FFox
--------------------------------------------------------------
*/  

#footer {clear:both;}

#breadcrumbs a {color:#ff6600; text-decoration:none;}
#breadcrumbs a:hover {color:#ff6600; text-decoration:underline;}
#breadcrumbs ul {font-size:.8em;list-type:none; list-style-type:none; padding-left:0px; margin-left:20px;}

/* ------------------------------------------------------------
Who's who page styles 
--------------------------------------------------------------*/

.floatleft {float:left; margin-bottom: 35px; margin-right: 15px; border: 1px solid #999999;}

.pname {color:#FF6600;	font-weight:bold;	margin-top: 0px;	margin-bottom: 5px;	font-size: 1em;}
.jbtitle {	font-weight:bold;	margin-top: 0px;	margin-bottom: 0px;	padding-top: 0px;	padding-bottom: 0px;}

/*-------------------------------------------------------------
News styles
---------------------------------------------------------------*/
#news_header {margin-left:15px;}
#physical-news {width:590px; margin-left:15px;}
#news_sidebar {margin-top:35px; float:left;}

#latest_news {margin-top:65px;}
#physical-news h2{color:#ff6600;}
#news_wrap {margin-bottom: 245px;}


/*-------------------------------------------------------------
Main Page Image styles
---------------------------------------------------------------*/
img {border:0}
#physical-bottom{
	clear:both; 
	height: 100%;
	width: 590px;
	text-align:center;
	margin-left: 5%; 
        margin-bottom:190px;
}
#physical-bottom a {font-weight:bold; color:#000; font-size:1.1em;}
#physical-bottom-left{
	width: 190px; 
	float: left; 
	margin-left: 0; 
	margin-right: 0;
	text-align:center;

}
#physical-bottom-left img{padding-top:60px;}

#physical-bottom-right{
	width: 190px; 
	float: left; 
	margin-left: 0; 
	margin-right:0;
	text-align:center;


}
#physical-bottom-right img{padding-top:60px;}
#physical-bottom-bottom{
        float:left;
	width: 150px;  
	margin-left: 0; 
	margin-right:0;
	text-align:center;


}