/* Shining at me */

/*

------------------------------------------------------
Copyright Bruno Kerrien,
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------
Adapted for eLanguages, University of Southampton
by Andrew Davey, a.davey@soton.ac.uk

*/

.personpic {
margin: 5px;
padding: 5px;
float: right;
border: 1px solid #CCC;
}

.bigpic {
margin: 0px 0px 0px -6px;
padding: 0px 0px 0px 0px;
float: left;
border: 0;
}

body {
background: #c6c6c6;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
text-align: center;
font-size: small;
}

ul.cont {
padding: 0px 0px 0px 24px;
margin: 0px 0px 0px 4px;
text-align: left;
list-style-image : url("images/bullet.gif");
list-style-type : disc;
}

/* --- Links --------- */

a:link {
color: #36f;
text-decoration: none;
}

a:active {
color: #c00;
text-decoration: underline;
}

a:visited {
color: #969;
text-decoration: none;
}

a:hover {
color: #c00;
text-decoration: underline;
}

img {
border: 0;
}

/* --- H1, H2, H3 --------- */

h1, h2, h3 {
font-family:  Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin-top: 0;
color: #369;
}

h1 {
background: transparent url("images/bullet_red.gif") no-repeat 0 6px;
border-bottom: 1px dotted #930;
padding-left: 12px;
font-size: 150%;
}

h2 {
background: transparent url("images/bullet_orange.gif") no-repeat 0 6px;
padding-left: 10px;
font-size: 133%;
margin: 20px 0px 6px 0px;
}

h2.event {
background: transparent url("images/bullet_orange.gif") no-repeat 0 6px;
padding-left: 10px;
font-size: 133%;
margin: 2px 0px 2px 0px;
}

h3 {
background: transparent url("images/small_bullet_yellow.gif") no-repeat 0 75%;
padding-left: 8px;
font-style: italic;
font-size: 110%;
padding-top: 12px;
margin: 10px 0px 4px 0px;
}

h3.event {
background: transparent url("images/small_bullet_yellow.gif") no-repeat 0 75%;
padding-left: 8px;
font-style: italic;
font-size: 110%;
padding-top: 2px;
margin: 18px 0px 2px 0px;
}

#content p.event {
margin: 0px 0px 6px 0px;
}

/* --- Wrap --------- */

#wrap {
background: transparent url("images/bgd_container.gif") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 100%;
text-align: left;
}

#wrapb {
background: transparent url("images/bgd_container2.gif") repeat-y top left;
width: 792px;
margin: 0 auto;
padding: 0;
height: 100%;
text-align: left;
}

/* --- Banner --------- */

#banner {
background: transparent url("images/header.jpg") no-repeat top left;
height: 70px;
margin: 0;
}

#banner p {
background: transparent url("images/large_bullet_yellow.gif") no-repeat 0 50%;
font-family:  Georgia, "Times New Roman", Times, serif;
font-size: 26pt;
text-indent: 20px;
color: #fff;
margin: 0px 48px 0px 48px;
padding-top: 0px;
min-height: 11px;
line-height: 1.3em;
vertical-align: top;
}

#toptext p {
font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
background: none;
font-size: 10pt;
color: #ccf;
margin: 0px 0px 0px 30px;
padding-top: 0.6em;
line-height: 1.25em;
}

/* --- Nav top level --------- */

#nav-toplevel {
background: transparent url("images/toplevel.jpg") no-repeat top left;
height: 48px;
}

#nav-toplevel ul {
list-style-image: none;
margin: 0;
padding: 0;
}

/* --- Nav meta --------- */

#nav-meta {
height: 22px;
font-size: 90%;
line-height: 1.25em;
}

#nav-meta ul {
margin: -1px 24px 0 40px;
}

#nav-meta ul li {
display: inline;
float: right;
}

#nav-meta ul li a {
display: block;
background: transparent url("images/small_bullet_blue.gif") no-repeat 0 50%;
padding: 0 16px 0 8px;
color: #abf;
text-decoration: none;
}

#nav-meta ul li a:hover {
background: transparent url("images/small_bullet_yellow.gif") no-repeat 0 50%;
color: #FFF;
}

/* --- Nav main --------- */

#nav-main {
background: #eee;
font-size: 100%;
font-weight: bold;
}

#nav-main ul {
margin-left: 16px;
}

#nav-main ul li {
display: inline;
float: left;
margin-right: 3px;
width: 110px;
text-align: center;
}

#nav-main ul li a {
display: block;
background: transparent url("images/tabs.gif") no-repeat 0 0;
height: 26px;
line-height: 26px;
color: #2D598D;
text-decoration: none;
font-weight: bold;
}

#nav-main ul li a.current {
background: transparent url("images/tabs.gif") no-repeat 0 -52px;
color: #930;
}

#nav-main ul li a:hover {
background: transparent url("images/tabs.gif") no-repeat 0 -26px;
color: #930;
}

#nav-main ul li a.current:hover {
background: transparent url("images/tabs.gif") no-repeat 0 -52px;
}

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

#bread {
background: transparent url("images/pix.gif") repeat 0;
padding: 8px 0px 0px 20px;
font-size: 80%;
color: #306;
}

/* --- Container --------- */

#container {
margin: 0 17px;
}

/* --- Content --------- */

#content {
margin: 0;
padding: 8px 16px 16px 16px;
width: 532px;
}

#content p, #content ol, #content ul {
font-size: 100%;
line-height: 1.4em;
margin: 0px 0px 10px 0px;
}

/* --- Nav subs --------- */
#nav-subs {
position: absolute; top:138px;
width: 194px;
margin: 0px 0px 0px 564px;
padding: 0;
font-size: 100%;
line-height: 1.5em;
min-height: 500px;
}

#nav-subs ul {
list-style: none;
margin-left: 12px;
margin-right: 10px;
padding-left: 0;
border-top: 1px solid #8EA7C6;
}

#nav-subs ul li {
padding: 1px 0;
border-bottom: 1px solid #8EA7C6;
}

#nav-subs ul li a {
position: relative;
display: block;
float: left;
width: 100%;
background: transparent url("images/small_bullet_red.gif") no-repeat 4px 8px;
color: #2D598D;
text-indent: 14px;
text-decoration: none;
}

html>body #nav-subs ul li a {
float: none;
}

#nav-subs ul li a:hover {
background: #E5F0F5 url("images/small_bullet_red.gif") no-repeat 4px 50%;
color: #930;
}

#nav-subs ul li a.youarehere {
color: #930;
}

/* --- Nav section --------- */

#nav-section {
background: transparent url("images/bgd_sidebar_top.jpg") no-repeat top left;
padding-top: 24px;
min-height: 156px;
}

/* --- Nav supp --------- */

#nav-supp {
background: transparent url("images/bgd_sidebar_sub.jpg") no-repeat top left;
padding-top: 8px;
min-height: 156px;
}

/* --- Footer --------- */

#elang {
float: left;
margin: 4px 8px 0px 22px;
border: 0;
}

#dolph {
float: right;
margin: 4px 22px 4px 8px;
border: 0;
}

/* --- Info site --------- */

#info-site {
background: transparent url("images/footer.jpg") no-repeat top left;
width: 792px;
padding-top: 12px;
text-align: center;
}

#info-site p {
font-size: 90%;
margin: 0px;
line-height: 1.6em;
}

#info-site a {
color: #636;
margin: 0px;
line-height: 1.4em;
}

#info-siteb {
background: transparent url("images/footerb.jpg") no-repeat top left;
width: 792px;
padding-top: 12px;
text-align: center;
}

#info-siteb p {
font-size: 90%;
margin: 0px;
line-height: 1.6em;
}

#info-siteb a {
color: #636;
margin: 0px;
line-height: 1.4em;
}

#pr {
text-align: right;
margin: 0px 20px 10px 0px;
}