@charset "utf-8";
/* CSS Document */

body
	{
		background-color:#9eb19e;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		behavior: url(csshover.htc); 
		
	}
	
div#wrapper
	{
		width:900px;
		margin: 5px auto;
	}
	
div#bodybackground
	{
		background-image: url(images/hack_background.jpg);
		width: 900px;
		height: 1485px;
		position:relative;
		margin:auto;
		display:table;
	}
	
div#bodybackgrounda
	{
		background-image: url(images/hack_background_staff.jpg);
		width: 900px;
		height: 1845px;
		position:relative;
	}
	
div#bodybackgroundb
	{
		background-image: url(images/hack_background2.jpg);
		width: 900px;
		height: 1891px;
		position:relative;
	}
	
div#bodybackgroundc
	{
		background-image: url(images/hack_background_leadership.jpg);
		width: 900px;
		height: 1032px;
		position:relative;
	}
	
div#bodybackgroundd
	{
		background-image: url(images/hack_background_conferences.jpg);
		width: 900px;
		height: 700px;
		position:relative;
	}
		
div#bodybackgrounde
	{
		background-image: url(images/hack_background2.jpg);
		width: 900px;
		height: 2215px;
		position:relative;
	}
	
div#bodybackgroundf
	{
	/* changed background*/ 
		background: #ffffff url(images/hack_background_testimonials.jpg) no-repeat;
		width: 900px;
		height: 997px;
		position:relative;
	}
	
div#bodybackgroundg
	{
		background-image: url(images/hack_background_conferences2.jpg);
		width: 900px;
		height: 1375px;
		position:relative;
	}

div#bodybackgroundh
	{
		background-image: url(images/hack_background2.jpg);
		width: 900px;
		height: 2175px;
		position:relative;
	}
	
div#bodybackgroundi
	{
	/* changed background*/ 
		background: #ffffff url(images/hack_background_testimonials.jpg) no-repeat;
		width: 900px;
		height: 967px;
		position:relative;
	}

div#bodybackgroundj
	{
		background-image: url(images/hack_background_leadership.jpg);
		width: 900px;
		height: 1242px;
		position:relative;
	}


div#header
	{
		margin-top: 18px;
	}	
	
div#navbar
	{
		background-color:#FFFFFF;
		color: #000000;
		width: 844px;
		margin-left: 28px;
		position:absolute;
		z-index:10;
	}	

div#navigation
	{
		background-color: #FFFFFF;
		color:#000000;
		width: 100%;
	}

#navbar ul
	{
		list-style: none;
		font-weight:bold;
		text-align:right;
	}
	
#navbar  ul a 
	{
		color: #000000;		
		background: #ffffff;
		text-decoration: none;
		display: block;
		padding:5px 5px 5px 10px;
		width: 80px;
	}

#navbar ul a:hover 
	{
    	background: #ffffff;
		color: #339933;
    	text-decoration: none;
	}
	
#navbar ul li
	{
		background-color:#003300;
		color:#ffffff;
		border-bottom: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		float: left;
		position: relative;
	}
	
#navbar ul li ul
	{	
		background-color:#003300;
		color:#ffffff;	
		list-style: none;
		position: absolute;
		left: 0;
		top: 100%;
		display: none;
		width: 100px;
		border-top: 1px solid #ffffff;
	
	}
	
#navbar ul li ul li
	{
		background-color:#003300;
		color:#ffffff;
		border: 1px solid #ffffff;
	}

#navbar ul li:hover ul 
	{ 
		display: block; 
	}
	
/* Move navigation to the left and set a width of each nav title */
#navbar ul.level1 
	{
		margin-left: -40px;
	}
#navbar ul.level1 li 
	{
		text-align: center;
		width: 104px; /*Since your site is 844px and 844 is not divisible by 8, the closest you can make the width is 104*/
		background-color: #FFFFFF;
		color:#000000;
	}
/* Added a level2 class and defined the style here */
#navbar ul.level2 
	{
		padding: 0px;
		margin: 0px;
	}
	
#navbar ul.level2 li a 
	{
		color: #FFFFFF;
		font-weight: bold;
		background: #003300;
	}
#navbar ul.level2 li a:hover 
	{
		text-decoration:underline;
	}
		
#flashmain
	{
		background-color: #336633;	
		width:844px;
		height: 303px;
		margin-left: 28px;
		z-index:1;
	}
	
#flash
	{
		width:320px;
		margin:auto;
	}
	
#buffer
	{
		background-color: #ffffff;	
		width:844px;
		height: 13px;
		margin-left: 28px;
		padding-top: 17px;	
	}
	
#main
	{
		background-color: #ffffff;
		color:#000000;
		width: 844px;
		height: 974px;
		margin-left: 28px;
		margin-top: 0;

	}
	
#main2
	{
		background-color: #ffffff;
		color:#000000;
		width: 844px;
		height: 1590px;
		margin-left: 28px;
		margin-top: 0;
		position:absolute;
		float:left;
	}
	
#main3
	{
		background-color: #ffffff;
		color:#000000;
		width: 844px;
		height: 845px;
		margin-left: 28px;
		padding-top: 0px;
	}
	
#main4
	{
		background-color: #ffffff;
		color:#000000;
		width: 844px;
		height: 490px;
		margin-left: 28px;
		margin-top: 0;
	}
	
#main5
	{
		background-color: #ffffff;
		color:#000000;
		width: 844px;
		height: 960px;
		margin-left: 28px;
		margin-top: 0;
	}
	
#main6
	{
		background-color: #ffffff;
		color:#000000;
		width: 844px;
		height: 1680px;
		margin-left: 28px;
		margin-top: 0;
	}
	
#main7
	{
		background-color: #ffffff;
		color:#000000;
		width: 844px;
		height: 2010px;
		margin-left: 28px;
		margin-top: 0;
	}
	
#main8
	{
		background-color: #ffffff;
		color:#000000;
		width: 844px;
		height: 750px;
		margin-left: 28px;
		margin-top: 0;
		
	}
	
#main9
	{
	/* took positioning and float*/
		background-color: #ffffff;
		color:#000000;
		width: 844px;
		height: 790px;
		margin-left: 28px;
		margin-top: 0;
		/*position:absolute;*/
		/*float:left;*/
	}
	
#main10
	{
		background-color: #ffffff;
		color:#000000;
		width: 844px;
		height: 860px;
		margin-left: 28px;
		margin-top: 0;
	}
	
#leftcolumn
	{
		background-color: #cce5cc;
		color: #000000;
		margin-left:5px;
		width: 170px;
		float:left;
	}
	

		
#leftcolumn h1
	{
		color: #339933;
		font-size: 13px;
		font-weight: bold;
		margin-left:14px;
		margin-top: 5px;
	}
	
#leftcolumn h2
	{
		color: #000000;
		margin-left:14px;
		text-decoration:underline;
		font-size: 13px;
		font-weight: normal;
		margin-top:10px;	
	}

#leftcolumn p
	{
		
		font-size: 11px;
		font-weight:normal;
		text-decoration:none;
		border-bottom: 1px dotted #336633;
		margin-left: 14px;
		
	}
	
#leftcolumn ul
	{
		background-color:#cce5cc;
		color:#000000;
		font-weight:bold;
		text-align:left;
	}	
	
#leftcolumn ul li
	{
		background-color:#cce5cc;
		color:#000000;
		font-weight:bold;
		text-align:left;
		margin-left:10px;
	}
	
#content
	{
		background-color:#ffffff;
		color:#000000;
		width:432px;
		margin-left:24px;
		float:left;
		margin-top:23px;
	}
	
#content h1
	{
		color:#339933;
		font-size:17px;
		font-weight:bold;
	}
	
#content h2
	{
		color:#000000;
		font-size:15px;
		font-weight:bold;
	}
	
#content h3
	{
		color:#000000;
		font-size:15px;
		font-weight:bold;
		font-style:italic;
		margin-left:15px;
	}	
	
#content h4
	{
		color:#339933;
		font-size:13px;
		font-weight:normal;
		margin-left: 30px;
	}
	
#content p
	{
		font-size: 12px;
		font-weight:normal;
	}

#othercontent
	{
		background-color:#ffffff;
		color:#000000;
		width:800px;
		margin-left:24px;
		float:left;
		margin-top:23px;
		height: 1200px;
	}
	
#othercontent h1
	{
		color:#339933;
		font-size:17px;
		font-weight:bold;
	}
	
#othercontent h2
	{
		color:#000000;
		font-size:15px;
		font-weight:bold;
	}
	
#othercontent h3
	{
		color:#000000;
		font-size:15px;
		font-weight:bold;
		font-style:italic;
		margin-left:15px;
	}	
	
#othercontent h4
	{
		color:#339933;
		font-size:13px;
		font-weight:normal;
		margin-left: 30px;
	}

#othercontent h5
	{
		color:#000000;
		font-size:13px;
		font-weight:normal;
	}
	
#othercontent p
	{
		font-size: 12px;
		font-weight:normal;
	}
	
#othercontent2
	{
		background-color:#ffffff;
		color:#000000;
		width:820px;
		padding-left:24px;
		float:left;
		margin-top:23px;

	}
	
#othercontent2 h1
	{
		color:#339933;
		font-size:17px;
		font-weight:bold;
	}
	
#othercontent2 h2
	{
		color:#000000;
		font-size:15px;
		font-weight:bold;
	}
	
#othercontent2 h3
	{
		color:#000000;
		font-size:15px;
		font-weight:bold;
		font-style:italic;
		margin-left:15px;
	}	
	
#othercontent2 h4
	{
		color:#339933;
		font-size:13px;
		font-weight:normal;
		margin-left: 30px;
	}

#othercontent2 h5
	{
		color:#000000;
		font-size:13px;
		font-weight:normal;
	}
	
#othercontent2 h6
	{
		color:#339933;
		font-size:11px;
		font-weight:normal;
		font-style:italic;
		margin-left: 500px;
		margin-top: -15px;
	}
	
#othercontent2 .text1
	{
		color:#000000;
		font-size:14px;
		font-weight:bold;
		font-style:normal;
		margin-left: 10px;
		margin-top: -15px;
	}
	
#othercontent2 .text2
	{
		color:#000000;
		font-size:12px;
		margin-top: -15px;
		padding-left: 300px;
	}
	
#othercontent2 .text3
	{
		color:#339933;
		font-size:11px;
		font-weight:normal;
		font-style:italic;
		margin-top: -15px;
		padding-left: 300px;
	}
	
#othercontent2 .text4
	{
		color:#000000;
		font-size:11px;
		font-weight:normal;
		font-style:italic;
		margin-top: -15px;
		padding-left: 435px;
	}
	
#othercontent2 .text5
	{
		color:#000000;
		font-size:11px;
		font-weight:normal;
		font-style:italic;
		margin-top: -315px;
		margin-left: 15px;
	}
	
#othercontent2 .text6
	{
		color:#000000;
		font-size:11px;
		font-weight:bold;
		font-style:normal;
		text-align:center;
	}
#othercontent2 p
	{
		font-size: 12px;
		font-weight:normal;
	}
	
#bio
	{	
		background-color:#ffffff;
		width:800px;
		font-size:12px;
		margin-top:20px;
		clear:both;
		float:left;
	}

#bio2
	{	
		background-color:#ffffff;
		width:800px;
		height: 225px;
		margin-top:25px;
		font-size:12px;
	}
	
#rightcolumn
	{
		margin-left:0px;
		background-color:#ffffff;
		width:200px;
		float:right;
		display:inline;
		overflow:hidden;
	}
	
#rightcolumn h1
	{
		color: #339933;
		font-size: 13px;
		font-weight: bold;
		margin-left:14px;
		margin-top: 5px;
	}

.othersthink
	{
		padding-left:3px;
		padding-top: 12px;
	}
	
.programguides
	{
		padding-left: 3px;
		padding-top:13px;
	}

div#week1
	{
		width:300px;
		margin-left:100px;
		
	}	
	
div#week2
	{
		width:300px;
		margin-left:450px;
		margin-top:-475px;
	}
		
#images1 
	{
		border: none;	
	}
	
#images2 
	{
		float:left;
		margin-right: 15px;
		width:101px;
		display:inline;
		overflow:hidden;
	}	
	
#images3 
	{
		float:right;
		margin-left: 115px;
		margin-right: 115px;
		margin-top: 5px;
		width: 250px;
		display:inline;
		overflow:hidden;
	}
	
#images4 
	{
		float:left;
		margin-left: 100px;
		margin-right: 5px;
		margin-top: 5px;
		margin-bottom: 5px;
		width: 200px;
		display:inline;
		overflow:hidden;
	}
	
#images5 
	{
		float:right;
		margin-left: 45px;
		margin-right: 35px;
		margin-top: 155px;
		margin-bottom: 5px;
		display:inline;
		overflow:hidden;
	}
	
