/* 
-----------------------------------------------------
*******   STYLE SHEET FOR CONFERENCE ORGANISERS WEB SITE   *******
*******   Created by Stuart Nicholls          *******
*******   www.stuartnicholls.co.uk            *******
-----------------------------------------------------

CONTENTS

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms
	7. tables
	8. misc stuff

	A. debug colours

-----------------------------------------------------
Notes:


-----------------------------------------------------
*/

/* --------- 1. defaults  --------- */

* {/* zero all margins and padding */
		margin: 0;
		padding: 0;
		}

body {
	background:#e9e9e9;
	border-top:3px solid #804d76;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	letter-spacing:-0.5px;
}

#skipNav { /* skip-navigation container */
		position: absolute;
		top: 2px;
		left: 5px;
		width: 80px;
		text-align: center;
		}
		
		
/* For the benefit of sticky footer - NOTE: .NET Platforms
When coding sites for ASP.net where each page is inside a <form> tag,
be sure to add the form tag to the height:100% statement,
else it will break the sticky footer. Like this;

html, body, form, #wrap {height: 100%;}*/

		
/*  --------- 2. structure  --------- */

#mainWrapper{
	width:921px;
	margin:0 auto;
}

#contentWrapper{
	background: url(../images/texturedBg.jpg) repeat-y right top;
	width:921px;
	float:left;
	margin:0 0 40px 0;
	padding:0;
}

#column1{
	width:373px;
	float:left;
	display:inline;
	margin:0 0 0 7px;
	overflow:hidden;
}

#column2{
	width:500px;
	float:right;
	background:#FFF;
	margin:0 0 0 0;
	overflow:hidden;
}

/* Contact Details */


/* ---------- 3. links and navigation ----------- */


/*MAIN NAV END*/


/*SECONDARY NAV START*/


/*SECONDARY NAV END*/


/* ---------- 4. fonts ---------- */

#column1 h2{
	background:#7b877f;
	font-size:1.8em;
	letter-spacing:normal;
	width:170px;
	float:left;
	display:inline;
	padding:6px 0 6px 20px;
	margin:14px 100% 20px 0;
	font-weight:600;
	border-left:13px solid #d0d0c0;
}

#column1 p{
	width:316px;
	float:left;
	display:inline;
	font-size:1.2em;
	line-height:2em;
	padding:10px 0 10px 50px;
}

#column1 p em{
	font-size:1.3em;
	color:#bfbfa4;
	font-style:normal;
}

#column1 .startingQuote{
	margin:0;
	padding:30px 0 10px 50px;
	background:url(../images/texturedQuotesStart.gif) no-repeat top left;
}

#column1 .endingQuote{
	margin:0;
	background:url(../images/texturedQuotesEnd.gif) no-repeat bottom right;
}

#column1 ul{
	width:360px;
	float:left;
	display:inline;
	font-size:1.5em;
	margin:0;
	padding:8px 0 22px 50px;
}

#column1 li{
	width:auto;
	float:left;
	line-height:1.6em;
	letter-spacing:normal;
}

#column1 ul a{
	color:#FFF;
	border-bottom:1px solid #7b8881;
	padding:0 0 1px 0;
}

#column1 ul a:hover{
	text-decoration:none;
	border:none;
}

#column2 h1{
	background:#999983;
	font-size:2em;
	letter-spacing:normal;
	width:170px;
	float:left;
	display:inline;
	padding:6px 0 6px 28px;
	margin:40px 100% 20px -13px;
	font-weight:600;
}

#column2 h2{
	background:#999983;
	font-size:1.8em;
	letter-spacing:normal;
	width:170px;
	float:left;
	display:inline;
	padding:6px 0 6px 28px;
	margin:4px 100% 20px -13px;
	font-weight:600;
}

#column2 p{
	color:#6b6b6b;
	width:auto;
	float:left;
	display:inline;
	margin:0 20px 0 24px;
	padding:0 0 20px 20px;
	font-size:1.2em;
	line-height:2em;
	border-left:1px solid #b9d3e4;
}

#column2 ul{
	width:auto;
	float:left;
	display:inline;
	margin:0 20px 0 24px;
	padding:0 0 14px 20px;
	font-size:1.3em;
	color:#286b95;
	font-weight:600;
	border-left:1px solid #b9d3e4;
}

#column2 li{
	padding:0 0 0 14px;
	line-height:2em;
	background:url(../images/blueBullet.gif) no-repeat left;
}

#column2 .contactDetails{
	width:auto;
	float:left;
	display:inline;
	margin:0 20px 20px 24px;
	padding:14px 0 0 20px;
	font-size:1.3em;
	color:#286b95;
	font-weight:600;
	border-left:1px solid #b9d3e4;
}

#column2 .contactDetails li{
	font-size:1.3em;
	font-weight:normal;
	line-height:1.6em;
	color:#6b6b6b;
	background:none;
	padding:0;
}

#column2 .contactDetails strong{
	color:#286b95;
	font-weight:600;
}

#column2 .contactDetails strong a{
	color:#286b95;
	border-bottom:1px solid #286b95;
	margin:0 0 1px 0;
	text-decoration:none;
}

#column2 .contactDetails strong a:hover{
	border:none;
	text-decoration:none;
}

#socialNetworkingLinks{
	margin:0;
	padding:0;
	width:420px;
	float:left;
	padding:0 10px 10px 10px;
	display:inline;
}

#socialNetworkingLinks li{
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
	background:none;
}

#socialNetworkingLinks li a{
	width:110px;
	height:32px;
	float:left;
	padding:2px;
	margin:3px 4px 0 2px;
	border:1px solid #cae2f2;
}

#socialNetworkingLinks li a:hover{
	border:1px solid #8d9ea9;
}

.terms{
	width:856px;
	float:left;
	display:inline;
	text-align:right;
	margin:20px 0 0 20px;
	padding:0 44px 20px 0;
	font-size:1.1em;
	color:#b1b1b1;
	border-bottom:3px solid #804d76;
}

.terms p{
	margin:0;
	padding:0;
}

.terms a{
	color:#b1b1b1;
	font-size:inherit;
	text-decoration:underline;
}

.terms a:hover{
	color:#FFF;
}

/* ---------- 5. images ---------- */

#mainLogo{
	width:382px;
	height:170px;
	margin:34px 0 0 -7px;
}
	
#column2 #photoCollage{
	margin:0 0 0 9px;
}

.bottomCurveRight{
	margin:0 0 -5px 0;
	padding:0;
}

.topCurveRight{
	margin:0 0 -5px 0;
	padding:0;
}

#viewGalleryButton{}

/* ---------- 6. forms ---------- */


	/* -- search area -- */

	
/* ---------- 7. tables ---------- */
	
table {/* defaults */
		font-size: 100%;
		border-top: 1px solid #aaaaaa;
		border-left: 1px solid #aaaaaa;
		margin-bottom: 1em;
		}
	

td p {/* bring paragraphs within cells to standard size */
		font-size: 1em;
		}
		
		/* table without borders */
		
table.noBorders {
		border: 0;
		}
		
table.noBorders td {
		border: 0;
		}
		
		
/* ---------- 8. misc stuff ---------- */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #d9d9c8;
	padding: 5px;
	opacity: 0.85;
	font-size:0.8em;
	font-weight:600;
	color:#5c5c5c;
}
#tooltip h3, #tooltip div { margin: 0; }


/* ---------- 9. Styles for layout table used for search results ---------- */
		



/* ------------ A. debug  ------------ */
		



	
