/* ================================
    Css STYLES FOR BRUNEL UNIVERSITY
	Sport and Education
    v1.0, 07/2004
   ================================
*/
div#brandbar {background: #009999 url(/templates/themes/sport/images/curve.gif) no-repeat 150px 0px;}
ul.courselistaz{ list-style-image:url(/templates/themes/sport/images/box.gif)}
ul.courselistaz li a:hover{font-weight:normal;color:#009999}
.DocumentsHeader,.LinksHeader,.ContactHeader {background-color: #009999;}
.DocumentsItem,.DocumentAlternate,.LinksItem,.LinksAlternate,.ContactList {color: #009999;background-color: #EfEFEF;}
A.DocumentsItem:link,A.DocumentsItem:active ,A.DocumentsItem:visited ,A.DocumentsItem:hover,A.DocumentAlternate:link,A.DocumentAlternate:active ,A.DocumentAlternate:visited ,A.DocumentAlternate:hover,A.LinksItem:link,A.LinksItem:active ,A.LinksItem:visited ,A.LinksItem:hover,A.LinksAlternate:link,A.LinksAlternate:active ,A.LinksAlternate:visited ,A.LinksAlternate:hover,A.ContactList:link,A.ContactList:active ,A.ContactList:visited ,A.ContactList:hover  {color: #009999;background-color: #EfEFEF;}
ul#leftmenu a  {color : #000000;text-decoration : none;}
ul#leftmenu a:hover  {color: #009999;text-decoration: none;}
ul#leftmenu ul a{font-weight: normal;color: #000000;text-decoration: none;}
ul#leftmenu ul a:hover  {color: #009999;text-decoration: none;font-weight: normal;}
.Menu_Selected{color : #009999;text-decoration : none;}
.brandcolour{background-color: #009999;}
.BrandColourTitle,A.BrandColourTitle:link, a.BrandColourTitle:active, a.BrandColourTitle:visited, a.BrandColourTitle:hover{font-weight: bold;font-size: 110%;color: #009999;}
.CenteredTitle{font-weight: bold;font-size: 110%;color: #009999;text-align: center;}
.tintcolour,.tc{background-color: #EfEFEF;}
h1#PageTitle {padding-bottom: 10px;color: #009999;}
.TitleBar{background-color: #009999;}
div.box {border: 1px solid #009999;padding: 0px;margin: 0em 0.5em 1em 0.5em;background-color: #009999;color:#FFFFFF;}
div.boxcontent {padding: 0.5em;color: #000000;background-color: #EfEFEF;}
div.halfcol {width: 49.8%;float: left;padding: 0px;margin: 0px;}
.ta4topleft,.ta4topcenter,.ta4topright{background-color: #009999;}
.ta4middleleft,.ta4middlecenter,.ta4middleright,.ta4bottomleft,.ta4bottomcenter,.ta4bottomright{background-color: #EfEFEF;color: #009999;}

/* School of Sport and Education */

/* These styles override styles set in other stylesheets for this template only */

ul#utilnav li a {
text-decoration: none; 
color: #ffffff; 
font-weight: bold;
}

#Form1 #sse_dnu {
border-top: dashed 1px #999999;
display: block;
text-align: center;
padding-top: 5px;
color: #666666;
margin-top: 20px;
}

#sse_layouttable #PageTitle {
color: #01B1AF;
margin-bottom: 5px;
padding: 0;
}

#sse_layouttable td.leftmenucol, #leftfoot {
background-color: #EDEDED;
}

#sse_layouttable td.leftmenucol a {
text-decoration: none;
color: #333333;
}

#sse_layouttable div.ContentPane {
width: 100%;
}

#sse_layouttable div.splitcol {
width: auto;
float: none;
}

#sse_layouttable td {
vertical-align:top
}

#sse_layouttable #LeftMenu #leftmenu li {
padding-left: 0;
}

#sse_layouttable #LeftMenu #leftmenu li li {
padding-left: 12px;
background: url(../images/bullet.gif) no-repeat;
background-position: 0 15px;
margin: 0;
}

#sse_layouttable #sse_rightCol div.ContentPane {
background-color: #DCE0F1;
margin-bottom: 20px;
padding-bottom: 5px;
}

#sse_layouttable #sse_rightCol.sse_ptnr div.ContentPane {
background: #DCE0F1;
}

#sse_pageContent .ContactHeader th, #sse_pageContent th.DocumentsHeader {
text-align: left;
background-color: #00B3B0;
color: #ffffff;
border: solid 1px #00B3B0;
border-bottom: hidden;
white-space: nowrap;
}
 
#sse_pageContent .ContactList td {
border: solid 1px #EDEDED;
background-color: #ffffff;
}

#sse_pageContent .ContactList td span, #sse_pageContent .ContactList td a {
background-color: #ffffff;
}
 
/* These apply exclusively to content within SSE */

#sse_content p, #sse_content li, #sse_content td {
font-size: 11px;
line-height: 16px;
margin: 11px 0;
}

#sse_welcome, #sse_pageContent {
width: 595px;
}

div.sse_header {
position:relative;
width:100%;
min-width:720px;
height:72px;
background: #00B1AF;
}

#sse_content {
margin-top: 20px;
width: 850px;
}

#sse_content a {
color: #000000;
}

#sse_content ul {
list-style: none outside;
margin-top: 11px;
}

#sse_content ul li {
padding-left: 12px;
background: url(../images/bullet.gif) no-repeat;
background-position: 0 4px;
#background-position: 0 6px;
margin: 0;
}

#sse_dnu {
display: none;
}

#sse_logo {
position: absolute; top: 22px; left: 0;
z-index: 10;
}

#sse_layouttable {
width: 100%;
min-width:720px;
border-collapse:collapse;
border:0;
margin:0;
padding:0;
}

#sse_layouttable #BreadCrumbTrail {
font-size: 11px;
}

#sse_pageContent {
display: block;
clear: left;
}

#sse_pageContent h2 {
font-size: 14px;
background: #F4B925 url(../images/yellowTitle.gif) top right no-repeat;
background: url(../images/mainH2Bg.gif) no-repeat;
padding: 5px 0 5px 20px;
}

#sse_pageContent.sse_ptnr h2 {
background: url(../images/mainH2BgPtnr.gif) no-repeat;
}

#sse_rightCol {
float: right;
width: 225px;
margin-right: 10px;
}

#sse_rightCol h2 {
font-size: 14px;
color: #ffffff;
background: url(../images/rightH2Bg.gif) no-repeat;
padding: 5px 0 5px 20px;
margin-top: 0;
}

#sse_rightCol.sse_ptnr h2 {
background: url(../images/rightH2BgPtnr.gif) no-repeat;
}

#sse_rightCol ul {
padding-left: 12px;
}

#sse_rightCol p, #sse_rightCol ul, #sse_rightCol table {
margin-left: 5px;
margin-right: 5px
}

#sse_sectHdr {
margin-top: 0;
width: 585px;
margin-bottom: 0;
background: #547BBD url(../images/sectionHdr.gif) top right no-repeat;
display: block;
font-size: 14px;
font-weight: bold;
color: #ffffff;
padding: 5px 0 8px 8px;
}

#sse_welcome {
background: url(../images/welcomeBg.gif) top right no-repeat;
display: block;
margin-bottom: 20px;
}

#sse_welcome.sse_ptnr {
background: url(../images/bgWelcomePtnr.gif) no-repeat;
display: block;
margin-bottom: 20px;
margin-top: 10px;
}

#sse_welcome img {
margin: 3px 10px 1px 0;
float: left;
}

#sse_welcome p img {
margin-top: -8px;
margin-left: -11px;
}

#sse_welcome p {
margin-left: 11px;
margin-right: 11px;
}

#sse_welcome h2 {
font-size: 14px;
color: #ffffff;
padding: 5px;
white-space: nowrap;
}

#sse_welcome.sse_ptnr h2 {
margin-top: 0;
padding-left: 22px;
}

#sse_wide td.ssewr {
width: 250px;
}

#sse_wide td.ssewl {
padding-right: 20px;
}

#sse_wholeWidth {
width: 100%;
}

/* Menu at the top right of every page - Primary School Partnerships first */

