/*

University of Leeds communication team
CSS created and modified by Richard Ashby (r.ashby@leeds.ac.uk)
http://elgg.leeds.ac.uk/extra/weblog/
Last updated: 30/07/07

"Roads? Where we're going we don't need roads!"


Table of contents:

- layout
- typography / styles
- navigation

*/

/* layout
------------------------------------------------------------------------------ */

#container
{
width: 960px;
margin: 0px auto;
background-color: #fff;
color: #333;
line-height: 130%;
background-image: url(assets/blue_back.gif);
background-repeat: repeat-y;
background-position: 0 0;
}

#top
{
text-align: left;
background-image: url(assets/slice.gif);
background-repeat: repeat-x;
background-position: 0 0;
}

#top h1
{
padding: 0;
margin: 0;
}

#title
{
text-align: left;
float: left;
width: 352px;
margin: 0;
padding: 0px;
background-image: url(assets/slice.gif);
background-repeat: repeat-x;
background-position: 0 0;
}

#biglogo
{
text-align: left;
float: right;
width: 252px;
margin: 0;
padding: 0px;
background-image: url(assets/slice.gif);
background-repeat: repeat-x;
background-position: 0 0;
}

#space
{
text-align: left;
max-width: 95%;
margin-left: 352px;
margin-right: 252px;
padding: 0;
background-image: url(assets/slice.gif);
background-repeat: repeat-x;
background-position: 0 0;
}

#breadcrumb{
text-align: left;
margin: 0px 0px 0px 0px;
background-image: url(assets/breadcrumb.gif);
background-repeat: repeat-x;
background-position: 0 0;
height: 24px;
border-top-color: #FFFFFF;
border-top-width: 2px;
border-top-style: solid;
border-bottom-color: #FFFFFF;
border-bottom-width: 2px;
border-bottom-style: solid
}

#leftnav
{
text-align: left;
float: left;
width: 170px;
height: 460px;
padding: 0px;
}

#rightnav
{
text-align: left;
float: right;
width: 210px;
margin: 0;
margin-top: 6px;
padding: 0px;
background-color: #F5F4FC;
border-left-color: #F5F4FC;
border-left-width: 2px;
border-left-style: solid;
}

#content
{
text-align: left;
max-width: 95%;
margin-top: 6px;
margin-left: 180px;
margin-right: 235px;
padding: 0;
background-color: #F5F4FC;
}

#footer2
{
clear: both;
text-align: left;
margin-left: 0px;
padding: .25em;
background-color: #F5F4FC;
border-left-color: #E3E2F6;
border-left-width: 169px;
border-left-style: solid;
height: 24px;
}

#footer
{
clear: both;
margin: 0;
padding: .25em;
background-color: #000000;
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #FFFFFF;
border-top-color: #FFFFFF;
border-top-width: 2px;
height: 24px;
border-top-style: solid;
}

.footerlinks a:link
{
color: #FFFFFF;
text-decoration: none;
}

.footerlinks a:visited
{
color: #FFFFFF;
text-decoration: none;
}

.footerlinks a:hover
{
color: #FFCC00;
text-decoration: none;
}

.footerlinksdemo a:active
{
color: #FFFFFF;
text-decoration: none;
}

.footerlinksdemo a:link
{
color: #FFFFFF;
text-decoration: none;
}

.footerlinksdemo a:visited
{
color: #FFFFFF;
text-decoration: none;
}

.footerlinksdemo a:hover
{
color: #FFCC00;
text-decoration: none;
}

.footerlinks a:active
{
color: #FFFFFF;
text-decoration: none;
}

#posterholder
{
text-align: left;
float: left;
height: 420px;
width: 98%;
margin: 0px;
margin-top: 0px;
padding: 0px;
background-color: #666666;
}

#posterleft
{
text-align: left;
float: left;
height: 420px;
width: 50px;
margin: 0px;
margin-top: 0px;
padding: 0px;
}

#poster
{
text-align: center;
max-width: 95%;
margin-top: 0px;
margin-left: 0px;
margin-right: 75px;
padding: 0px;
}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }




/* typography
------------------------------------------------------------------------------ */


body {margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px;
      text-align:center;
	  background-color: #CCCCCC;}

h2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #666666;}

h6 {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}

.menu {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}

.owner {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}

p {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}

.vcard {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}

.text {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}

a:link, a:visited {color: #0000CC; text-decoration: none;}

li {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}

table {line-height: 130%}


.demo-show {
  width: 99%;
  margin: 0em 0em;
}
.demo-show h3 {
  margin: 0;
  padding: .25em;
  background-image: url(blue.gif);
  background-repeat: repeat-x;
  background-position: 0 0;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
}

.demo-show h3 a:link {
color: #FFFFFF;
text-decoration: none;
}

.demo-show h3 a:visited {
color: #FFFFFF;
text-decoration: none;
}

.demo-show div {
  padding: .5em .25em;
  background-image: url(channel.gif);
  background-repeat: repeat-x;
  background-position: 0 0;
  font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
}

.box{
display: block;
padding: 3px;
width: 95%;
background-color: #FFFFFF;
text-decoration: none;
border-top: 1px solid #A09E98;
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
}

.coolbox{
display: block;
padding: 0px;
width: 95%;
text-decoration: none;
font-family: Georgia, serif; font-size: 1.2em; font-weight: bold; color: #333366;
}

.contacts
{
text-align: left;
padding: .4em;
background-image: url(assets/white_backdrop.gif);
background-repeat: repeat-x;
background-position: 0 0;
border-top-color: #666699;
border-top-width: 2px;
border-top-style: solid;
border-left-color: #666699;
border-left-width: 2px;
border-left-style: solid;
border-right-color: #666699;
border-right-width: 2px;
border-right-style: solid;
border-bottom-color: #666699;
border-bottom-width: 2px;
border-bottom-style: solid;
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
}

.boxnew{
display: block;
margin-left: 10px;
padding: 3px;
width: 95%;
background-color: #F5F4FC;
text-decoration: none;
border-top: 1px solid #A09E98;
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
}

.feedbackboxnew{
display: block;
padding: 3px;
width: 100%;
background-color: #F5F4FC;
text-decoration: none;
border-bottom: 1px solid #A09E98;
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
}

.centrebox{
display: block;
padding: 0px;
width: 95%;
text-align: center;
}

.navbox{
display: block;
margin-left: 0px;
padding-left: 0px;
padding-right: 0px;
width: 100%;
background-image: url(assets/orange_box.gif);
background-repeat: repeat-x;
background-position: 0 0;
text-decoration: none;
}

.blackbox
{
text-align: left;
padding: 0px;
background-color: #000000;
width: 200px;
}

.casestudy {
padding: 0px;
width: 95%;
height: 100px;
padding: 0px;
margin: 0 0 20px 0;
background-image: url(assets/white_backdrop.gif);
background-repeat: repeat-x;
background-position: 0 0;
border-top-color: #666699;
border-top-width: 1px;
border-top-style: solid;
border-left-color: #666699;
border-left-width: 1px;
border-left-style: solid;
border-right-color: #666699;
border-right-width: 1px;
border-right-style: solid;
border-bottom-color: #666699;
border-bottom-width: 1px;
border-bottom-style: solid;
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
}

.casestudy img {
float: left;
margin: 0 10px 10px 0;
}

.casestudyevent {
padding: 0px;
width: 540px;
height: 110px;
padding: 0px;
margin: 0 0 20px 0;
background-image: url(assets/white_backdrop.gif);
background-repeat: repeat-x;
background-position: 0 0;
border-top-color: #666699;
border-top-width: 1px;
border-top-style: solid;
border-left-color: #666699;
border-left-width: 1px;
border-left-style: solid;
border-right-color: #666699;
border-right-width: 1px;
border-right-style: solid;
border-bottom-color: #666699;
border-bottom-width: 1px;
border-bottom-style: solid;
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
}

.casestudyevent img {
float: left;
margin: 0 10px 10px 0;
}

.posterevent {
padding: 0px;
width: 100%;
height: 450px;
padding: 0px;
margin: 0 0 20px 0;
border-top-color: #666699;
border-top-width: 0px;
border-top-style: solid;
border-left-color: #666699;
border-left-width: 0px;
border-left-style: solid;
border-right-color: #666699;
border-right-width: 0px;
border-right-style: solid;
border-bottom-color: #666699;
border-bottom-width: 0px;
border-bottom-style: solid;
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
}

.posterevent img {
float: left;
margin: 0 10px 10px 0;
}

.boxnew2{
display: block;
margin-left: 0px;
padding: 3px;
width: 100%;
background-color: #F5F4FC;
text-decoration: none;
border-top: 1px solid #A09E98;
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
}

.blip ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

.blip li
{
background-image: url(assets/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.5em;
}

.arrow ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

.arrow li
{
background-image: url(assets/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 1.5em;
}

#head{
display: block;
padding: 0px;
width: 100%;
background-image: url(assets/section_back2.gif);
background-repeat: repeat-x;
background-position: 0 0;
text-decoration: none;
}

#head2{
display: block;
padding: 0px;
width: 100%;
background-image: url(assets/section_back2.gif);
background-repeat: repeat-x;
background-position: 0 0;
text-decoration: none;
}

#links{
display: block;
padding: 0px;
width: 90%;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #FFFFFF;
margin-left: 8px;
}

#links a { text-decoration: none; color: #FFFFFF;}

#search{
display: block;
margin-left: 4px;
width: 95%;
background-color: #C30B7D;
text-decoration: none;
}

.boxtablewhite{
display: block;
padding: 0px;
width: 100%;
background-color: #F5F4FC;
text-decoration: none;
}

.boxtablehome{
display: block;
padding: 0px;
width: 100%;
text-decoration: none;
}


/* navigation
------------------------------------------------------------------------------ */

