body {
padding:15px 0 0 0;
margin:0;
font:76% tahoma, verdana, sans-serif;
background:#e0e0e0;
color:#303030;
}

a {
color:#303030;
text-decoration:none;
border-bottom:1px solid #CCCCCC;
}

a:hover {
color:#000099;
text-decoration:none;
border-bottom:1px solid #0000CC;
}

h1 {
margin:0 0 12px 0;
font-size:1.6em;
font-weight:normal;
}

h2 {
margin:0 0 12px 0;
font-size:1.6em;
font-weight:normal;
}

h3 {
margin:0 0 0px 0;
font-size:1.1em;
font-weight:normal;
}

p {
margin:0 0 5px 0;
padding:0 0 0 10px;
line-height:1.5em;
text-align:left;
}

ul {
margin:0 0 5px 0;
line-height:1.5em;
text-align:left;
}

a img {
border:0;
}

/* Main container */

#container {
margin:0 auto 10px auto;
width:86%;
padding:5px 15px 20px 15px;
background:#ffffff;
}

/* Site title section */

#newlogo {
float:left;
height:100px;
margin:0px 0 0 0;
border:0px solid #d8d8d8;
}

#newlogo h1{
color:#0000cc;
border:none;
font-size:3.0em;
font-weight:bold
}

#newlogo h1 a{
color:#0000cc;
border:none;
font-weight:bold
}

#newlogo h1 a:hover {
color:#0000cc;
text-decoration:none;
border:none;
font-weight:bold
}

#logo {
width:370px;
float: left;
margin:16px 0px 0px 60px;
border:0px solid #d8d8d8;
overflow: hidden;
}


#logo h1 a {
color:#0103f4;
border:none;
font-size:1.5em;
font-weight: heavy;
}

#logo h1 {
color:#505050;
padding:18px 0px 0px 0px;
border:none;
}

#logo h1 a:hover {
color:#303030;
text-decoration:none;
border:none;
}

#search {
width:23%;
float:left;
padding:10px 0px 0px 0px;
margin:3px 0 5px 0;
border:0px solid #d8d8d8;
}

#search h1 a {
color:#505050;
border:none;
}

#search h1 a:hover {
color:#303030;
text-decoration:none;
border:none;
}

#topad {
float: right;
margin: 20px 25px 0 0;
padding:0px;
border:0px solid #d8d8d8;
}

#topad h1 a {
color:#505050;
border:none;
}

#topad h1 a:hover {
color:#303030;
text-decoration:none;
border:none;
}



/* Toptab menu */

#toptabs {
margin:8px auto -1px 27px;
font-size:0.8em;

}

#toptabs p {
text-align:left;
color:#808080;
}

.toptab {
padding:4px 4px 4px 4px;
margin:0 0px 0 0;
text-decoration:none;
background:#0000CC url(images/corner2.gif) top right no-repeat;
color:#ffffff;
border-bottom:1px solid #e0e0e0;

}

.toptab:hover {
background:#fafafa url(images/corner2.gif) top right no-repeat;
border-bottom:2px solid #ffffff;
color:#505050;
text-decoration:none;
}

.activetoptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
color:#505050;
text-decoration:none;
background:#ffffff url(images/corner2.gif) top right no-repeat;
border-bottom:2px solid #ffffff;
}

.activetoptab:hover {
text-decoration:none;
border-bottom:2px solid #ffffff;
}

/* Navitab menu */

#navitabs {
clear:both;
}

.navitab {
padding:4px 4px 4px 4px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1.0em;
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}

.navitab:hover {
text-decoration:none;
background:#d0d0d0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activenavitab {
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 4px 0;
font-size:1.1em;
text-decoration:none;
background:#0000cc url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #0000cc;
}

.activenavitab:hover {
text-decoration:none;
color:#ffffff;
}

/* Header description */

#desc {
height:200px;
color:#ffffff;
padding:0 0 0 15px;
background: #0000cc url(images/); 
background-repeat : repeat-x;
clear:both;
margin:4px 0 15px 0;
overflow: hidden;
}

#desc p {
width:70%;
font-size:1em;
line-height:1.3em;
padding:0 0 0 5px;
}

#desc h1 {
padding:15px 15px 0 5px;
color:#ffffff;
}

#desc h2 {
padding:15px 15px 0 5px;
color:#ffffff;
}

#desc a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}

#desc a:hover {
color:#303030;
text-decoration:none;
border:none;
}

#marquee {
margin:0px 0px 20px 15px;
}

#top ad {
height:100px;
color:#ffffff;
padding:0;
background:#0000CC url(images/.jpg) top left no-repeat;
clear:both;
margin:15px 100px 15px 0;
}







/* Main content */

#main {
width:68%;
float:left;
padding:0 5px 0 0;
margin:0;
border:0px solid #d8d8d8;
}

#adbox {
width:255px;
float:right;
padding:0 0px 0 0;
margin:0 45px 0 10px;
a:hover color:#ffffff; text-decoration:underline;
}

#imageDiv { 
width: 251px;
height: 79px;
float: right;
margin-top: -15px;
}

#imageDiv a {
color:#ffffff;
text-decoration:none;
}

#imageDiv a:hover {
color:#303030;
text-decoration:none;
border:none;
}

#featurebox1 {
float:left;
width:340px;
padding:0px 0px 0px 0px;
margin:3px 5px 3px 0px;
border:0px solid #d8d8d8;
}

#rssfeedbox {
float:right;
width:320px;
height:160px;
padding:3px;
margin:0px 5px 3px 0px;
border:1px solid #d8d8d8;
}

#contentbox {
width:535px;
float:left;
padding:5px 5px 0 0;
margin:0;
border:1px solid #d8d8d8;

}

