/*
Stuff and Content
www.stuffandcontent.co.uk
*/


/* Standard HTML elements */
body, div, dd, dl, dt, fieldset, form, input, h1, h2, h3, h4, hr, img, label, p, select, table, textarea, ul, ol, blockquote, cite {margin: 0; border: 0; padding: 0;}

body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; color: #555555; background-color: #B6ADA8; }

p { font-size: 0.85em; line-height: 1.5; padding-bottom: 8px; }
	#textResize p { font-size: 0.8em; }
	#columnRight p { font-size: 0.8em; line-height: 1.3em; padding-bottom: 4px; }
	#aside p { font-size: 0.8em; line-height: 1.3em; }
	#subscribe p { padding-top: 12px; }
	.caption { font-size: 1.3em; line-height: 1.1em; font-style: italic; }
		#image p.caption { font-size: 1em; }
		#columnRight p.caption { font-size: 1.1em; line-height: 1.1em; font-style: italic; }
	.definition	{ cursor: help; border-bottom: dotted #555555 1px; }

h1 { font-size: 2.4em; line-height: 1em; font-weight: normal; }
	#banner h1 { display: block; position: relative; top: 50px; width: 100%; text-indent: -5000px; outline: none; }
h2 { color: #966197; font-size: 2.4em; line-height: 1em; font-weight: normal; padding-bottom: 20px; }
h3 { color: #461616; font-size: 1.2em; font-weight: normal; padding: 10px 0 6px 0; }
	#columnRight h3 { color: #966197; font-size: 1.8em; line-height: 0.8em; font-weight: normal; padding: 0px 0 15px 0; }
	#aside h3 { color: #966197; font-size: 1em; font-weight: bold; padding: 0 0 2px 0; }
	#subscribe h3 { color: #966197; font-size: 1.3em; padding-bottom: 5px; }
h4 { color: #966197; font-size: 0.9em; font-weight: bold; font-style: italic; padding-bottom: 6px; }
	#columnRight h4 { color: #555555; font-size: 0.85em; font-weight: bold; font-style: normal; padding: 4px 0 4px 0; }	

ul { font-size: 0.85em; line-height: 1.5; padding: 0 0 8px 16px; }
	#columnRight ul { font-size: 0.8em; line-height: 1.3em; }
	#footer ul { font-size: 0.85em; color: #FFFFFF; }
	ul ul { font-size: 1em; }
li { padding-bottom: 3px; }
	li li { padding-bottom: 0; }

dl { font-size: 0.8em; line-height: 1.3; padding-bottom: 8px; }
dt { font-weight: bold; padding-top: 8px; }
dd { }

strong  { color: #461616; font-weight: normal; }

div.hr { height: 15px; background: url("/images/style/thick-rule.png") no-repeat -30px 0px; margin-top: 10px; }
hr { display: none; }

img { }
img.left { float: left; padding: 5px 15px 15px 0; }
img.right { float: right; padding: 5px 0 15px 15px; }
	#columnLeft img.right { padding-top: 15px; }
	#subscribe img.right { padding: 0px 0 15px 0px; }

/* Structural grid elements */

#wrapper-outer { clear: both; width: 780px; margin: 7px auto 0; }

	#wrapper-inner { float: left; background-color: #FFFFFF; }
	
		#banner { background: url("/images/style/banner.png") no-repeat; width: 780px; height: 166px; margin-bottom: 10px; }
		
		#toolbar { float: left; background: url("/images/style/thin-rule.png") no-repeat bottom; width: 720px; margin: 0 0 20px 30px; }
			#textResize { float: right; width: 200px; text-align: right; margin-top: -0.45em; }
			#navigation { float: left; width: 520px; padding-bottom: 0.7em; }
				#navigation.with-subNav { padding-bottom: 2.2em; }
	
		#content { float: left; width: 720px; margin: 0 0 15px 30px; padding-bottom: 10px; background: url("/images/style/thick-rule.png") no-repeat bottom; }
		
			#columnLeft { float: left; width: 510px; margin: 0; padding: 0 25px 20px 0; }
				#aside { float: right; width: 150px; margin: 15px 0 3px 15px; padding: 5px 0 0 10px; border: solid #B6ADA8; border-width: 0 0 0 1px; }
			#columnRight { float: right; width: 179px; margin: 10px 0 0 0; padding-bottom: 20px; }
				#subscribe { margin-top: 40px; padding: 0 0 0 10px; border-left: solid #B6ADA8 1px; }
			#columnWide { float: left; width: 720px; margin: 0; }
				#image { float: right; width: 179px; margin: -50px 0 3px 25px; padding: 5px 0 0 25px; }
		
	#footer { clear: both; width: 780px; margin: 0 auto; padding: 8px 0 50px 0  }

/* Links and Navigation */

a { color: #880088; text-decoration: none;  }
	a:link { }
	a:visited { color: #6A396B; }
	a:hover { color: #FFFFFF; background-color: #966197; }
	a:active { color: #FFFFFF; background-color: #966197; }
	a:focus { color: #FFFFFF; background-color: #CD5E97; }

a.bold { color: #FFFFFF; font-weight: bold; padding-left: 3px; padding-right: 3px; }	
	a:link.bold { background-color: #966197; }
	a:visited.bold { color: #FFFFFF; background-color: #966197; }
	a:hover.bold { color: #FFFFFF; background-color: #E079AE; }
	a:active.bold { color: #FFFFFF; background-color: #461616; }
	a:focus.bold { color: #FFFFFF; background-color: #CD5E97; }
		
abbr, acronym { cursor: help; border-bottom: dotted #555555 1px; }

#navigation ul { list-style: none; padding: 0px 0px 0px 0px; }

ul#mainNav { font-size: 1.1em; line-height: 1em; }
	#mainNav li { float: left; border: solid #B6ADA8; border-width: 0 0 0 1px; text-indent: 5px; padding: 0px 8px 0px 0px; }
	#mainNav li.first { border: 0;}
 	#mainNav li.selected { color: #461616; }
	#mainNav li a { }
	#mainNav li a:link { color: #966197 }
	#mainNav li a:visited { color: #966197; }
	#mainNav li a:hover  { color: #CD5E97;  border-bottom: dotted #555555 1px; background-color: #FFFFFF; }
	#mainNav li a:active { color: #CD5E97; border-bottom: none; background-color: #FFFFFF; }
	#mainNav li a:focus { color: #FFFFFF; background-color: #CD5E97; }
	
ul.subNav { position: absolute; margin: 0 0 0 -1px; font-size: 0.8em; line-height: 0.8em; font-style: italic; }
	#mainNav .subNav li { float: left; margin-top: 0.5em; border: solid #B6ADA8; border-width: 0 0 0 1px; text-indent: 5px; padding: 0px 6px 0px 0px; }
	#mainNav .subNav li.first { margin: 0; line-height: 1.8em; }
 	#mainNav .subNav li.selected { color: #461616; }
	#mainNav .subNav li a { font-weight: normal; }
	
#textResize p { display: inline; }
#textResize ul { display: inline; list-style: none; padding: 0; }
#textResize li { display: inline; }
#textResize a { padding: 0 2px; }
	#textsizeRegular { font-size: 0.85em; }
	#textsizeLarger { font-size: 1.12em; }
	#textsizeLargest { font-size: 1.4em; }	
	
#jumpLinks ul { list-style: none; }
	#jumpLinks a, #jumpLinks a:hover, #jumpLinks a:visited { position: absolute; left: 0px; top:-1000px; width: 1px; height: 1px; overflow: hidden; }
	#jumpLinks a:active, #jumpLinks a:focus { position: static; width: auto; height: auto; }

#footer ul { font-size: 0.75em; color: #FFFFFF; line-height: 1em; list-style: none; padding: 0px 0px 0px 0px; }
	#footer li { float: left; border: solid #FFFFFF; border-width: 0 0 0 1px; padding: 0px 6px 0px 6px; }	
	#footer li.first { border: 0; margin-left: -6px }
 	#footer li.selected { border-bottom: none; }
	#footer a { color: #FFFFFF; text-decoration: none; border-bottom: dotted #FFFFFF 1px; }
	#footer a:link a:visited { }
	#footer a:hover  { background-color: #555555; }
	#footer a:active { background-color: #555555; }


/* Form */	
	
form { clear: both; padding-top: 1em; }
fieldset { border: 0; }
	fieldset div { float: right; margin-right: 20px; padding-bottom: 0.5em; }

label { font-size: 1em; padding-right: 0.5em; text-align: right; }
.fields input { width: 360px; border: solid #B6ADA8 1px; padding: 3px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; }
	.fields input:focus { background-color: #fffad5; }

.controls input { float: right; margin: 0 20px 1em 0; border: none; padding: 3px 8px 3px 8px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.8em; color: #461616; background-color: #DCD1CB; }
	.controls input:hover { color: #FFFFFF; background-color: #966197; }
	.controls input:focus { color: #FFFFFF; background-color: #CD5E97; }