/* Created by Andy Clarke (http://www.stuffandnonsense.co.uk) with CSS assistance from Brothercake (http://www.brothercake.com)



XHTML and CSS only, released under a Creative Commons Deed Attribution 2.0 (http://creativecommons.org/licenses/by/2.0/)

You are free:



* To copy, distribute, display, and perform the work

* To make derivative works

* To make commercial use of the work */



/* Modified by Jill Lenz for Bones Du Jour, November 2005 */



@import url(ie.css);



/* body (for all browsers) */

body { font : 1em Helvetica, Arial, sans-serif; text-align : center; color : #666; background-color: #fff; }



/* body (for modern browsers) */

body[id="changingman"] { background : #fff url(../images/body-bg.png) repeat-x; }



/* universals */

*  { margin : 0; padding : 0; }

h1, h2, h3, h4, p, dl  { padding : .5em 10px; }

ul, ol {padding: .5em 15px;}

/* hx */

h1 { font : 140% Arial, Helvetica, sans-serif; font-weight : bold; color : #fff; }

h2 { font : 140% Arial, Helvetica, sans-serif; font-weight : bold; color : #000; }

h3 {color: #991b1e;}

/* Styled h1 (for all browsers) */

#nav-main h1 {

	color : #000;

	height : 180px;

	width : 200px;

	margin-bottom : 10px;

	text-indent : -9999px;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 1em;

	padding-left: 0;

}

#nav-main h2 a {color: #fff;}
#nav-main h2 {color: #fff;}


/* Styled h1 (for modern browsers) */

div[id="nav-main"] h1 { background :  url(../images/h1-1.png) no-repeat center top; }



/* h2 */

div.keypoint h2 { padding : 0 0 .5em 0; }



/* h3 */

div.keypoint h3 { padding : 0 0 .5em 0; }



/* p */

div.keypoint p { padding : .5em 0; }

div.introduction p { font-size : 104%; }

.contact {margin-left: 1em;}

p#siteinfo-legal  { margin-top : 10em; font-size : 65%; text-transform : uppercase; text-align : right; letter-spacing: .35em; }

dd p, form p { padding-left : 0; }

h3+p { padding-top : 0 ; }

form+p { color : #888; }

blockquote p { padding : 0; }



/* abbr, acronym */

abbr, acronym { text-decoration : none; border-bottom : 1px dotted #888; cursor : help; }

a abbr, a acronym { text-decoration : underline ; border-bottom : 0px dotted #888; cursor : hand; }



/* a */

a:link { color : #369; text-decoration : underline; }

a:visited { color : #668cb3; }

a:hover { color : #555; }

a:focus, a:active { color : #333; }

div#nav-main ul li a:link, #nav-main ul li a:visited { color : #fff; text-decoration : none; background-color : #991b1e;}

div#nav-main ul li a:hover, #nav-main ul li a:active, #nav-main ul li a:focus { color : #fff; text-decoration : underline; background-color : #991b1e;}



h3 a:link, a:visited {color: #fff;}



/* Graphical home page anchor */

span#sp-1 a {

display : block;

width : 140px; 

height : 170px;

margin-left : 10px;

text-decoration : none;

text-indent : -9999px;

}



/* dl */



dl { font-size : 100%; }

div.keypoint dl { display : inline-table; }



/* IE Mac, you can't see this ;)  \*/

* html div.keypoint dl { height : 1%; }

div.keypoint dl { display : block; padding : 0;

}

/* IE Mac, you can open your eyes now. */



div.keypoint dl:after {

content : "."; 

display : block; 

height : 0; 

clear : both; 

visibility : hidden;

}



/* dt */

dt { margin-bottom : 1em; font-weight : bold; font-size : 110%; color: #991b1e;}



/* dd */

dd { padding-bottom : 1em; }



/* ul */

/* ul { list-style-type : disc; } */

#nav-main ul {

	text-align : left;

	list-style-type : none;

	

	margin: 0 1em 0 .5em;

	font-size: smaller;

	font-style: normal;

	font-weight: lighter;

	font-variant: normal;

}

#nav-main li {padding-bottom: 1em; }

.headline {font-size: larger; color: #fff; letter-spacing: .09em; background-color: #991b1e; margin: 1px;}

#nav-main h3 {color: #fff;}

.newsdate {font-weight: bold; margin: 0; padding: 0; letter-spacing: -1px;}

div.keypoint ul { padding : 0.5em 0 0.5em 1em; }

div.inset ul { padding : 0 0 .5em 0; }





/* img */

img, img a { border : none; }



/* header images */

span#sp-1, span#sp-2 { display : block; height : 170px; }

span#sp-1 { background :  url(../images/sp-1.png) no-repeat left bottom; }

span#sp-2 a {color: #369;}

span#sp-3 {display: block; height: 115px;}

/* All browsers */

div.keypoint, div.inset { margin : 10px; padding : 15px; }

div.inset { margin-left : 0; }



/* Modern browsers */

div[class="keypoint"] { background : #fdfdfb url(../images/keypoint-bg.gif) right repeat-y; }

div[class="inset"] { background : #fdfdfb url(../images/inset-bg.gif) right repeat-y; }



/* Rounded boxes for better browsers, square ones for IE */



/* Before pseudo class for modern browsers */

div.keypoint:before, div.inset:before {

display : block;

margin : -15px -15px 0 -15px;

height : 15px;

border : none;

line-height : 0.1;

font-size : 1px;

}



div.keypoint:before { background : transparent url(../images/keypoint-before-right.gif) no-repeat top right; content : url(../images/keypoint-before-left.gif); }

div.inset:before { background : transparent url(../images/inset-before-right.gif) no-repeat top right; content : url(../images/inset-before-left.gif);}



/* After pseudo class for modern browsers */

div.keypoint:after, div.inset:after {

clear : both;

display : block;

height : 8px;

margin : -15px;

padding-top : 15px;

line-height : 0.1;

font-size : 1px;

}



div.keypoint:after { background : transparent url(../images/keypoint-after-right.gif) scroll no-repeat bottom right; content :  url(../images/keypoint-after-left.gif); }

div.inset:after { background : transparent url(../images/inset-after-right.gif) scroll no-repeat bottom right; content :  url(../images/inset-after-left.gif); }



/* Additional colour variations */

div.introduction { background-color : #e3dbd6; }

div.featured { background-color : #d1d5c8; }

div.featured dt {color: #111;}

div.featured ul {padding-left: 1.5em;}

div.standards { display : none; }



/* Layout divs */

#content, #content-main, #content-sub, #content-main-orders, #content-main-events { float : left; text-align : left; }



/* The content wrapper */

#content { width : 96%; margin : 0 2%; }



/* The content wrapper for modern browsers */

div[id="content"] { background :  url(../images/content-bg.png) repeat-x left top; }



/* The tagline */

.tagline {

	text-align: right;

	color: #fff;

	background-color: #991b1e; font-size: smaller;

}



/* The left column */

#content-main { width : 34%; padding : 0 200px 20px 0; color : #111; min-height : 15em;}

#content-main-orders { width : 34%; padding : 0 200px 20px 0; color : #111; min-height : 30em;}

#content-main-events { width : 34%; padding : 0 200px 20px 0; color : #111; min-height : 30em;}

/* The right column */

#content-sub { width : 34%; margin : 0 0 0 -200px; padding : 0 0 20px 200px; min-height : 15em; }





#content-sub ul {list-style-type: disc;}



/* The center column */

#nav-main { position : absolute; top : 0; left : 34.6%; width : 200px; min-height : 80em; color : #fff; margin-left: 25px; }



/* The right column on the orders page that has no center column  */

#content-orders {position : absolute; top : 0; left : 34.6%; width: 528px; margin : 0 0 0 -150px; padding : 0 0 50px 200px; min-height : 30em;}



#content-events {position : absolute; top : 0; left : 34.6%; width: 528px; margin : 0 0 0 -150px; padding : 0 0 50px 200px; min-height : 30em;}



/* Tweak center column position for Apple Safari */

*[id^="nav-main"]#nav-main { left : 35%; margin-left : -4px; }

*[id^="nav-main"]#nav-main:lang(en) { left : 34.6%; margin-left : 0; }



/* The center column for modern browsers */

div[id="nav-main"] { background :  url(../images/content-main-bg.png) no-repeat; }