/** 
* SilverStripe Black Candy Theme
* http://www.silverstripe.com
*
* Main Layout File
*/

/* Misc Styles and defaults 
-------------------------------------------- */
* { margin:0; padding:0; }

.offleft { display:block; width:650px; position:fixed; left:-699px; padding-right:50px; text-align:left; }

body {font-size:12px; margin-bottom:40px; font-family:Verdana, Lucida, sans-serif; background-color:#495A6D; background-image:url(../images/interior/patternbkgd.jpg); }

a { color:#541616; }
a:hover { color:#A82525; }

table { border-collapse:collapse; border-spacing:0; }

caption, th, td { text-align:left; font-weight:normal; }

/* CONTAINER
----------------------------------------- */
#BgContainer { background-image:url(../images/interior/patterbkgdwhitgrad.jpg); background-position:left top; background-repeat:repeat-x; }

#Container { width:1000px; margin:0px auto 0px auto; border-right:#A82525 3px solid; border-left:#A82525 3px solid; }

/* HEADER

/* BREADCRUMBS
-------------------------------------------- */
#Breadcrumbs { color:#1F262D; text-align:left; font-size:10px; margin:0px 5px 30px 0px; }
#Breadcrumbs a { color:#A82525; }
#Breadcrumbs a:hover { color:#1F262D; }

/* FOOTER
----------------------------------------------- */

#footer { clear:both; width:1000px; height:43px; background-image:url(../images/interior/footerbkgd.gif); background-position:center top; background-repeat:no-repeat; margin:0px auto 0px auto; text-align:center; border-right:#A82525 3px solid; border-left:#A82525 3px solid; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; }
#footer p { text-align:center; padding-top:15px; }
#footer span.label { color:#92BFF0; text-transform:uppercase; font-style:normal; }
#copyright { width:1000px; margin:0px auto 0px auto; padding-top:6px; color:#ffffff; font-size:9px; text-align:center; }
#copyright p a { color:#ffffff; }

/* CLEAR FLOATS
This forces an element to surround elements that it contains that are floating, without having to put an element on the page that clears the float. See IE stylesheets for the method that works for that browser, since it doesn't support pseudo-selectors. */

#Navigation:after,
#Navigation ul.main:after,
#Layout:after,
#slideshow:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }