/*------------------------------------------------------------------
[ STYLE.CSS ] Main Stylesheet
--------------------------------------------------------------------

[Table of contents]

1.	RESET

2.	MAIN STYLES
2.a  Tags defaults
2.b  Base layout
2.c  Navigations
2.d  Elements, ID's & Classes

3.	FORMS
3.a  General form styles
3.b  Individual forms

4.	PLUGINS

5.	PRINT


/*------------------------------------------------------------------

1.	RESET
	Global reset for all HTML elements

------------------------------------------------------------------*/

@media handheld, projection, screen, print {

* { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline }
html { height: 100% }
body { background: #fff; color: #000; font-size: 100.01%; min-height: 101%; text-align: left }
img, fieldset, abbr, acronym { border: 0 }
ul, ol { list-style: none; list-style-position: outside }
table { border-collapse: collapse; border-spacing: 0; width: 100% }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal }
caption, th { text-align: left }
q:before, q:after, blockquote:before, blockquote:after { content: '' }
input, select, textarea, button { font-size: 1em; line-height: normal; width: auto; vertical-align: middle }
textarea { height: auto; overflow: auto }
option { padding-left: 0.6em }
button { background: none; border: 0; text-align: center }
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: normal }


} @media handheld, projection, screen {


/*------------------------------------------------------------------

2.	MAIN STYLES
	General definitions

--------------------------------------------------------------------

/*-------------------------------
2.a Tags defaults
---------------------------------
[?] Tags only. No classes or ID's here.
*/

body {
	background: #f58a20 url(../img/bg.gif) repeat-y center 0;
	color: #4d4d4d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.67em;
	text-align: center;
}

p, ul, ol, table, dl, dd, pre { margin: 0 0 1.67em }

strong { font-weight: bold }
em { font-style: italic }
code, pre { font-family: "Courier New", Courier, monospace }
dt { font-weight: bold }
dd { font-style: italic }
cite { font-style: italic }
q { font-style: italic }
blockquote { font-style: italic; padding: 0 2.67em }

abbr, acronym { border-bottom: 1px dotted; cursor: help }


/* Headlines
-------------------------------
[?] Always define: font-size - line-height - margin
*/

h1 {
	color: #f6951f;
	font-size: 2.92em;
	margin: 1em 0 .4em;
}
h2 {
	color: #d85127;
	font-size: 2.17em;
	margin: 1em 0 .4em;
}
h3 {
	color: #d85127;
	font-size: 1.83em;
	margin: 1em 0 .4em;
}
h4 {
	color: #d85127;
	font-size: 1.50em;
	margin: 1em 0 .4em;
}
h5 {
	color: #f58f20;
	font-size: 1em;
	margin: 1em 0 .4em;
}
h6 {
	color: #00b5e3;
	font-size: .92em;
	margin: 1em 0 .4em;
}


/* Anchors
-------------------------------*/

a, a:link, a:visited {
	color: #7d7872;
	cursor: pointer;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #e39400;
	text-decoration: none;
}


/*-------------------------------
2.b Base layout
---------------------------------
[?] Mostly ID's. Classes & tags allowed.
*/

#wrap {
	margin: auto;
	text-align: left;
	width: 937px;
	position: relative;
	padding-right: 1px;
	overflow: hidden;
}
	#header, #content {
		float: left; display: inline;
		clear: both;
		position: relative;
	}
	#header {
		background: url(../img/bg_header.jpg) no-repeat;
		height: 180px; width: 100%;
		z-index: 9999;
	}
		#logo { margin: 0 }

			#logo a {
				background: url(../img/logo.gif) no-repeat;
				height: 87px; width: 119px;
				position: absolute;
				top: 32px; left: 34px;
			}
			#tagline {
				background: url(../img/tagline.gif) no-repeat;
				height: 85px; width: 193px;
				margin: 0;
				position: absolute;
				top: 32px; left: 579px;
			}

	#content { width: 100% }

		#main {
			float: left;
			padding: 0 47px 0 223px;
			width: 472px;
		}
		#sidebar-one {
			float: right;
			width: 195px;
		}
		#sidebar-two {
			text-align: center;
			width: 178px;
			position: absolute;
			top: 0; left: 0;
		}

	#footer {
		background: url(../img/bg_footer.png) repeat-x center bottom;
		width: 100%;
	}


/*-------------------------------
2.c Navigations
-------------------------------*/

ul.nav { margin: 0 }


/* Main navigation
-------------------------------*/

#nav {
	background: url(../img/bg_nav.gif) repeat-x;
	padding: 0 0 0 113px;
	height: 39px; width: 824px;
	position: absolute;
	top: 141px; left: 0;
}
	#nav li {
		float: left;
		border-left: 1px solid #898989;
		line-height: 39px;
		position: relative;
	}
	#nav li.first { border: 0 }

		#nav li a {
			float: left;
			color: #fff;
			font-size: 1.25em;
			display: block;
			text-decoration: none;
			padding: 0 13px;
		}
		#nav li a:hover, #nav li a.active { background-color: #4d4d4d }
		
		#nav li ul {
			background-color: #434343;
			border-top: 1px solid #fff;
			display: none;
			position: absolute;
			top: 39px; left: 0;
			width: 126px;
		}
		#nav li:hover ul, #nav li.hover ul { display: block }

			#nav li:hover ul li, #nav li.hover ul li {
				border: 0;
				line-height: 32px;
			}
				#nav li:hover ul li a, #nav li.hover ul li a {
					border-top: 1px solid #898989;
					padding: 0 0 0 20px;
					width: 106px;
				}
				#nav li:hover ul li.first a, #nav li.hover ul li.first a  { border: 0 }


/*-------------------------------
2.d Elements, ID's & Classes
-------------------------------*/

/* General elements
-------------------------------*/

#congress {
	background: url(../img/tt_congress09.gif) no-repeat;
	height: 41px; width: 218px;
	margin: 0;
	position: absolute;
	top: 36px; left: 350px;
}

h2#mainHeadline {
	background: url(../img/bg_h2-main.gif) repeat-x;
	color: #fff;
	font-size: 2em;
	line-height: 1em;
	margin: 0 -46px 24px -44px;
	padding: 48px 55px 21px 45px;
}

table.table0 { border: 3px solid #e39400 }

	table.table0 colgroup col.col1 { background-color: #d7d7dd; width: 177px }
	table.table0 colgroup col.col2 { width: 190px }
	table.table0 colgroup col.col3 { width: 94px }

	table.table0 thead tr td h1 {
		background-color: #e39400;
		color: #fff;
		font-size: 2.17em;
		text-align: left;
		margin: 0;
		padding: 5px 3px;
	}
	table.table0 thead tr td {
		background-color: #d24f32;
		border-right: 1px dotted #ddeec6;
		color: #fff;
		font-weight: bold;
		text-align: center;
		height: 30px;
		vertical-align: middle;
	}
	table.table0 tbody tr td {
		border-bottom: 1px dotted #c3c1be;
		border-right: 1px dotted #c3c1be;
		padding: 7px 10px;
	}

ul.list0 {
	margin: 0 0 0 -10px;
	width: 482px;
}
	ul.list0 li {
		background: url(../img/bullet.gif) no-repeat 0 6px;
		float: left;
		display: inline;
		margin: 0 0 3px 10px;
		padding: 0 0 0 15px;
		width: 130px;
	}

div.news {
	border-bottom: 1px dotted #c3c1be;
	border-top: 1px dotted #c3c1be;
	color: #000;
	padding: 20px 42px 10px 112px;
	position: relative;
}
	div.news img {
		position: absolute;
		top: 24px; left: 0;
	}
	div.news p, div.news h4 { margin: 0 0 .2em }
	
	div.news p.date { color: #7d7872 }
	
	div.news h4 {
		font-size: 1.17em;
		font-weight: bold;
	}
		div.news h4 a { color: #ab0017 !important }
		div.news h4 a:hover { color: #e39400 !important }

		div.news p.more a {
			background: url(../img/bullet.gif) no-repeat right 4px;
			padding: 0 15px 0 0;
		}


div.block {
	border-bottom: 1px solid #dadada;
	text-align: right;
	padding: 25px 40px 15px 0;
}
	div.block h3, div.block h4, div.block p { margin: 0	}

	div.block img.border-1 { border: 3px solid #ff9b27 }
	div.block img.border-2 { border: 3px solid #ff674b }
	
	div.block p.float {
		float: left;
		padding: 0 0 0 25px;
	}

p.register { padding: 0 0 0 10px }

div.info {
	color: #f58a20;
	font-size: .83em;
	line-height: 1.60em;
	padding: 17px 8px 0 12px;
}
	div.info p { margin: 0 }
	
	div.info a { color: #e39400 }


#sidebar-two h5 {
	color: #f58f20;
	font-size: .83em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 1.3em;
}

#sidebar-two div.block {
	background-color: #fff;
	border-bottom: 1px solid #dadada;
	text-align: center;
	margin: 0 0 26px;
	padding: 19px 0 6px;
}
	#sidebar-two div.block img { margin: 0 0 12px }

#sidebar-two ul.nav {
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
	text-align: left;
	margin: 82px 0 0;
}
	#sidebar-two ul.nav li a {
		color: #fff;
		font-size: 1.25em;
		display: block;
		padding: 15px 0 15px 42px;
	}
	#sidebar-two ul.nav li.register a {	background: #828282 url(../img/ico_register.png) no-repeat 10px center; border-bottom: 1px solid #dadada }
	#sidebar-two ul.nav li.download a {	background: #828282 url(../img/ico_download.png) no-repeat 14px center }

	#sidebar-two ul.nav li a:hover { background-color: #000 }
	

#footerWrap {
	text-align: left;
	margin: 0 auto;
	width: 937px; height: 351px; 
	position: relative;
}
	#footerWrap a { color: #fff }
	
	#footerWrap div.info {
		position: absolute;
		bottom: 42px; left: 0;
	}
		#footerWrap div.info h6 {
			color: #fff;
			font-size: 11px;
			font-weight: bold;
			margin: 0 0 .3em;
		}
		#footerWrap div.info ul {
			color: #fff;
			font-size: 11px;
			line-height: 1.55em;
			margin: 0;
		}
	
	#footerWrap p.the-voice {
		margin: 0;
		position: absolute;
		bottom: 42px; left: 340px;
	}
	#footerWrap p.logo {
		margin: 0;
		position: absolute;
		bottom: 42px; right: 75px;
	}

#bg {
	background: url(../img/bg_climbing.gif) no-repeat center 0;
	overflow: hidden;
	width: 100%;
}



/*------------------------------------------------------------------

3.	FORMS
	Styles for forms only

--------------------------------------------------------------------

/*-------------------------------
3.a General form styles
-------------------------------*/

/* Form elements
-------------------------------*/

input.text, select.select, textarea.textarea
{
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	padding: 3px;
}
input.text { width: 195px }
select.select { width: 200px }
textarea.textarea { height: 10em; width: 195px }

select.select.free { width: auto }

button.button {
	color: #000;
	cursor: pointer; 
	height: auto; width: auto;
	line-height: normal;
	white-space: nowrap;
}

input.submit {
	color: #000;
	cursor: pointer;
	padding: 5px 10px;
}


/* General forms
-------------------------------*/

form.form ol.fieldset {	/* nothing here */ }

	form.form ol.fieldset li.field {
		margin: 0 0 1em;
		position: relative;
	}
		form.form ol.fieldset li.field label {
			font-weight: bold;
			display: block;
			margin-bottom: 5px;
		}
			
	form.form p.submit { /* nothing here */ }


/* Search Forms
-------------------------------*/

form.search { margin-bottom: 1.33em }

	form.search p.fields { margin: 0 }

		form.search p.fields input, form.search p.fields button {
			display: inline;
			vertical-align: middle;
		}

		
/*-------------------------------
3.b Individual forms
-------------------------------*/





/*------------------------------------------------------------------

4.	PLUGINS
	Predefined utilities

--------------------------------------------------------------------

/*-------------------------------
Utility classes
-------------------------------*/

.clear { clear: both }
.hide, .hidden, .skip { display: none }
.top { margin-top: 0 !important; padding-top: 0 !important; }

.hr { background: #ccc; display: block; height: 1px; margin: 1.5em 0; }
.hr hr { display: none }

.replace, .br, #logo a { display: block; font-size: 1%; line-height: 0; text-align: left; text-indent: -10000px; }

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden }



} @media print {

/*------------------------------------------------------------------

5.	PRINT
	Styles for print

------------------------------------------------------------------*/

body { background: none; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 10pt }
code, pre { font-family: "Courier New", Courier, mono }
img { float: left; clear: left; page-break-inside: avoid; page-break-after: avoid }

a, a:link, a:visited { color: blue; text-decoration: underline }

blockquote, table, pre { page-break-inside: avoid }
ul, ol, dl  { page-break-before: avoid }
h1, h2, h3, h4, h5, h6 { display: block; font-weight: bold; page-break-after: avoid }

#footer, .ad, #nav, .nav, form, .skip { display: none }

h1 { font-size: 3em; margin: .67em 0; }
h2 { font-size: 2em; margin: .83em 0; }
h3 { font-size: 1.5em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.92em; margin: 1.67em 0; }
h6 { font-size: 0.83em; margin: 2.33em 0; }


/*------------------------------------------------------------------
	END CSS
------------------------------------------------------------------*/

}/* end @media */

/* Background Misalign Fix - Opera & Safari */
@media all and (-khtml-min-device-pixel-ratio:10000), not all and (-khtml-min-device-pixel-ratio:0) { body { padding-right: 1px } #wrap { padding: 0 0 0 1px; } }