#picture {
width:200px;
float:left;
padding:0 15px 0 0;
margin:30px 0 5px 0;
}

#map{
width:97%;
float:left;
padding:2px;
margin:10px 10px 10px 0;
background-color:#f0f0f0;
border-style:double;1px solid #a0a0a0;
overflow: hidden;
}

#map2{
float:right;
background-color:#f0f0f0;
}

/* leftbar */

#leftbar {
width:160px;
float:left;
}

#leftbar p {
font-size:0.9em;
line-height:1.3em;
padding:0 15px 0 0;
margin:0;
border-right:1px solid #d8d8d8;
}

/* midbar */

#midbar {
width:16%;
min-width:164px;
float:left;
padding:2px 1px 2px 1px;
overflow: hidden;
border:0px solid #d8d8d8;
}

#midbar p {
font-size:0.9em;
line-height:1.3em;
margin: 0 0 15px 0;
}

#midbar ul {
font-size:0.9em;
line-height:1.3em;
padding: 0 0 0 0;
}

#jobbox {
float:left;
width:95%;
padding:5px 5px 5px 10px;
margin:5px 5px 15px 0px;
border:1px solid #d8d8d8;
}

#jobbox p {
margin:0 0 0 0;
line-height:1.5em;
text-align:left;
}

#graduation {
width:152px;
height:250px;
border:4px solid #59399c;
background-image:url('images/Portsmouth_University_graduation.jpg');
}

#graduation h1{
color:#ffffff;
text-align:center;
font-family:arial;
font-size:18px;
}

#graduation a {
color:#ffffff;
}

#graduation a:hover {
color:#999999;
}  

#newbox {
float:left;
width:95%;
padding:5px 5px 5px 5px;
margin:5px 5px 5px 0px;
border:1px solid #d8d8d8;
}

#newbox p {
margin:0 0 0 0;
line-height:1.5em;
text-align:left;
}

.newbox {
float:left;
width:95%;
padding:5px 5px 5px 5px;
margin:5px 5px 5px 0px;
border:1px solid #d8d8d8;
}

.newbox p {
margin:0 0 0 0;
line-height:1.5em;
text-align:left;
}

#featurebox {
float:right;
width:40%;
padding:5px 5px 5px 5px;
margin:5px;
border:1px solid #d8d8d8;
}

#newbox1 {
float:left;
width:95%;
padding:5px 5px 5px 5px;
margin:5px 5px 5px 0px;
border:0px solid #d8d8d8;
}

.newbox1 {
float:left;
width:95%;
padding:5px 5px 5px 5px;
margin:5px 5px 5px 0px;
border:0px solid #d8d8d8;
}


#newbox2 {
float:left;
width:582px;
padding:5px;
margin:0 0 0 0;
border:1px solid #d8d8d8;
}

#blueboxnarrow {
position: relative;
width: 150px;
border:1px solid #000000;
padding:10px 5px 10px 5px;
background:#CCCCFF ;
}

#horizontaladbox {
float: left;
width: 95%;
margin: 10px 0 10px 0;
border: solid #7B7B7B 1px;
padding:10px 5px 5px 5px;
background:#FFFF66 ;
}

#blue2boxnarrow {
position: relative;
width: 150px;
border: solid #000000 0px;
padding:10px;
background:#9999CC url(images/corner.gif) top right no-repeat;
}

#yellowboxnarrow {
width: 150px;
position: relative;
border: solid #000000 0px;
padding:10px;
background:#FFFFCC url(images/corner.gif) top right no-repeat;
}

#yellowboxindex {
position: relative;
width: 250px;
float:right;
border: solid #000000 0px;
padding:5px;
background:#FFFFCC url(images/corner.gif) top right no-repeat;
}

#blueboxindex {
position: relative;
float:left;
width: 260px;
border: solid #000000 0px;
padding:5px;
background:#CCCCFF url(images/corner.gif) top right no-repeat;
}

#blue2index {
position: relative;
float:right;
width: 260px;
border: solid #000000 0px;
padding:5px;
background:#CAE2FA url(images/corner.gif) top right no-repeat;
}

/* rightbar */

#rightbar {
width:15%;
float:left;

}

#rightbar p {
font-size:0.9em;
line-height:1.3em;
margin:0 0 15px 0;
}

/* Footer */

#footer {
clear:both;
background:#fafafa;
padding:0;
margin:0;
border-top:1px solid #d8d8d8;
}



/* Sidebar */

#sidebar {
width:14%;
min-width:130px;
float:left;
border:0px solid #d8d8d8;
overflow: hidden;
}

#sidebar p {
font-size:0.9em;
line-height:1.3em;
margin:0 0 5px 0;
}

#sidebar a {
color:#000000;
text-decoration:none;
}

#sidebar ul {
margin:0 0 5px 0;
line-height:1.5em;
text-align:left;
}



/* Footer */

#footer {
clear:both;
background:#fafafa;
padding:0;
margin:0;
border-top:1px solid #d8d8d8;
}

#footer a {
color:#808080;
}

#footer a:hover {
color:#303030;
}

#footer p {
color:#808080;
font-size:1.1em;
line-height:1.3em;
margin:15px 0 0 0;
padding:0;
text-align:center;
}

/* Various classes */

.photo {
padding:2px;
margin:3px 3px 2px 3px;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.right {
margin-top:-8px;
text-align:right;
}

.block {
background:#f0f0f0;
width:95%;
padding:6px;
}

.sidelink {
text-align:left;
display:block;
width:120px;
background:#f0f0f0 url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
border:none;
}

.sidelink:hover {
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration:none;
border:none;
}

.hide {
display:none;
}