/******************************************************************************************************************
G3 Global Stylesheet

Developed by Matthew Hill, October 2006
Copyright Nixon McInnes (c) 2006
http://www.nixonmcinnes.co.uk

Elements receiving auto float-containing behaviour are defined at the bottom of the file to avoid repetition
of code in their own declaration block. This is for compliant browsers only and keeps markup clean of extra
clearing elements:
http://www.csscreator.com/attributes/containedfloat.php

******************************************************************************************************************/

body {
	margin:0;
	padding:0;
	background:#FFF;
	font: normal 85%/140% Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
	color:#000;
}


/******************************************************************************************************************
ELEMENTS TO HIDE FROM PRINTING
******************************************************************************************************************/

#skipnav,
#banner form,
#breadcrumbs,
#navside,
#navtop,
#navtabs,
#navside ul,
#navlocal {
	display:none;
}

/******************************************************************************************************************
GENERAL FORMATTING OF STANDARD ELEMENTS
******************************************************************************************************************/

h1,h2,h3,h4,h5,h6 {
	line-height:1;
	font-family: "Trebuchet MS",Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;	
}

a,a:link {
	color:#82A2C2;
	font-weight:bold;
	text-decoration:underline;
}

a:visited {
	color:#999;
}

a:hover {
	color:#F31C00;
}

.floatright {
	float:right;
}
.floatleft {
	float:left;
}

.picright {
	clear:right;
	float:right;
	margin:0 0 10px 17px;
}
.picleft {
	clear:left;
	float:left;
	margin:0 18px 30px 0;
}

.picleft {
	clear:left;
	float:left;
	margin:0 17px 10px 0;
}

.hitext, .warning {
	color:#D4260F;
}

img {
	background:#FFF;
	border:1px solid #CCCCCC;
	padding:4px;
	display:block;
}

/******************************************************************************************************************
WRAPPER
******************************************************************************************************************/

#wrapper {
	width:auto;
	padding:0;
	margin:0 auto;
}

/******************************************************************************************************************
MASTHEAD (TOP BANNER & TOP NAV CONTAINER )
******************************************************************************************************************/

#masthead {
	width:100%;
	background:#444B4C url(../images/bg_banner_print.gif) left top repeat-x;
}

	/******************************************************************************************************************
	BANNER
	******************************************************************************************************************/
	
	#banner {
		width:100%;
		height:100px;
		margin:0 auto;
	}
	
	#banner img {
		border:0;
		margin:0;
		padding:0;
		display:block;
		float:left;
	}
	
	#banner p {
		float:right;
		font-weight:bold;
		font-size:1.1em;
		color:#E5E5E5;
		margin:2cm 0 0 0;
	}
	
/******************************************************************************************************************
SIDE NAVIGATION
******************************************************************************************************************/

#navside {
	float:none;
	padding:0;
	line-height:normal;
}

/******************************************************************************************************************
CONTENT 
******************************************************************************************************************/

#content {
	padding:0;
	margin:0;
	height:0;
	min-height:0;
}

#content h1 {
	clear:both;
	margin:0 -17px 17px;
	padding:13px 17px;
	border-bottom:1px solid #E5E5E5;
	color:#495051;
	font-size:2.3em;
}

#content h2 {
	clear:both;
	font-size:1.6em;
	color:#A61E0C;
	padding:0 0 10px;
	margin:0 0 10px 0;
	border-bottom:1px solid #E5E5E5;	
}

#content ul {
	margin-top:0;
	margin-bottom:10px;
	list-style-image: url(../images/bullet_body.gif);
}

#content li {
	margin-bottom:5px;
}

#content p {
	margin:15px 0;
	padding:0;
}


/******************************************************************************************************************
FOOTER
******************************************************************************************************************/

#footer {
	clear:both;
	margin:0;
	padding:17px 0 0 0;
}

#footer div#footnews {
	display:none;
}

#footer div#footcontact {
	clear:both;
	padding:0.5cm 0 0 0;
	border-top:1px solid #E5E5E5;	
}

#footer div#footlinks {
	clear:both;
	padding:0.5cm 0 0 0;
	border-top:1px solid #E5E5E5;	
}

#footer h3 {
	padding:0;
	margin:0 0 7px 0;
	color:#A61E0C;
	font-size:1.2em;
}

#footer p {
	margin-top:0;
	padding:0;
}

#footer ul {
	padding:0;
	margin:0 0 15px 15px;
}

#footer li {
	margin-left:0;
	margin-bottom:4px;
	padding-left:0;
	list-style-image:url(../images/arrow_green.gif);
	line-height:normal;
}

/*#footer a[href^="/"]:after {
  content: " (" attr(href) ") ";
}*/

#footer a,#footer a:visited {
	font-weight:bold;
	color:#666;
	text-decoration:underline;
}

#footer a:hover {
	color:#D4260F;
}


/******************************************************************************************************************
DEFINITION LISTS / FORMS
******************************************************************************************************************/

form {
	margin:0;
	padding:0;
}

fieldset {
	border:none;
	margin:0;
	padding:0;
}

legend {
	display:none;
}

form label {
	line-height:normal;
	float:left;
	padding:3px 0 0 0;
}

form dl {
	margin:0;
	padding:0;
}

form dt {
	clear:both;
	margin:0;
	padding:0;
	float:left;
	width:4cm;
	line-height:normal;
}

form dd {
	padding:0 0 7px 0;
	margin:0;
	text-align:left;
}

form input.text,form textarea	{
	border:1px solid #C8C8C8;
	width:146px;
	padding:2px;
	font: normal 100%/1.2em Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
	background:#EFEFEF;
}

form button,input.button,a.button,a.button:hover {
	font-family:Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
	line-height:1;
	text-decoration:none;
	text-align:center;
	background-color:#A2C269;
	background-repeat:no-repeat;
	color:#FFF;
	border:none;
	padding:0;
	margin:0;
	height:20px;
	cursor:pointer;
}

form button {
	float:right;
}

form button span,
input.button span,
a.button span,
a.button:hover span {
	position:absolute;
	left:-1000em;
}

form select {
	width:150px;
	border:1px solid #C8C8C8;
	padding:2px;	
	background:#EFEFEF;
	font-size:100%;
	font-family:Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
}

form .check {
	width:30px;
	float:left;
}

form #address2,
form #address3 {
	margin-left:4cm;
}

/******************************************************************************************************************
RELATED PANELS
******************************************************************************************************************/

#relateditems {
	clear:both;
	padding:0.5cm 0 0 0;
	border-top:1px solid #E5E5E5;	
}

#eventdetails {
	float:none;
    width:auto;
    padding:0;
}

#userdetails {
	float:none;
    width:auto;
    padding:0;
}