/*
 *  This is the file where you put your CSS changes. 
 *  You should preferrably use this and override the 
 *  relevant properties you want to change here instead 
 *  of customizing plone.css to survive upgrades. Writing
 *  your own plone.css only makes sense for very heavy 
 *  customizations. Useful variables from Plone are 
 *  documented at the bottom of this file.
 *
 *  -- Alexander Limi, http://www.plonesolutions.com
 */
 
/*  (do not remove this :) */
/*  (not this either :) */

table.retail {
border: 0;
cellpadding: 0;
cellspacing: 4em;
margin: 0 0 0 -60px;
width: 720px;
}
div .navpanel a.indent {
color: pink;
}
#coffeenews {
 background: #3AA7FC;
 padding: 0 9px;
 text-align: left;
 width: 227px;
}
#coffeenews a {
 font-size: 7pt;
}
#nugo {
 background: #3AA7FC;
 padding: 0 0 0 18px;
 text-align: left;
 width: 227px;
}
#bluespot {
 text-align: center;
 width: 246px;
}
#bluespot a {
 font-size: 7pt;
}
#redspot {
 text-align: center;
 width: 246px;
}
#redspot a {
 font-size: 7pt;
}
#spots {
 text-align: center;
 width: 246px;
}
#spots a {
 font-size: 7pt;
}
#spotstext {
 background: #d9e2e7;
 margin: -5px 0;
 padding: 0 0 0 18px;
 text-align: left;
 width: 227px;
}
#lead {
 text-align: center;
 width: 218px;
}
#leadmiddlebox {
 text-align: center;
 width: 218px;
}
#leadmiddle {
 background: #f2d7b4;
 color: #B81B13;
 font-size: 14pt;
 font-weight: bold;
 margin: -5px 0;
 padding: 0 0 0 18px;
 text-align: left;
 width: 200px;
}
#leadmiddle a {
 font-size: 7pt;
}
.documentDescription {
 font-size: 14pt;
 font-weight: bold;
 margin: 2em 3em;
 text-align: center;
 text-decoration: underline;
}
.footer {
 margin: -2em 0 0 13.5em;
 text-align: center;
 width: 70%;
}
#bluebox {
 background: url("images/pwrlift.jpg") no-repeat;
 height: 197px;
 width: 246px;
}
#bluebox a {
 font-size: 7pt;
}
#bluetext {
 padding: .5em 0 0 1em;
 height: 190px;
 width: 242px;
}
#abstracts {
 background: red;
 color: white;
 padding: 0 9px;
 text-align: left;
 width: 227px;
}
#abstracts a {
 color: lightblue;
 font-size: 7pt;
}
.link-external {
    background: none;
    padding: 0;
}
.navpanel a, .navpanel a:visited {
 color: white;
 text-decoration: none;
}
.navpanel a:hover {
 background: white;
 color: #B81B13;
}
.navbox .navpanel a.current {
 color: yellow;
}
.disclaim {
 font-size: 7pt;
 width: 57em;
}
#leftcol {
 width: 218px;
}
#leftcol .blurb {
 padding: 0 .5em 0 0;
}
#midcol {
 padding: 0 0 0 2em;
}
#rightcol {
 width: 246px;
}
#rightcol .blurb {
 padding: 0 2em 0 0;
}
h5 {
 border: none;
 color: #E66E17;
 font-size: 10pt;
 font-weight: bold;
}
#leadbox {
 text-align: center;
 background: url("images/antiox.jpg") no-repeat;
 text-align: center;
 height: 301px;
 width: 218px;
}
#leadstory {
 color: #B81B13;
 font-size: 14pt;
 font-weight: bold;
 padding: 9.75em 0 1em 2.25em;
 height: 90px;
 width: 190px;
 text-align: left;
}
#leadstory a {
 font-size: 7pt;
}
#portal-column-one {
 background: #B81B13;
}
.navbox {
 margin: 1em;
 padding: 0;
 text-align: center;
 width: 128px;
 width: expression(116 + "px");
}
.navpanel {
 font-size: 7pt;
 font-weight: bold;
 line-height: 2em;
 padding: 0 0 0 1em;
 text-align: left;
 width: 128px;
 width: expression(116 + "px");
}
#welcome {
 color: #B81B13;
 font-size: 10pt;
 font-weight: bold;
 height: 58px;
 width: 383px;
}
.plain {
 margin: 0 11% 0 9%;
}
.plainly {
 margin: 0 5% 0 4%;
}
.plainhome {
 margin: 0 9% 0 0;
}
.documentContent {
 margin: 0 13% 0 0;
 max-width: 60%;
 text-align: left;
}
h2 {
 border: none;
 font-weight: bold;
}
h4 {
 text-align: center;
}
.footlink {
 text-align: center;
}
body {
 background: white;
 color: black;
 font-family: Arial, Helvetica, Verdana, sans-serif;
}
.left {
 text-align: left;
 float: left;
}
.right {
 text-align: right;
 float: right;
}
/* Padding for the columns */
#portal-column-one .visualPadding {
 padding: 0;
}
#portal-column-content .visualPadding {
 padding: 0;
}
#portal-column-two .visualPadding {
 padding: 0;
}
abody {
 background-image:url(header.gif);
 background-repeat: no-repeat;
	background-position: 9em 1em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
a {
 text-decoration: underline;
}
a:visited {
 color: purple;
}
/*  */
/* DOCUMENTATION ON PRE-DEFINED PROPERTIES FROM PLONE */
 /* You can insert colors and other variables from Plone's 
    base_properties by doing:
    
    & dtml-variableName ; (without the spaces, excluded here to not make it render)
    
    Example:
    
    myLink {
        color: & dtml-fontColor ;   (again, without the spaces)
    }
 
   This means you can generate your own elements that use Plone's defaults,
   and respect any customizations people have done. See base_properties for
   the default values.
 
   These are the available properties:
   
   logoName - the file name of the portal logo. 
   
   fontFamily - the font family used for all text that is not headers
   
   fontBaseSize - the base font size that everything is calculated from
   
   fontColor - the main font color
   
   backgroundColor - the background color 
   
   linkColor - the color used on normal links
   linkActiveColor - color used on active links
   linkVisitedColor - color used on visited links
   
   borderWidth - the width of most borders in Plone
   
   borderStyle - the style of the border lines, normally solid
   
   borderStyleAnnotations - style of border lines on comments etc
   
   globalBorderColor - the border color used on the main tabs, the portlets etc
   
   globalBackgroundColor - background color for the selected tabs, portlet headings etc
   
   globalFontColor - the color of the font in the tabs and in portlet headings
   
   headingFontFamily - font family for h1/h2/h3/h4/h5/h6 headlines.
   
   headingFontBaseSize - the base size used when calculating the different headline sizes
   
   contentViewBorderColor - the content view tabs border color
   
   contentViewBackgroundColor - the content view tabs background color
   
   contentViewFontColor - the font color used in the content view tabs
   
   textTransform - whether to lowercase text in portlets, tabs etc.
   
   evenRowBackgroundColor - the background color of even rows in listings
   
   oddRowBackgroundColor - the background color of even rows in listings
   
   notifyBorderColor - border color of notification elements like the status message, the calendar focus
   
   notifyBackgroundColor - background color of notification elements like the status message, the calendar focus
   
   discreetColor:string=#999999
   helpBackgroundColor:string=#ffffe1
 
 */