/**
 * Outline stylesheet
 * 
 * Sets up some site defaults, and adds the main positioning code for the site.
 * 
 * @package ZSL
 * @author Benedict Eastaugh
 */

/* Customised page width */
#doc5 {margin:auto; text-align:left; width:75.384em; *width:73.5em; min-width:980px;}

/**
 * Wrapper styling
 * 
 * The main background, and setting up the site defaults.
 */
HTML {_filter: expression(document.execCommand("BackgroundImageCache", false, true));}
BODY {font-family:'Helvetica', Arial, sans-serif; color:#646464; background-image:url('/static/site/graphics/general/body.png'); _background:none;}
#wrapper {background:url('/static/site/graphics/general/wrapper.png') center top repeat-x; _background:none;}
#background {background-position:center top; background-repeat:no-repeat; padding-bottom:40px; zoom:1;}
.yui-u, .primary, .secondary {_overflow:hidden;}

/**
 * Footer layout and style
 * 
 * Includes a fix for the OO toolbar, ensuring that it remains at a consistent
 * font size.
 */

#footerBackground {position:absolute; left:0; overflow:hidden; width:100%; margin-top:-740px; background:url('/static/site/graphics/general/footer.png') center top no-repeat; _background:url('/static/site/graphics/general/footer.gif') center top no-repeat}
#footerBackground DIV {position:absoulte; top:0; height:700px; background-position:center top; background-repeat:no-repeat;}
#ft {position:relative; z-index:1; text-align:center; color:#FFF; padding-bottom:40px;}
#ft .one, #ft .two, #ft .three {background:#FFF; height:1px; margin:0 1px; _overflow:hidden;}
#ft .two {margin:0 2px;}
#ft .three {margin:0 4px 30px;}
#ft UL LI {display:inline; margin-right:30px;}
#ft UL LI.last {margin:0;}
#ft A {text-decoration:none;}
#ft UL LI A {color:#FFF;}
#ft UL LI A:hover {color:#FFF!important; text-decoration:underline;}
#ft P {margin-top:30px; padding:0 5px; font-size:90%;}
#ft P.othermedia {width:139px; height:19px; padding:0; overflow:hidden; margin:40px auto 0;}
#ft P.othermedia A {display:block; width:278px; height:19px; background:url('/static/site/graphics/general/othermedia.png'); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/site/graphics/general/othermedia.png', sizingMethod='image'); text-indent:-9999px; overflow:hidden;}
#ft P.othermedia A:hover {margin-left:-139px;}

.oo-toolbar {font-size:85%!important;}

/**
 * Body layout and style
 * 
 * Positioning code for the main content area of the site.
 */
#bd {position:relative; z-index:1; clear:both; line-height:150%; padding:0 24px 10px; background:#FFF; min-height:800px; _height:800px;}
#main {float:right; width:55.2em; *width:53.821em;} /* 709 */
#sidebar {float:left; width:15.077em; *width:14.7em;} /* 196 */

/**
 * Generic layout code
 * 
 * Abstracts most positioning work to a few core classes which can then be
 * combined to create a large number of flexible layouts.
 */
.primary {float:left;}
.secondary {float:right;}
/* total width 709px - space between 28px */
.col-narrow-1 {width:15.308em; *width:14.925em;} /* 199 */
.col-wide-1 {width:38.462em; *width:37.5em;} /* 500 */
.col-narrow-2 {width:21.231em; *width:20.7em;} /* 276 */
.col-wide-2 {width:31.154em; *width:30.376em;} /* 405 */
.col-half {width:25.692em; *width:25.05em;} /* 334 */

/**
 * Block layouts
 * 
 * Abstracts some common layout properties of blocks of content or
 * functionality, such as whether they should clear internal floats, whether
 * they should push other blocks down or butt up against them etc.
 */
.reduce-spacing {margin-bottom:-10px;}
.spacer {margin-bottom:20px;}
.clear {zoom:1;}
.clear:after {content:"."; display:block; height:0; width:0; overflow:hidden; clear:both; visibility:hidden;}

#flashplayer {position:relative; z-index:0!important;}