#images6 
	{
		float:right;
		padding-left: 100px;
		padding-right: 155px;
		padding-top: -10px;
		padding-bottom: 5px;
		width: 300px;
		display:inline;
		overflow:hidden;
	}
	
#images7 
	{
		float:right;
		margin-left: 45px;
		margin-right: 15px;
		margin-top: 5px;
		display:inline;
		overflow:hidden;
	}
	
#images8 
	{
		float: left;
		margin-left: -400px;
		margin-right: 125px;
		margin-top: 140px;
		margin-bottom: 5px;
		width: 200px;
		display:inline;
		overflow:hidden;
	}
	
#images9 
	{
		float: left;
		margin-right: 200px;
		margin-top: 25px;
		margin-bottom: 5px;
		width: 200px;
		display:inline;
		overflow:hidden;
	}
	
#images10 
	{
		float: left;
		margin-left: -400px;
		margin-right: 25px;
		margin-top: 95px;
		margin-bottom: 75px;
		width: 200px;
		display:inline;
		overflow:hidden;
	}

#images11 
	{
		float: left;
		margin-right: 125px;
		margin-top: 150px;
		margin-bottom: 5px;
		width: 200px;
		display:inline;
		overflow:hidden;
	}
	
#images12 
	{
		float:right;
		margin-right: 0px;
		margin-top: -100px;
		margin-bottom: 5px;
		width: 400px;
		display:inline;
		overflow:hidden;
	}
	
#image13
	{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	
#thank_you
	{
		float: right;
		display:inline;
		overflow:hidden;
		margin-right:40px;
		margin-top:20px;
	}	
	
#golf_gallery
	{
		float: right;
		display:inline;
		overflow:hidden;
		margin-right:-200px;
		margin-top:120px;
	}		
	
#logos1 
	{
		margin-left: 35px;
		width:77px;
		display:inline;
		overflow:hidden;
	}
	
#logos2 
	{
		margin-left: 5px;
		display:inline;
		overflow:hidden;
		border-width:0px;
	}
	
#logos3 
	{
		margin-left: 35px;
		width:85px;
		display:inline;
		overflow:hidden;
	}	
	
	
#sponsors
	{
		background-color:#cce5cc;
		margin-left: 27px;
		margin-top: 10px;
		width: 170px;
	}
	
#golfouting
	{
		color:#000000;
		margin-left:525px;
		width: 275px;
	}	
#footer
	{
		background-color:#cfd9cf;
		margin-top:31px;
		width:844px;
		display:inline;
		overflow:hidden;
		margin-left:28px;
	}
	
#footer2
	{
		background-color:#cfd9cf;
		margin-top:75px;
		width:844px;
		display:inline;
		overflow:hidden;
		
	}
	
#footer3
	{
		background-color:#cfd9cf;
		margin-top:75px;
		width:844px;	
		display:inline;
		overflow:hidden;
		margin-left:28px;
	}
	
#footer4
	{
		background-color:#cfd9cf;
		margin-top:1px;
		width:844px;	
		display:inline;
		overflow:hidden;
		margin-left:28px;	
	}
	
#footer5
	{
		background-color:#cfd9cf;
		margin-top:675px;
		width:844px;	
		display:inline;
		overflow:hidden;	
	}
	
#footer6
	{
		background-color:#cfd9cf;
		margin-top:50px;
		width:844px;	
		display:inline;
		overflow:hidden;	
		margin-left:28px;
	}
	
#footer7
	{
		background-color:#cfd9cf;
		margin-top:0px;
		width:844px;
		display:inline;
		overflow:hidden;
		margin-left:28px;
	}
	
#footer8
	{
		background-color:#cfd9cf;
		margin-top:0px;
		width:844px;
		display:inline;
		overflow:hidden;
		margin-left:28px;		
	}
	/* took float out*/
#footer9
	{
		background-color:#cfd9cf;
		margin-top:0px;
		/*float:left;*/
		margin-left: 27px;
		width:844px;
		display:inline;
		overflow:hidden;		
	}
	
#footer9
	{
		background-color:#cfd9cf;
		margin-top:100px;
		/*float:left;*/
		margin-left: 27px;
		width:844px;
		display:inline;
		overflow:hidden;		
	}

	
/* add float and margin-right */	
.footertext
	{
		text-align:right;
		float: right;
		margin-right: 27px;
	}
	
.footertext a
	{
		color:#000000;
		text-decoration:none;
	}
	
.footertext a:hover
	{
		text-decoration:underline;
	}
	

