/*---------------------------------------

GENERAL LAYOUT RULES

----------------------------------------*/



* { 							margin: 0; padding: 0; } /* sets all margin and padding (browser defaults) 

								back to zero for ease of use */

body { 							background: url('../images/bg.jpg'); }

div#container { 				width: 900px; margin: 10px auto; text-align: center; 

								background-color: #fff; border: 1px solid #aaa; }

								/* centers layout (text-align: center for IE), defines overall 

								width and sets background colour of main container div */

div#container * { 				text-align: left; }

								/* restores text-align to left in elements contained in container 

								div */

div#header { 					position: relative; width: 100%; height: 150px; float: left;

								background: url('../images/banner.jpg') no-repeat top left; }

								/* defines header background image (1600px x 150px image with

								overflow: hidden) */

div#sidebar { 					width: 18%; padding: 1%; 

								background: #C81386 url('../images/sidebar_bg.jpg') no-repeat top left; 

								float: left }

div#content { 					width: 76%; padding: 1% 2%; float: left; }

								/* padding+width of #sidebar and padding+width of #content must 

								add up to 100% */

* html div#content { 			width: 75%; }

								/* hack for IE due to float problem (makes content div 1% 

								narrower so it doesn't float below the sidebar) */

div#footer { 					width: 98%; padding: 1%; clear: both; background-color: #C81386; color: #fff;text-align: center; }

div#header div.header_text { 	position: absolute; bottom: 5px; left: 405px; color: #C81386; }

								/* position and colour of header text */



/*---------------------------------------

GENERAL STYLING

----------------------------------------*/



p { 							margin: 10px 0 0 0; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { 			margin: 0 0 15px 0; }

h2 {color: #9ED438;}

h3 {color: #C81386;}

html, body, div { 				font-family: "Lucida Sans", Arial, Verdana, Helvetica, sans-serif; 

								font-size: 95%; }

blockquote {					padding: 2%; background-color: #fff; 

								border: 0px solid #ccc; text-indent: 20px; }



/*---------------------------------------

DEFAULT LINK STYLES

----------------------------------------*/



a { 							color: #C81386; font-weight: bold; text-decoration: none; }

a:hover { 						text-decoration: underline; }



/*---------------------------------------

HEADER STYLES

----------------------------------------*/



div#header div.header_text a { 			color: #fff; text-decoration: none; }

div#header div.header_text a:hover { 	border-bottom: 2px solid #fff; }

div#header h1, div#header p { 			margin: 0px; }

										/* overrides h1 and p default margins */

								

/*---------------------------------------

SIDEBAR STYLES

----------------------------------------*/



#sidebar { 						color: #fff; }

#sidebar a { 					color: #fff; }

#sidebar h3 { 					color: #BEAEA5; text-align: right; border-bottom: 1px solid #BEAEA5; margin: 5px 0; }

#sidebar p { 					line-height: 1.0; }

ul#navigation, ul#links { 		list-style-type: none; }

								/* set nav and links ul to display no bullets */

ul#navigation li { 				display: block; width: 96%; border: 1px solid #C81386; margin-bottom: 5px;

								padding: 2%; background-color: #CFBFC0; }

ul#navigation li a { 			color: #C81386; }



#sidebar h5 { 					display: block; width: 96%; border: 1px solid #C81386; margin-bottom: 5px;

								padding: 2%; background-color: #CFBFC0; color: #C81386; }

								

/*---------------------------------------

CONTENT STYLES

----------------------------------------*/



div.item { 						margin-bottom: 20px; }

div.item h3 {  					border: 1px solid #ccc; background: #eee; padding: 10px; position: relative; color:C81386;}

								/* position:relative fixes random IE bug which means borders aren't displayed */