@charset "utf-8";

/* Reset CSS */
@import url(reset.css);

html {
	height:100%;
	background:url(../images/bg.jpg) #5a5851 repeat-x;
}
body {
	font: 100% Arial,Verdana, Helvetica, sans-serif;
	/*background-color:#5a5851;*/
	color: #000000;
	/*background-repeat: repeat-x;*/
	height:100%;
	

}
#container {
	width:962px;
	margin:0 auto;
	/*border: 1px solid #000000;*/
	height:auto;
	min-height: 100%;
	/*background-image: url(images/main-bg.jpg);*/
	background-color:#FFFFFF;
	background-repeat: repeat-y;
	border-width: 3px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-color: #000000;
}
#main{
	width:100%;
	height:auto;
	min-height: 100%;
	background-color: #FFFFFF;
	background: url(../images/main-bg.jpg) no-repeat right top;
	padding-bottom:60px;
}
	#header {
		width:962px;
		height:239px;
		background-image:url(../images/header-bg.jpg);
		/*background: #DDDDDD;*/
		/*padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an 	image is used in the #header instead of text, you may want to remove the padding. */
		background-repeat: no-repeat;
		position:relative;
	}
		#header h1 {
			display:block;
			position:absolute;
			top: 25px;
			left: 36px;		
	
		}
			#header h1 a{
				text-indent:-9999px;
				display:block;
				width:279px;
				height:129px;
				background:url(../images/logo.jpg) no-repeat;
			}
		#navigation {
			position:absolute;
			width:962px;
			height:69px;
			top: 170px;	
			background:url(../images/nav-bg.jpg) no-repeat;
			/*border:solid #006633 1px;	*/	
		}
		#navigation ul {
			display:block;
		}
		#navigation li{
			height:69px;
			display:inline;
			float:left;
			list-style-type:none;
		}
		#navigation li a{
			height:69px;
			display:block;
			
			text-indent:-9999px;
		}
		#navigation li.home a{width:141px; background:url('../images/nav-home.jpg') no-repeat;}
		#navigation li.home a:hover{background:url('../images/nav-home-over.jpg') no-repeat;}	
		#navigation li.about-us {width:157px;background:url('../images/nav-about_us.jpg') no-repeat}
		#navigation li.about-us a:hover {background:url('../images/nav-about_us-over.jpg') no-repeat}
		#navigation li.schools {width:153px;background:url('../images/nav-schools.jpg') no-repeat}
		#navigation li.schools a:hover {background:url('../images/nav-schools-over.jpg') no-repeat}
		#navigation li.business-mentors {width:160px;background:url('../images/nav-business_mentors.jpg') no-repeat}
		#navigation li.business-mentors a:hover {background:url('../images/nav-business_mentors-over.jpg') no-repeat}
		#navigation li.speakers {width:171px;background:url('../images/nav-speakers.jpg') no-repeat}
		#navigation li.speakers a:hover {background:url('../images/nav-speakers-over.jpg') no-repeat}
		#navigation li.sponsors {width:180px;background:url('../images/nav-sponsors.jpg') no-repeat}
		#navigation li.sponsors a:hover {background:url('../images/nav-sponsors-over.jpg') no-repeat}
		
#mainContent{
	width:598px;
	float:left;
	height:auto; 
	min-height: 100%;
	
}
	#mainContent h1{
	margin:15px 15px -10px 15px;
	/*background:url(../images/title-bg.jpg) no-repeat;*/
	height:45px;
	width:353px;
	padding:11px 35px 0px;
	font-size:25px;
	text-indent:-9999px
	/*text-transform: uppercase;*/
	/*letter-spacing: -0.05em;*/
	}
	#mainContent p, #mainContent ul,#mainContent h2,#mainContent h3, #mainContent blockquote, #mainContent cite  {
		line-height:24px;
		margin: 15px 35px 0px 40px;
	}
	#mainContent p{
		color:#000000;		
	}
	#mainContent h2, #mainContent h3{
	margin-top:30px;
	font-size:20px;
	color:#A8BB24;
	clear:left;
	}
	#mainContent ul{
	list-style-position: outside;
	list-style-type: disc;
	margin-left:70px;		
	}
	#mainContent li{
		margin-bottom:10px;
	}
	#mainContent a {
		color:#36B6BC;
	}
	#mainContent .img-in-content,#mainContent .img-in-content2{
	vertical-align: text-top;
	display: inline;
	float:right;
	margin: 0px 0px 7px 7px;
	border:2px #000000 solid;
	}
	/*used to display speaker images*/
	#mainContent .img-in-content2{
		margin: 5px 10px 10px 0px;
		float:left;
	}
	#mainContent blockquote {
	font-size:13px;
		font-style:italic;
	}
	#mainContent cite{
		font-style:normal;
		font-weight:bold;
	}
	
#side-speakers,#side-photos{
	margin:10px 0px;;
	 /*this will change for other one*/
	width: 349px;  /* since this element is floated, a width must be given */
	float: right; 
}
#side-speakers {
	height:230px;
	background: url('../images/side-speakers.png') no-repeat;
}
#side-photos {
	height:348px;
	background: url('../images/side-photos.png') no-repeat;
}
#side-speakers h1,#side-photos h1{
	font-size:20px;
	margin:30px 30px 10px 25px;;
}
#side-speakers h1{ color:#ef146d;}
#side-photos h1{ 
	color:#e09431; 
	display:block;
	width:80px;
	height:25px;
	text-indent:-9999px;
	background:url(../images/photos-heading.jpg) no-repeat ;
}

#side-speakers p,#side-photos p{
	font-size:12px;
	margin:0px 35px 15px 30px;
}

#side-speakers h1{
	display:none;
	/*margin:30px 30px 0px;*/
}
/*flash-cont no longer used*/
#side-speakers p.flash-cont, #side-speakers #flashAnimation{
	margin:5px 0px;
}


#side-photos ul {
	margin-left:25px;
}
#side-photos li {
	display:inline;
}
#side-photos img.event-thumb{
	margin:3px 5px;
}
#side-photos img.hidden-thumb{
	/*used for displaying extra images in lightbox but not on screen*/
	display:none;
}

/*h3 is the downloads and press headings*/
#mainContent h3{
	color:#000;
	font-size:18px;
}
#downloads,#press{
	/*border: 2px #FF0000 solid;*/
	margin-top:30px;
	float:left;
	width:400px; /*change back to 280px each when using press */
}

#downloads h3,#press h3{
	text-indent:-9999px;
	height:26px;
	width:181px;
	display:block;	
}
#downloads h3{background-image:url(../images/downloads.jpg);}
#press h3{background-image:url(../images/press-releases.jpg);}
#downloads ul, #press ul{
	
	font-weight:bold;
	font-size:13px;
	list-style-type:none;
	margin-left:50px;
	line-height:25px;
}
#downloads li{
	background:url(../images/icon-download.jpg) no-repeat;
	padding:1px 0px 1px 40px;
	/*margin-bottom:15px;*/
	
}
#downloads a{
	color:#e2007b;
}
#downloads a:hover, #press a:hover{
	color:#000;
}
#press li{
	background:url(../images/icon-press.jpg) no-repeat;
	padding:1px 0px 1px 40px;
}
#press a{
	color:#f6951e;
}

#footer {
	clear:both;
	/*width:100%;*/
	width:962px;
	/*height:49px;*/
	/*position: relative;*//*may not be needed*/
	margin: 0 auto;
	/*vertical-align: top;*/
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	/*height of the footer*/	
	/*margin-top:  -172px;*/
	height:252px;
	position:relative;

}
#footer p{
	position:absolute;
	color:#FFFFFF;
	font-size:11px;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	bottom: 2px;
}
#footer p.info {
	left: 55px;
}
#footer p.by{
	font-size:12px;
	right: 70px;
}
#footer a{
	font-weight:bold;
	color:#FFFFFF;
}
#footer img{
	/*display:inline;*/
	vertical-align: middle;
	margin:0px 20px 10px;
	text-align: center;
	/*border:solid #000 1px;*/
}
/*#footer img.sponsor1 {margin:40px 20px 10px 50px;}*/
/*#footer img.sponsor2 {margin:40px 30px 10px 30px;}
#footer img.sponsor3 {margin:40px 30px 10px 30px;} */
#footer h2{
	position:absolute;
	padding: 50px 50px 0px;
	font-size:18px;
	color:#FFFFFF;
	height:30px;
	width:114px;
	display:block;
	text-indent:-9999px;
	background:url(../images/partners-heading.jpg) no-repeat;
	top: 45px;
	left: 40px;
}
#image-cont{
	
	display:block;
	width:962px;
	margin:0 auto ;
	/*margin:30px;*/
	text-align: center;	
	padding-top:75px; /*adjust to shift logos up or down*/
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	margin-top:20px;
}
.bold{
	font-weight:bold;
}
.last {
	margin-bottom:60px;
}
.italic{
	font-style:italic;
}
.emphasised{
	border:3px solid #46c1c8;
	display:block;
	padding:13px;
	font-weight:bold;
	font-size:15px;
	margin:45px 0px 30px;
}