/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	color:#321507;
	line-height: 1.3em;
	background-color: #000000;
}

h1 {
	font-size:1.6em;
	color:#af551f;
	font-weight:100;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 0;
}

h3{
	font-size:1.2em;
	color:#af551f;
	font-weight:100;
	margin:0 0 5px 0;
	padding:0;
}

h4 {font-size:2em; color:#411a09; font-weight:100; padding: 20px 0 0 0px;}

/*ALIGNING CENTER*/
#positioner { padding: 0px; margin: auto; width: 100%; position: relative; text-align: center; }
#wrapper {	padding: 0px; margin: auto;	position: relative; width: 900px; text-align: left; }
#container { padding: 0px; margin: auto; position: relative; width: 900px; text-align: left; float:left; }

a {color:#FFFFFF;}

#brownfade {
	background: url(images/silk-bg.jpg) 50% 0 no-repeat #000 ;
	}
	
/*general page setup - overall page width is 900px - content is 880 with 10px margin right and left
the nav and sub nav sit outside the content div but have right and left margins of 10px so everything lines up. The article page is split
into 2 columns 'article' on the left and 'article-column' on the right. */
	
.page {
	background:url(images/logo-bg-glass.jpg) 0 0 no-repeat #FFFFFF;
	width:900px;
	min-height:800px;
	margin: 60px 0 0 0; /*determines how far from the top the page will sit*/
	float:left;
	padding-bottom:20px;
	
}
/*this controls the accessibility menu at the top right*/
.head {float:right; margin-right:10px; margin-top:10px; font-size:.9em; color:#999999;}
.head ul {padding:0px; margin:0px; float:left;}
.head li {display:inline; padding:2px; margin:0px; float:left;}
.head li a {color:#999999; text-decoration:none;}

.head-competition {display:none;}

/*top nav components*/



.searchinput input {padding:0px; margin: 0 2px 0 0px; border:#999999 1px solid; font-size:.9em; width:110px; float:left; height:15px;}
.searchsubmit {padding-top:0px; margin-top:0px; float:left;}



.topblock {
	float:right;
	margin-right:10px;
	margin-left:10px;
	margin-top:5px;
	width:880px;
	min-height:59px;}

.logo {float:left; width:294px; min-height:59px;}
.logo img { border: 0; }

/*top menu properties*/

.navblock {
	float:right;
	width:570px;
	min-height:25px;
	background:url(images/nav-glass.jpg) 0 0 repeat-x #411a09;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.navblock-competition {
	float:right;
	width:570px;
	min-height:25px;
	background-color: #411a09;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.navtext{
	float:right;
	color:#FFFFFF;
	font-size:1.1em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.navtext li {display:inline; margin:0px 2px 0px 0px;}
.navtext ul {padding:0px; margin:0px;}
.navtext a {color:#FFFFFF; text-decoration:none;}
.navtext a:hover {color:#d68541; text-decoration:none;}


/*main banner image*/

.imagewrap {float:left; width:880px; min-height:252px; margin:0 10px 0 10px;}

.pic{
	width:680px;
	min-height:252px;
float:left;}

.newsbox {float:right; min-height:252px; width:200px; margin:0;}
.newsbox ul {padding:0; margin:0 15px 0 20px;}
.newsbox li {list-style:square;}
.newsbox a {color:#af551f; text-decoration:none;}

/*subnav*/

.subnav {float:left; width:880px; min-height:20px; margin:5px 10px 0 10px; color:#666666;}


.subnav a {color:#666666; text-decoration:none;}
.subnav a:hover {color:#333333;}


.subnav-block {float:left; width:100px; min-height:18px; margin:0 5px 0 0; background-color:#d4d4d4; text-align:center; padding-top:2px;}
.date-block {float:left; min-height:18px; margin-left:0px; background-color:#d4d4d4; padding-top:2px; text-align:right; width:460px;}
.dates {float:left; margin-right:0px; color:#AFAFAF;}
.dates li {display:inline; margin:0px 2px 0px 0px;}
.dates ul {padding:0px; margin:0px;}
.dates a {text-decoration:none; color:#666666;}


/*content*/

/*this wraps the entire content area*/
.content {width:880px; margin: 0 10px 10px 10px; float:left;}
.content a {color:#af551f; text-decoration:none;}


/*this is the area containing the homepage text*/
.leftcontent {width:400px; margin:10px; min-height:300px; float:left;}

.title {
	width:400px;
	margin-top: 20px;

	margin-bottom: 0px;
float:left;
}
.intro-text {
	width:400px;
	margin-top: 0px;

	margin-bottom: 10px;
float:left;
padding-left:1px;
}

.intro-text-competition {
	width:100%;
	margin-top: 0px;

	margin-bottom: 10px;
float:left;
padding-left:1px;
}

/*BROWN BOXES*/

/*this is the area the six boxes are placed inside*/
.rightcontent {float:left; margin:0; width:460px; }

.boxwrapper {padding:20px; width:420px;}

.boxleft {
	width:205px; min-height:135px; background-color:#411a09;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px; float:left;
}

.boxleft a {text-decoration:none; color:#FFFFFF;}

.boxcontent ul {float:left; padding:0 0 0 15px; margin:0;}

.boxcontent li {list-style:square;}

.boxright {
	width:205px;
	min-height:135px;
	background-color:#411a09;
	margin-top: 30px;
	margin-bottom: 10px;
float:left;
}

.boxright a {text-decoration:none; color:#FFFFFF;}

.boxleft1 {
	width:205px; min-height:135px; background-color:#411a09;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px; float:left;
}

.boxleft1 a {text-decoration:none; color:#FFFFFF;}

.boxright1 {
	width:205px; min-height:135px; background-color:#411a09;
	margin-top: 5px;
	margin-bottom: 10px;
float:left;
}

.boxright1 a {text-decoration:none; color:#FFFFFF;}

/*below controls the content of each box*/

.boxtitle {font-size:1.2em;
	color:#FFFFFF;
	font-weight:800; border-bottom:#d68541 1px solid; width:185px; margin:10px 10px 5px 10px; padding-bottom:5px;}

.boxcontent {float:left; font-size:1em;
	color:#FFFFFF; margin:0px 10px 10px 10px;width:185px;}


.brownbox {
	width:200px; min-height:135px; background-color:#411a09;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px; float:left;
}

.brownbox a {text-decoration:none; color:#FFFFFF;}


/*ARTICLE PAGE STYLES BELOW*/


/*main article images must be 580 x 150 pixels*/
.article-pic { margin:0 0 20px 0px; width:580px; min-height:150px; float:left;}
.article { margin:20px 0 0 10px; width:580px; float:left; padding-right:10px; padding-left:1px;}
.article li {list-style:square;}
.heading {font-size:2em; color:#411a09; line-height:1em; font-weight:100; padding: 5px 0 0 0px; margin:0 0 15px 0; float:left; width:580px;}
:root .heading  {padding:0;}

.article-column { margin:20px 0 0 0px; padding:0px; width:276px; float:left;}
.article-column-wrap { margin:0px 10px 10px 20px; width:240px; float:left; min-height:600px;}

.news-item{float:left; margin-bottom:10px; border-bottom: #999999 1px solid; width:240px; padding-bottom:10px;}

.news-item-bottom{float:left; margin-bottom:10px; width:240px; padding-bottom:10px;}



/*ARTICLES LANDING PAGE STYLES BELOW*/

.flashpic {width:880px; min-height:210px; float:left; margin:0 10px 0 10px;}
.left-column { margin:20px 0 0 0px; width:439px; float:left; min-height:300px;}
.container{margin-right: 20px; margin-bottom: 20px; margin-left: 10px;}
.container-right{margin-right: 20px; margin-bottom: 20px; margin-left: 20px;}

.articlebox{width:420px; float:left;  padding-bottom:15px; margin-top:15px;}
.articlebox-bottom{width:420px; float:left; margin-top:15px;}
/*article thumbnail images must be 105 x 85 pixels*/
.articlebox-pic{width:105px; height:85px; float:left; margin-right:10px;}

.right-column { margin:20px 0 0 0px; width:438px; float:left; border-left:#CCCCCC 1px solid; min-height:300px;}

.text-margin {float:left; width:295px;}

.left-column-competition { margin:20px 0 0 0px; width:600px; float:left; min-height:300px; border-right:#CCCCCC 1px solid;}
.right-column-competition { margin:20px 0 0 0px; width:266px; float:left;  min-height:300px;}
.container-competition {margin-right: 10px; margin-bottom: 20px; margin-left: 10px;}
.container-right-competition {margin-right: 20px; margin-bottom: 20px; margin-left: 10px;}

/*TICKERBOX PAGE ITEMS - might not be used - check!*/

.flashpic1 {width:880px; min-height:210px; background-image: url(images/pic2.jpg); float:left; margin:0 10px 0 10px;}
.tickbox {width:880px; min-height:20px; float:left; margin:0 10px 0 10px;}

/* SUBSCRIPTION FORM ITEM STYLES */

#subscription-form {float:left; margin:10px 0 0 0; padding:0 0 0 1px; width:100%;}

#subscription-form ul {list-style:none; margin:0; padding:0; width:100%;}

#subscription-form li {margin:0.3em 0; padding: 0;width:100%; float: left; clear:both; list-style-type: none;}

#subscription-form label {width:15em; text-align:right; margin-right:0.5em; float:left; display:block;}

#subscription-form form li input {float:left; border:1px solid #999; width: 15em;font-size:1.2em;}

#subscription-form form li input:hover {border:1px solid #af551f; color:#af551f;}

#subscription-form form li textarea {float:left; border:1px solid #999; font-family: Arial, Helvetica, sans-serif;width: 15em; font-size:1.2em;}

#subscription-form form li textarea:hover {border:1px solid #af551f; color:#af551f;}

#subscription-form li.submit input {margin-left:15.5em; width: auto;}
#subscription-form select { width: 9em; font-size: 1.2em;}

:root #subscription-form li.submit input {margin-left:11.2em;}

#subscription-form span.alert {float:left; width:15em; clear:none; margin:0; padding:0 0 0 1em;color: #FF0000; font-weight:700;}

#subscription-form li label.subscription-confirm {width:24em; margin-left:15.5em; text-align:left;}

#subscription-form li input.no-border-input {border:none; width:auto; font-size:1.2em;}
#subscription-form li input.no-border-input:hover {border:none;width:auto;}


#subscription-form li.competition-question label {width:100%; float:none; text-align:left; padding:5px 0 10px 0;}


BLOCKQUOTE {color:#af551f; font-size:1.5em; line-height:1.2em;}

:root BLOCKQUOTE {font-weight:bold;}

/*EMAILER FORM*/
.emailer-form { float: left; margin: 0; padding: 0; }
.emailer-form ul { margin: 0; padding: 0; }
.emailer-form li { margin: 0.25em 0; padding: 0; list-style-type:none; }
.emailer-form label { width: 12em; float:left; }
.emailer-form input { width: 14em;  }
.emailer-form textarea { width: 14em;  }
.emailer-submit  { margin: 1em 0 0 12em; }
.emailer-form .emailer-submit  input { width: auto;  }

/*EMAIL AND PRINT RHS*/
.email-and-print { float: left; margin: 0 0 1.5em 0; padding: 0; }
.email-and-print a { float: left; margin: 0; padding: 0; }
.nav-email a { display: block; background: url(images/emailicon.gif) 0.25em 0.25em no-repeat #d4d4d4; width: 216px; padding: 0.25em 0.25em 0.25em 2.5em; float: left; margin: 0 0 0.5em 0; color: #333;}
.nav-email a:hover { color: #000; background: url(images/emailicon_on.gif) 0.25em 0.25em no-repeat #d4d4d4;   }
.nav-print a { display: block; background: url(images/printicon.gif) 0.25em 0.25em no-repeat #d4d4d4; width: 216px; padding: 0.25em 0.25em 0.25em 2.5em; float: left; margin: 0 0 0.5em 0; color: #333;}
.nav-print a:hover { color: #000; background: url(images/printicon_on.gif) 0.25em 0.25em no-repeat #d4d4d4;   }
.nav-bookmark a { display: block; background: url(images/bookmarkicon.gif) 0.25em 0.25em no-repeat #d4d4d4; width: 216px; padding: 0.25em 0.25em 0.25em 2.5em; float: left; margin: 0 0 0.5em 0; color: #333;}
.nav-bookmark a:hover { color: #000; background: url(images/bookmarkicon_on.gif) 0.25em 0.25em no-repeat #d4d4d4;   }
.nav-buttons { position:  absolute; left: -9999999em; }

.nav-homelink a { display: block; background: url(images/homelinkicon.gif) 0.25em 0.25em no-repeat #d4d4d4; width: 216px; padding: 0.25em 0.25em 0.25em 2.5em; float: left; margin: 0 0 0.5em 0; color: #333;}
.nav-homelink a:hover { color: #000; background: url(images/homelinkicon_on.gif) 0.25em 0.25em no-repeat #d4d4d4;   }

.nav-rss a { display: block; background: url(images/rss.gif) 0.4em 0.25em no-repeat #d4d4d4; width: 216px; padding: 0.25em 0.25em 0.25em 2.5em; float: left; margin: 0 0 0.5em 0; color: #333;}
.nav-rss a:hover { color: #000; background: url(images/rss.gif) 0.4em 0.25em no-repeat #d4d4d4;   }


/*SIDE NAV RECYCLE ITEMS*/
.article-column-wrap .articlebox, .article-column-wrap .articlebox-bottom { width:100%; float:left; padding: 0.5em 0; margin: 0; border-bottom: 1px solid #d4d4d4; }
.article-column-wrap .articlebox .articlebox-pic, .article-column-wrap .articlebox-bottom .articlebox-pic {float:left; height: auto; margin:0 10px 0 0; padding: 0; width: 50px;}
.article-column-wrap .articlebox .articlebox-pic img, .article-column-wrap .articlebox-bottom .articlebox-pic img {width:50px;  margin: 0; padding: 0; }
.article-column-wrap .articlebox .text-margin, .article-column-wrap .articlebox-bottom .text-margin {float:left; width:180px;margin: 0; padding: 0;}
.article-column-wrap .articlebox .text-dpt, .article-column-wrap .articlebox-bottom .text-dpt { margin: 0; padding: 0;display: none; }

.rss_ticker { float: left; color: #000; width: 100%; }
.rss_ticker a { color: #000; }
.tele_display { padding: 0.5em 0 0 2em; }
.tele_display a { text-decoration: none; color: #333; }
.teletypediv { font-weight: 700; }

/*BACK AND TOP BUTTONS*/

.back-and-top {float:left; padding:0; margin:20px 0 0 0;}
.back-and-top ul {margin:0; padding:0;}
.back-and-top li {list-style:none; float:left; text-align:center;}
.back-and-top li a {background:#d4d4d4; width:8em; margin:0 10px 0 0; display:block; color:#666; height:1.8em; line-height:1.8em;}
.back-and-top li a:hover {color:#000;}

.firefoxonly, .ff-show { display: none; }
:root .firefoxonly { display: block; margin: -1.5em 0 0 0; float: left;  }
:root .ff-show { display: inline; }
:root .ff-hide { display: none; }


.mw_flash {float:left; margin:-50px 0 0 0; padding:0; width:100%;}
.mw_heading {font-size:2em; color:#411a09; line-height:1em; font-weight:100; padding: 5px 0 0 0px; margin:0 0 15px 0; float:left; width:580px;}
:root .mw_heading  {padding:0;}

/**SUBSCRIBE FORM**/
#subscription-form li.columns {  width: 30%; float: left; clear: none; }
#subscription-form li.columns label, #subscription-form li.columns_other label {  width: 9.5em;  }
#subscription-form li.columns_other input { font-size: 0.9em; padding: 0.25em ;  }
#subscription-form li.clear { float: left; width: 100%; clear: both;  }  
.clear { float: left; width: 100%; clear: both;}

/**RSS HOMEPAGE**/

.rss_flash { float: left; padding: 4px 0 0 10px; width: 100%;}

.rss_title { text-transform: uppercase; font-weight: 700; float: left; padding: 4px 6px 0 0; margin: 0; width: 54px;line-height: 16px;  }
.rss_title img { float: left; width: 16px; padding-right: 4px }

.rss_file { float: left; padding: 0; margin: 0; width: 450px; }
.homeleftcontent .title { width:400px; margin-top: 6px; margin-bottom: 0px; float:left; }
.homeleftcontent {width:400px; margin:0 10px 10px 10px; min-height:300px; float:left;}
.homeboxwrapper {padding:0 20px 20px 20px; width:420px;}

.competition-image-box {float:left; margin:0 0 10px 0; padding:0; width:100%;}

.container-competition #subscription-form {margin:-20px 0 0 0;}



.nav-form a { display: block; background: url(images/formicon.gif) 0.25em 0.25em no-repeat #d4d4d4; width: 216px; padding: 0.25em 0.25em 0.25em 2.5em; float: left; margin: -1em 0 0.5em 0; color: #333;}
.nav-form a:hover { color: #000; background: url(images/formicon_on.gif) 0.25em 0.25em no-repeat #d4d4d4;   }


/**DATE SELECTOR**/

.bold-year {font-weight:bold;}
.unbold-year {font-weight:normal;}
.year-selector {float:left; margin:0; padding:0 0 0 5px; width:85px; text-align:left;}
#dates07 {float:right; margin:0; padding:0; width:350px;}
#dates08 {float:right; margin:0; padding:0; width:350px;}





.brownbox-silk-1 {
	width:200px; min-height:135px; background:url(images/cljw-box-1.jpg) 0 0 no-repeat #411a09;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px; float:left;
}

.brownbox-silk-2 {
	width:200px; min-height:135px; background:url(images/cljw-box-2.jpg) 0 0 no-repeat #411a09;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px; float:left;
}

.brownbox-silk-3 {
	width:200px; min-height:135px; background:url(images/cljw-box-3.jpg) 0 0 no-repeat #411a09;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px; float:left;
}

.brownbox-silk-4 {
	width:200px; min-height:135px; background:url(images/cljw-box-4.jpg) 0 0 no-repeat #411a09;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px; float:left;
}

.brownbox-silk-5 {
	width:200px; min-height:135px; background:url(images/cljw-box-5.jpg) 0 0 no-repeat #411a09;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px; float:left;
}

.brownbox-silk-6 {
	width:200px; min-height:135px; background:url(images/cljw-box-6.jpg) 0 0 no-repeat #411a09;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px; float:left;
}

.brownbox-silk-1 a, .brownbox-silk-2 a, .brownbox-silk-3 a, .brownbox-silk-4 a, .brownbox-silk-5 a, .brownbox-silk-6 a {text-decoration:none; color:#FFFFFF;}