* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

/*html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%; }*/

/*body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background:#0574b9 url(../images/sky_background.jpg) no-repeat; color:#666; line-height:21px}*/

html { background: #73ADD7 url(../images/gradient.gif) repeat-x; }

body { padding: 0; margin: 0; background: url(../images/sky.jpg) no-repeat center top; color: #666; width: 100%; display: table; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }

#wrapper { width:960px; margin:30px auto }

h1 { color:#902a8d; font-size:16px; text-transform:uppercase; padding-bottom:5px  }
h2 { font-size:16px; color:#069 }
h3 { font-weight:normal; text-transform:none; font-size:18px; color:#006633 } 
a {color:#902a8d; border:none }
a:hover {text-decoration: none}
p { font-size:12px; line-height:18px }
img {border:none}
blockquote { color:#069; border-top:1px solid #069; border-bottom:1px solid #069; padding:10px 5px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; line-height:24px; margin:10px 0 }
hr { color:#BBB }

#container { width: 960px; margin: 0 auto 40px 0; background: #fff; padding: 20px; float:left }

#header { background:#fff; height:204px; width:960px; position:relative }
.logo { width:281px; height:148px; float:left; position:absolute; }
.icon1, .icon2 { width:64px; height:64px; float:left; position:absolute; left:310px; top:93px }
.icon2 {left:370px}
.date { width:443px; height:38px; position:absolute; top:166px; left:1px; float:left }

#slideshow { width:516px; height:204; background:#333; float:right }

#leftcol { float:left; width:220px; }
	#menuTop {float:left; width:220px; height:7px }
	#menuBottom {float:left; width:220px; height:7px }
	
	#leftcol ul {margin:0; padding:0; list-style:none; width:100%; background:#902A8D; }
	#leftcol ul p {padding: 0 0 7px 10px; color: #fff; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; border-bottom:1px solid #5E205F; }
	#leftcol ul li a, #leftcol ul li a.first{ padding: 7px 0 7px 25px; font-size: 12px; line-height:18px; background: #902A8D url(../images/arrow.png) 10px center no-repeat; display:block; color: #fff; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
	#leftcol ul li a:hover, #leftcol ul li a.active{ background: #902A8D url(../images/arrow2.png) 10px center no-repeat }
	#leftcol ul li a.first {border-top:1px solid #A1479A }
	
	#leftcol p.photo { padding:4px; background-color: #333; color: #fff; margin-bottom: 10px; font-size: 11px; line-height: 13px}
	
	.guestHeader, .videoHeader, .testimonialHeader, .sponsorHeader { background:#fff url(../images/header-orange.jpg) no-repeat; color:#fff; font-size:14px; text-transform:none; width:220px; height:30px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px 0 2px 10px; float:left }
	.videoHeader { background:#fff url(../images/video_header.jpg) no-repeat; margin-bottom:0; width:425px }
	.testimonialHeader { background:url(../images/header_purple.jpg) no-repeat; margin-top:20px }
	.sponsorHeader { background:#fff url(../images/header_red.jpg) no-repeat; margin-top:20px }
	
	#guestContainer { width:210px; background-color:#E8E8E8; float:left; padding:5px; margin:1px 0 }
	#guestContainer h1 { color:#4E612C; font-size:22px; text-transform:none }
	#guestContainer h2 { color:#7F973B; font-size:10px; font-weight:normal; padding-bottom:1px }
	#guestContainer img { float:left; margin-right:5px }
	#guestContainer p {font-size:11px }
	#guestContainer a { color:#4E612C }
	
	#testimonialContainer { width:180px; height:180px; background:#fff url(../images/testimonials_bg.jpg) no-repeat; float:left; padding:20px 20px 0 20px }
	#testimonialContainer p { color:#666; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:13px; line-height:20px}
	.QuoteName {font-family:Verdana, Geneva, sans-serif; font-style:normal; font-size:11px}
	
	.shortcut1, .shortcut2, .shortcut3 {float:left; margin-bottom:7px }
	.shortcut1 { margin-top:10px }
	
#content {float:left; width:480px; background:#fff; padding:0 20px 20px 20px }
#content a.map { border:1px solid #ccc; padding:0; margin-bottom:20px }
#content p { padding-bottom: 10px }

#content2 {float:left; width:920px; padding:10px 0 }

#menu { width: 960px; background:#2E3192 url(../images/menu_bg.gif) repeat-x; height: 32px; padding: 0; float:left; clear:both; margin-bottom:20px }
#menu ul { padding: 0; list-style: none; line-height: normal; }
#menu li { float: left; border-left: 1px solid #fff; }
#menu a { display: block; width: 108px; height: 23px; padding-top: 9px; text-decoration: none; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; border: none; }
#menu a.longlink { width:190px }
#menu a:hover, #menu .current_page_item a { background:url(../images/menu_bg_over.gif) repeat-x; text-decoration: none; }
#menu .current_page_item a { background:url(../images/menu_bg_over.gif) repeat-x; padding-left: 0 }

#buttons {text-align:center; margin:5px}
#video { width:425px; margin:0 auto }

/* Lightbox images 
--------------------------------------------------------------------------------------- */
.img { margin: 9px; border:0pt; height: auto; width: auto; float: left; }	
.img img { display: inline; margin:0pt; border:2px solid #8da917; }
.img a:hover img { border: 2px solid #096d42; }

#rightcol { float:left; width:220px; height:auto;  }

#sponsorTop {float:left; width:220px; height:7px}
#sponsors {float:left; width:218px; height:110px; border-left:1px solid #636466; border-right:1px solid #636466}
#sponsorBottom {float:left; width:220px; height:7px}

	
ul.bodycopy, ol.bodycopy {padding-left:12px; color:#902a8d; margin-left:10px }
ul.bodycopy li p, ol.bodycopy li p { color:#666; line-height:18px }
ol.bodycopy { padding-left:18px }

table.costs { text-align:left; color:#fff; width:100%; margin:0 }
table.costs caption { background-color:#669900; font-size:14px; text-transform:uppercase; padding:5px }
table.costs th { width:25%; background-color:#666666; padding:5px 2px }
table.costs td { width:25%; padding:5px }
table.costs td.subheading { color:#333; font-size:10px; padding:0 }

table.downloads { width:440px }
table.downloads td { padding:10px 0 0 0; border-top:1px solid #ccc; }
.download_icon { padding-right:10px; }

ul#galleries {width:100%; list-style:none; height:100px }
ul#galleries li, ul#galleries li.long {display:inline-block; width:18%; text-align:center; }
ul#galleries li.long {width:24%}
ul#galleries li a { text-decoration:none }
ul#galleries li a.active, ul#galleries li a:hover { text-decoration:underline; color:#9C0 }

	#footer { width:960px; margin:0 auto; color:#fff; padding:10px 0; text-align: center}
	#footer a {color: #fff}

/* COLOURS */
.purple { color:#902a8d }
.orange { color:#f7931d }
.yellow { color:#FFCC00 }
.dgreen { color:#096d42 }
.grey { color:#666 }
.blue { color:#069 }
/* COLOURS */

/* CLASSES */
.top { width:1000px; height:10px; margin:0; padding:0; float:left; display:inline }
.aleft { text-align:left }
.acenter { text-align:center }
.aright { text-align:right }
.left { float:left; margin-right:10px }
.left2 { float:left; margin-right:15px }
.left3 { float:left }
.right { float:right; margin-left:10px }
.intro { font-weight:bold; line-height:20px  }
.subhead { font-size:26px; font-weight:bold; color:#fff; line-height:32px }
.subhead2 { font-size:14px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif }
.highlight { padding:10px; background-color:#902a8d; color:#fff; font-weight:bold; font-size: 20px }
.endquote p{ color:#666; font-style:normal; text-align:right }
.margin {margin-bottom: 20px}
.nomargin {margin-bottom:0 }
.button { text-align:center; padding:10 10 10 20; margin-bottom:20px}
.main { border:1px solid #999 }
/* CLASSES */


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */