* { padding: 0; margin: 0; }



body {
 background: #FFFFFF url(images/bg.gif) repeat-x;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
}

#wrapper { 
 margin: 0 auto;
 width: 1024px;
}

#header {
background: #FFFFFF url(images/header.gif);
width: 1024px;
height: 160px;
margin: 0px 0px 5px 0px;
padding: 0px;
overflow: hidden;
}	

#header img a {
margin: 0px; 
border: none; 
}

#headerleft {
background: url(images/logo.gif); 
/* background: #FFFFFF; */ 
height: 160px;
width: 160px;
margin: 0px;
padding: 0px;
float: left;
}	

#headerright {
width: 600px;
float: right;
text-align: right;
margin: 0px;
padding: 10px 0px 0px 0px;
}	

#headerright a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

#faux {
 background: #FFFFFF; 
/* background: url(images/col.gif); */
 margin-bottom: 5px;
 overflow: auto; 
 width: 1024px
}

#leftcolumn { 
 float: left;
 color: #333;
/* border: 1px solid red;*/
 margin: 10px;
 padding: 0px;
 width: 700px;
 display: inline;
 position: absolute;
}

#leftcolumn h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 17pt; 
 font-weight: bold; 
 padding-bottom: 10px; 
}


#leftcolumn p {
font-size: 13pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 12px;
color: #000000;
}

#rightcolumn { 
 position: absolute;
 left: 815px;
 width: 225px;
 display: inline;
 background-color: #a0c8ff;
 color: #333;
 margin: 10px 10px 0px 10px;
 padding: 5px;
 float: left;
}

.menubar {
 align: center;
 color: #ffb700;
 margin: 10px 0px 0px 0px;
 background-color: #000000;
 font-size: 11pt;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 padding: 6px;
}

.menulist {
 margin: 5px 5px 5px 5px;
 background-color: #a0c8ff;
 font-size: 10pt;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: right;
}

.menulist p {
  font-size: 10pt;
  padding-bottom: 6px;
}

.feedbox {
 font-size: 8pt; 
 align: left; 
}

.feedbox a {
 align: center;
 text-weight: bold;
 text-decoration; none;

}

#footer { 

 clear: both;
 color: #333;
 /* background-color: #a0c8ff; */
 background-color: #ffffff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

.clear { clear: both; background: none; }

    /* Step 3 - Format your channel
We are looking at ways of making the look and feel of included channels easy to control by the end-user. At the moment this is done through the use of user defined stylesheets. RSSxpressLite places a number of stylesheet classes into the channel output. You may define these classes to make adjustments to the way the channel looks in your site.    */

    /* Currently, these classes are:    */

    /* rssxpresschannel - the RSS channel is wrapped in a single <div> with this class. Changes to this will effect all of the channel 
rssxpresstable - the RSS channel is formatted (rightly or wrongly :-) ) using a table of this class. Changes here could effect text alignment, etc. 
rssxpresschtitle - the RSS channel title 
rssxpresschdesc - the RSS channel description 
rssxpressittitle - each of the item titles have this class. Note that because each of these are links, there are limitations to their control. If you wanted a specific colour for example you would need to define an A:link colour that would effect all the links on the page, not just the RSS channel 
rssxpressitdesc - the RSS item description 
rssxpressdivider - the items from the channel are separated from the main description at the top, and other things at the end, but a single pixel, single column, row in the RSS channel layout table. To change the colour of this alter the background colour attribute in the stylesheet 
To see this stylesheet in action see the demo pages. You can also view the separate skeleton style sheet.

    /* Please bug reports, comments and questions to rss-xpress@ukoln.ac.uk    */


    /* A:link refers to all links on the page - not just the RSS content... */
    A:link { color : blue; font-weight : bold; }
    A:visited { color : blue; font-weight : bold; }

    /* these are the RSS classes - you can adapt them as you see fit
       values here override the defaults... */


    /* rssxpresschannel - the RSS channel is wrapped in a single <div> with this class. Changes to this will effect all of the channel  */
    .rssxpresschannel {
      font-family : sans-serif;

    }

    .rssxpresschtitle {
      font-size : large;
      color : navy;
      text-align : center;
    }

    .rssxpresschdesc {
      color : black;
      text-align : center;
    }

    /* rssxpresstable - the RSS channel is formatted (rightly or wrongly :-) ) using a table of this class. Changes here could effect text alignment, etc.   */
    .rssxpresstable {
      text-align : left;
    }

    .rssxpresstable td {
    }

    /* rssxpressittitle - each of the item titles have this class. Note that because each of these are links, there are limitations to their control. If you wanted a specific colour for example you would need to define an A:link colour that would effect all the links on the page, not just the RSS channel   */
    .rssxpressittitle {
      font-size : 110%;
      line-height : 120%;
      background-color : #cccccc;
    } 

    .rssxpressitdesc {
      background-color : #dddddd;
      padding: 0 0 0 0;
    }


    /* rssxpressdivider - the items from the channel are separated from the main description at the top, and other things at the end, but a single pixel, single column, row in the RSS channel layout table. To change the colour of this alter the background colour attribute in the stylesheet */
    /* rssxpressdivider is a special case - it is a single pixel, single column row on the rssxpress
       channel - to alter it's colour just change the background-color image. */

    .rssxpressdivider {
      background-color : navy;
    }