div.sse_ptnr_depts {
display: block;
clear: both; 
float: none;
margin: 0;
width: 840px;
margin-top: 13px;
#margin-top: 18px;
}

div.sse_ptnr_depts a {
text-decoration: none;
color: #ffffff;
font-weight: normal;
}

div.sse_ptnr_depts a:hover {
text-decoration: underline;
}

div.sse_ptnr_depts p {
display: none;
}

div.sse_ptnr_depts ul {
float: right;
background-color: #547BBD;
padding: 4px;
padding-bottom: 6px;
list-style: none outside;
margin: 0;
}

div.sse_ptnr_depts ul li {
display: inline;
font-size: 10px;
font-weight: bold;
color: #65C7C2;
}

#sse_depts {
display: block;
background-color: #ffffff;
border: solid 1px #00B3B0;
border-color: #01B1AF;
float: right;
margin: 0;
margin-right: 40px;
margin-top: 13px;
#margin-top: 18px;
}

#sse_depts a {
text-decoration: none;
color: #666666;
font-weight: normal;
}

#sse_depts a:hover {
text-decoration: underline;
}

#sse_depts ul {
padding: 4px;
padding-bottom: 6px;
list-style: none outside;
margin: 0;
}

#sse_depts ul li {
display: inline;
font-size: 10px;
font-weight: bold;
color: #00B3B0;
color: #01B1AF;
}

/* SSE Home page styles */

#homeContent {
width: 870px;
overflow: hidden;
margin-top: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#homeContent div.home50 {
width: 415px;
margin-right: 20px;
margin-bottom: 20px;
float: left;
}

#homeContent div.home50 div {
background: url(../images/blWtGrad.gif) repeat-x;
margin-top: 5px;
}

#homeContent div.home50 h2 {
font-size: 14px;
color: #ffffff;
padding: 5px;
background: #01B1AF url(../images/blueTitle.gif) top right no-repeat;
}

#homeContent div.home50 img {
float: left;
}

#homeContent div.home50 p {
font-size: 10px;
line-height: 12px;
margin: 0 10px 0 110px;
padding-top: 8px;
color: #000000;
}

#homeContent div.home50 a {
color: #00B3B0;
color: #01B1AF;
text-decoration: none;
font-weight: bold;
}

#homeContent div.home50 a:hover {
text-decoration: underline;
}

#homeContent #homeNews {
width: 850px;
overflow: hidden;
float: none;
display: block;
clear: both;
margin-bottom: 20px;
border-style: solid none;
border-color: #999999;
border-width: 1px;
padding: 2px 0;
}

#homeContent #homeNews td {
padding: 2px 3px 3px 3px;
white-space: nowrap;
font-size: 10px;
}

#homeContent #homeNews #newsTitle {
background: #00B3B0;
background: #01B1AF;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
}

#homeContent div.divider {
width: 870px; height: 10px;
display: block;
float: none;
clear: both;
}

#homeContent div.homeLnks {
width: 270px;
float: left;
margin-right: 20px;
}

#homeContent div.homeLnks a {
text-decoration: none;
color: #000000;
}

#homeContent div.homeLnks a:hover {
text-decoration: underline;
}

#homeContent div.homeLnks h3 {
font-size: 11px;
margin: 0;
padding: 6px;
padding-left: 21px;
background: #ffffff url(../images/homeLnks.gif) no-repeat;
}

#homeContent div.homeLnks p {
margin: 0.25em 1em;
margin-left: 21px;
font-size: 10px;
line-height: 12px;
}

/* News ticker on home page */

.tickercontainer { /* the outer div with the black border */
width: 760px; 
margin: 0; 
padding: 0;
overflow: hidden;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0;
top: 0;
width: 760px;
overflow: hidden;
padding: 0;
}

#sse_content ul.newsticker { /* that's your list */
position: relative;
left: 750px;
list-style-type: none;
margin: 0;
padding: 0;
}

#sse_content ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background-image: none
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
margin: 0 50px 0 10px;
font-weight: normal;
} 

ul.newsticker li {
font-weight: bold;
color: #01B1AF;
} 

#ticker01 {
margin: 0;
padding: 0;
}