#navcontainer { width: 95%; }

#styleone{position:relative;display:block;height:24px;
font-weight:bold;background:transparent url(assets/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif; font-size: 0.9em; border-bottom:1px solid #FFFFFF;}


#styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}

#styleone ul li{display:block;float:left; padding: 0px 1px 0px 0px;}


#styleone ul li a{display:block;float:left;color:#FFFFFF;text-decoration:none;
padding:3px 10px 0 10px;height:20px;}


#styleone ul li a:hover,#styleone ul li a.current{color:#FFFFFF;
background:transparent url(assets/bgON.gif) repeat-x top left;}



#styletwo{position:relative;display:block;height:24px;
font-weight:bold;background:transparent url(assets/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif; font-size: 0.9em; border-bottom:1px solid #FFFFFF;}


#styletwo ul{margin:0;padding:0;list-style-type:none;width:auto;}

#styletwo ul li{display:block;float:left; padding: 0px 1px 0px 0px;}


#styletwo ul li a{display:block;float:left;color:#FFFFFF;text-decoration:none;
padding:3px 10px 0 10px;height:20px;}


#styletwo ul li a:hover,#styletwo ul li a.current{color:#FFFFFF;
background:transparent url(assets/bgON.gif) repeat-x top left;}

.advice
{
text-align: left;
padding: .4em;
background-color: #ffffff;
border-left-color: #666699;
border-left-style: solid;
border-left-width: 2px;
border-right-color: #666699;
border-right-style: solid;
border-right-width: 2px;
border-top-color: #666699;
border-top-style: solid;
border-top-width: 2px;
border-bottom-color: #666699;
border-bottom-style: solid;
border-bottom-width: 2px;
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
}

.optional
{
width: 95%;
text-align: left;
padding: .4em;
background-color: #ffffff;
border-left-color: #666699;
border-left-style: dotted;
border-left-width: 1px;
border-right-color: #666699;
border-right-style: dotted;
border-right-width: 1px;
border-top-color: #666699;
border-top-style: dotted;
border-top-width: 1px;
border-bottom-color: #666699;
border-bottom-style: dotted;
border-bottom-width: 1px;
font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;
}


#navlist
{
padding-left: 0;
margin-top: 2px;
margin-left: 6px;
margin-right: 0px;
width: 95%;
color: #000000;
}

#navlist li
{
list-style: none;
margin-top: 2px;
}

#navlist a
{
display: block;
padding-left: 2px;
padding-right: 0px;
padding-top: 2px;
padding-bottom: 2px;
width: 95%;
background-image: url(assets/roll_back.gif);
background-repeat: repeat-x; 
background-position: 0 0;
border-left: 1px solid #D3D1D1;
border-right: 1px solid #D3D1D1;
border-top: 1px solid #D3D1D1;
border-bottom: 1px solid #D3D1D1;
text-decoration: none;
}

#navlist li a { text-decoration: none; color: #666666;}

#navlist a:hover
{
background-image: url(assets/roll_glow.gif);
background-repeat: repeat-x; 
background-position: 0 0;
text-decoration: none;
border-left: 1px solid #D3D1D1;
border-right: 1px solid #D3D1D1;
border-top: 1px solid #D3D1D1;
border-bottom: 1px solid #D3D1D1;
}
#navlist2
{
padding-left: 0;
margin-left: 8px;
margin-right: 5px;
width: 95%;
}

#navlist2 li
{
list-style: none;
margin: 0;
border-bottom: 1px dotted gray;
}

ul#navlist2 li#active a
{
display: block;
padding: 1px;
width: 100%;
background-color: #DAEFFC;
text-decoration: none;
}

#navlist2 li a { text-decoration: none; color: #666666;}

#navlist3
{
padding-left: 0;
margin-left: 8px;
margin-right: 5px;
width: 95%;
}

#navlist3 li
{
list-style: none;
margin: 0;
border-bottom: 1px dotted gray;
}

ul#navlist3 li#active a
{
display: block;
padding: 1px;
width: 100%;
background-color: #DAEFFC;
text-decoration: none;
}

#navlist3 li a { text-decoration: none; color: #666666;}


#navcontainer
{
padding-left: 0;
width: 90%;
}

.formstyle { width: 95%; }

#navcontainer li 
{
list-style: none;
margin: 0;
border-bottom: 1px dotted gray;
font-family: Arial, Helvetica, sans-serif; font-size: 70%; color: #999999;
}

ul#navcontainer li a
{
font-family: Arial, Helvetica, sans-serif; color: #999999;
}

#navcontainer2
{
padding-left: 0;
width: 90%;
}

#navcontainer2 li
{
list-style: none;
margin: 0;
border-bottom: 1px dotted gray;
font-family: Arial, Helvetica, sans-serif; font-size: 70%; color: #999999;
}

ul#navcontainer2 li#active a
{
display: block;
padding: 1px;
width: 100%;
background-color: #DAEFFC;
text-decoration: none;
}