@import url("reset.css");

/**********************
  COLORS & TYPOGRAPHY
**********************/

body { color: #dfe1cc; font: 100 80% Arial, Helvetica, "Trebuchet MS", Verdana, sans-serif; }

p, blockquote, li, span { line-height: 1.25em; text-align: justify; }

p { margin-bottom: 1.5em; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
small { font-size: .9em; text-transform: none; }

a, a:link{ color: #bfbc6e; outline: none; text-decoration: none; cursor: pointer !important; }
a:hover, a:active, a:focus { color: #e56138; text-decoration: underline; }

h2, h3, h4, h5, #Navigation, #Countdown, .Important, .Comment-Form .form-label strong, #Join-H3C { 
	color: #e56138;
	font-family: Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif; /* "Trebuchet MS", Arial, Helvetica, sans-serif; */
	font-weight: normal;
	text-align: left;
	letter-spacing: 0em;
	line-height: .9em;
	margin-bottom: .5em; }
	

h2 { font-size: 2.5em; }
h3 { font-size: 1.75em; color: #bfbc6e; }
h4, .Comment-Form .form-label strong { font-size: 1.5em; }
h5 { font-size: 1.25em; }

#Logo, #Tagline, #Barna-Logo, #H3C-Logo { text-indent: -999em; }


hr, .skip { display: none; }

.hr { 
	width: 100%; 
	height: 10px; 
	margin: 25px 0 20px;
	background: url(../../design/img/design/hr.gif) no-repeat center top; }

.border { border: solid 2px #171717; }
a:hover .border, a.border:hover, a:focus .border, a.border:focus { border: solid 2px #acc730; }

.subtle, .Subtle, #Footer .Container { color: #8e8069; }
.emphasize, .Emphasize { font-size: 1.20em; }

.text-left, .Text-Left { text-align: left; }
.text-right, .Text-Right { text-align: right; }
.text-center, .Text-Center { text-align: center; }
	
.center, .Center { margin-left: auto; margin-right: auto; }
img.center, img.Center, .Center img, .center img { display: block; margin-left: auto; margin-right: auto; }

.Float-Left { float: left; }
.Float-Right { float: right; }
.clear, .Clear { clear: both; }

img.Float-Right { margin: 0 0 20px 20px; }
img.Float-Left { margin: 0 20px 20px 0; }

.Bullet-List { list-style-type: disc; padding: 0 20px; margin: 1em 0; }




/**********************
	DESIGN & LAYOUT
**********************/

html, body { text-align: center; /* IE <5.5 Fix */ height: 100%; width: 100%; margin-bottom: 0px; }

body { background: #100a06 url("img/Background.jpg") repeat-x center top; }

	#Main { background: transparent url("img/Content-Background.jpg") no-repeat center top; height: 100%; }
	
	#Main .Container { position: relative; width: 860px; margin: 0 auto; text-align: left; padding-bottom: 2em;  }
		
			#Barna-Logo a, #H3C-Logo a { position: absolute; top: 15px; background: transparent url("img/Logos.gif") no-repeat 0 0; display: block; width: 160px; height: 60px; }
				#Barna-Logo a { left: 3px; background-position: 0 0; }
				#Barna-Logo a:hover, #Barna-Logo a:focus { background-position: 0px -100px; }
				
				#H3C-Logo a { left: 230px; background-position: -200px 0; }
				#H3C-Logo a:hover, #H3C-Logo a:focus { background-position: -200px -100px; }
			
			#Logo a { position: absolute; top: 109px; left: 3px; background: transparent url("img/Logo.gif") no-repeat 0 0; display: block; width: 380px; height: 70px; }
			#Logo a:hover, #Logo a:focus { background-position: 0 -100px; }
			
			#Navigation { position: absolute; top: 222px; left: 15px; width: 415px; }
			#Navigation li { float: left; list-style-type: none; padding: 0; margin: 0; }
				#Navigation li a { display: block; height: 30px; background: transparent url("img/Navigation.gif") no-repeat 0 0; text-indent: -999em; }
				
					#Navigation li.About-Barna a { width: 135px; background-position: 0 0; }
					#Navigation li.About-H3C a { width: 125px; background-position: -150px 0; }
					#Navigation li.About-The-Study a { width: 130px; background-position: -300px 0; }
					#Navigation li.About-The-Seminar a { width: 190px; background-position: -500px 0; }
					#Navigation li.Register-Online a { width: 120px; background-position: -700px 0; }
				
					#Navigation li.About-Barna a:hover, #Navigation li.About-Barna a:focus { background-position: 0 -50px; }
					#Navigation li.About-H3C a:hover, #Navigation li.About-H3C a:focus { background-position: -150px -50px; }
					#Navigation li.About-The-Study a:hover, #Navigation li.About-The-Study a:focus { background-position: -300px -50px; }
					#Navigation li.About-The-Seminar a:hover, #Navigation li.About-The-Seminar a:focus { background-position: -500px -50px; }
					#Navigation li.Register-Online a:hover, #Navigation li.Register-Online a:focus { background-position: -700px -50px; }
		
		#Content { margin-top: 335px; padding: 15px 20px 1em; }
		
		#Footer { background: transparent url("img/Footer-Background.gif") repeat-x center top; height: 50px; padding-top: 30px; }
		#Footer .Container { width: 820px; font-size: .75em; }
		#Footer .Container p { text-align: right; }
		

/**********************
   SPECIFIC ELEMENTS
**********************/

#Location-Map { float: right; margin-top: -40px; margin-left: 30px; }

#Seminar-Costs { padding-bottom: 40px; width: 800px; margin: 0 auto; }
	#Seminar-Costs li { float: left; width: 240px; height: 110px; padding: 0 12px; margin-bottom: 20px; text-align: center; color: #8e8069; font-size: .9em; background: transparent url("img/Border.gif") no-repeat center left; }
	
		#Seminar-Costs #Early-Registration { }
		#Seminar-Costs #Final-Report { background: none; }
		#Seminar-Costs #Final-Report, #Seminar-Costs #Final-Report a { width: 370px; }
		#Seminar-Costs #H3C-Membership, #Seminar-Costs #H3C-Membership a { width: 370px; }
		#Seminar-Costs a, #Seminar-Costs div { color: #8e8069; display: block; width: 240px; height: 70px; padding: 15px 0; }
		#Seminar-Costs a:hover, #Seminar-Costs a:focus { text-decoration: none; background-color: rgba(55,40,29,0.5); }
		/*#Seminar-Costs a:hover strong { text-decoration: underline; }*/
		#Seminar-Costs h4 { text-align: center; font-size: 1.2em; margin-bottom: 0; color: #FFF; font-style: italic; }
		#Seminar-Costs strong { display: block; font-size: 4em; line-height: 1em; color: #dc5c36; }
		#Seminar-Costs strong small { font-size: .5em; vertical-align: text-top; font-weight: normal; }
	

#Board-Members { width: 720px; margin: 0 auto; }
	#Board-Members li { float: left; width: 340px; height: 70px; padding: 20px 10px; margin-bottom: 20px; text-align: center; color: #8e8069; }
	#Board-Members li.Odd { background: transparent url("img/Border.gif") no-repeat left center; }
	#Board-Members li.Center { width: 690px; }
		#Board-Members strong { font-size: 1.5em; line-height: 1.25em; color: #FFF; }
	

#Questions, .Questions { width: 800px; margin: 0em auto 2.25em; }

.Questions.Left { float: left; }
.Questions.Right { float: right; }
	#Questions li, .Questions li { font-size: 1.1em; line-height: 1.1em; padding: .5em 100px .5em 0; text-align: left; color: #707247; }
	#Questions li.Odd, .Questions li.Odd { text-align: right; padding-right: 0; padding-left: 100px; color: #bfbc6e; }
	
		#Question-1 { color: #dc5c36; }
		/*#Question-2, li.Color-1 { color: #8e8069; }
		#Question-3, li.Color-2 { color: #bfbc6e; }
		#Question-4, li.Color-3 { color: #707247; }
		
		
		li.Size-1 { }
		li.Size-2 { font-size: 1.4em; }
		li.Size-3 { font-size: 1.1em; }
		li.Size-4 { font-size: 1.25em; } */
		

#Join-H3C a { font-size: 3em; }
	
	
#Attendees { margin: 0 auto; text-align: center; font-size: 1.1em; }
#Attendees li { padding: 3px 15px; color: #bfbc6e; display: inline-block; }
#Attendees li.Odd { padding: 3px 15px; color: #707247; }