/**********************************************************************************************

	Title: AFC 24
	Author: XHTMLized
	Date: September 2007 

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
			1.5 Sticker Footer
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Navigation
			3.4 Content
			3.5 Primary content
			3.6 Secondary content
			3.7 Side content
			3.8 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; 	font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
ol, ul {
	list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	padding: 0;
	background: #fff;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 62.5%; 
	margin: 0 auto;
	width: 980px;
	position: relative;
	color: #4f4f4f;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h2, h3, h4 {
	margin: 0;
	font-weight: normal;
	
}

h2 {
	font-size: 2.4em;
	color: #ED1C24;
}

h3, h4 {
	font-size: 2em;
	color: #ED1C24;
}

p  {
	margin: 0 0 14px 0;
	font: 1.3em/1.6 'Trebuchet MS', Arial, Helvetica, sans-serif;
	
}


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

label {
	text-transform: uppercase;
	font-size: 1.2em;
}

input, textarea, select {
	font: 1.3em/1.6 'Trebuchet MS', Arial, Helvetica, sans-serif;
	
}



/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a:link, a:visited {
	color: #ED1C24;
	text-decoration: none;
}

a:hover, a:active {
	color: #ED1C24;
	text-decoration: underline;
}



/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}

/* 1.5	Sticker Footer
-----------------------------------------------------------------------------------------------*/

html, body {height:100%;}

#nonfooter {position:relative;height:100%; min-height: 100%;
	height: auto !important;
	height: 100%; width: 980px; background:  url(../images/bg_body.gif) repeat-y center top;margin-bottom: -73px;}
* html #nonfooter {height:100%;}

#footer{
	margin-top: 73px;
}



/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.hide label {
	position: absolute;
	left: -9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.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 */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

#header {
	position: relative;
	height: 257px;
	margin: 0;
	background: #ccc url(../images/bg_header.gif) repeat-x; 
	color: #505050;
	overflow: hidden;
}

#content {
	background: url(../images/bg_main_wrap.gif) repeat-y center top;
	clear: left;
	z-index: 3;
	position: relative;
	float: left;
	width: 980px;
	height: 1%;
	}

#primary-content {
	width: 410px;
	float: left;
	padding: 0;
	margin-left: 184px;
	margin-top: 70px;
	padding: 30px 39px 0 90px;
}
	
#secondary-content {
	width: 224px;
	float: left;
	margin-top: 70px;
	padding: 5px 14px 0 18px;
}
	
#side-content {
	width: 185px;
	float: left; 
	position: relative;
	margin-left: -980px;
	padding: 0;
	z-index: 20;
	margin-top: 90px;

	
}

#footer {
	clear: both;
	padding: 50px 0 0;
	text-align: center;
	background: url(../images/bg_footer.gif) no-repeat left top;
	min-height: 23px;
	position: relative;
	bottom: 0;
	z-index: 1000;
}
	
	
/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

	#header a:link,
	#header a:visited {
		color: #fff;
	}

	/* Logo -> Image replacement. */
	#header h1, #header h1 a, #header h1 a span {
		display: block;
		width: 250px;
		height: 60px;
		overflow: hidden;
		cursor: pointer;
	}

	#header h1 {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 10;
	}

	#header h1 a:link, #header h1 a:visited {
		font-size: 1.8em;
		font-weight: bold;
		color: #505050;
	}

	#header h1 a span {	
		position: absolute; 
		top: 0;
		left: 0;
		z-index: 10;
		background: url(../images/logo.gif) no-repeat;
	}

	#header #slogan-image{	
		position: absolute;
		left: 70px;
		top: 0;
		z-index: 2;
	}
	#header #language-switch ul {
		top: 70px;
		right: 12px;
		position: absolute;
		font-size: 1.4em;
		line-height: 27px;
		text-align: right;
		text-transform: uppercase;
		z-index: 3;
	}

	#header #language-switch a{
		color: #ED1C24;
		background-color: #ccc;
	}
	#header #language-switch a:hover{
		color: #fff;
		background-color: #ccc;
		text-decoration: none;
	}
/* 3.3	Navigation
-----------------------------------------------------------------------------------------------*/
.navigation{
	height: 77px;
	width: 980px;
	overflow: visible;
	background-color: #fff;
}
#primary-navigation {
	width: 980px;
	line-height: 33px;
	background-color: #ED1C24;
	color: #fff;
	float: left;
	min-height: 31px; 
}

	#primary-navigation ul {
		margin: 0;
		padding: 0 9px;
	}

	#primary-navigation li {
		float: left;
		font-size: 1.6em;
		text-transform: uppercase;
		padding: 0;
	}

		#primary-navigation li.last a {
			background-image: none;
		}

	#primary-navigation a {
		color: #fff;
		background: url(../images/bg_main_nav_seperator.gif) no-repeat right top;
		padding: 0 9px;
		float: left;
	}

	#primary-navigation a:hover,
	#primary-navigation a:active {
		text-decoration: none;
		color: #fff;
	}

	#secondary-navigation {
	width: 980px;
	clear: left;
	line-height: 33px;
	background-color: #fff;
	color: #4f4f4f;
	float: left;
	min-height: 31px; 
	padding: 3px 0 10px;
	}
	
	#secondary-navigation ul {
		margin: 0;
		padding: 0 9px;
	}

	#secondary-navigation li {
		float: left;
		font-size: 1.6em;
		text-transform: uppercase;
		padding: 0;
	}

		#secondary-navigation li.last a {
			background-image: none;
		}

	#secondary-navigation a {
		color: #4f4f4f;
		background: url(../images/bg_sec_navigation_divider.gif) no-repeat right top;
		padding: 0 9px;
		float: left;
	}

	#secondary-navigation a:hover,
	#secondary-navigation a:active {
		text-decoration: none;
		color: #4f4f4f;
	}
	
	
/* 3.4	Content
-----------------------------------------------------------------------------------------------*/
#content .content-wrap{
	background: url(../images/bg_main.gif) no-repeat left top;
	min-height: 382px;
	z-index: 1;
	position: relative;
}

/* 3.5	Primary content
-----------------------------------------------------------------------------------------------*/	
#primary-content h2 {
	font-size: 2.4em;
	margin-bottom: 25px;
}
#primary-content h3 {
	font-size: 1.6em;
	color: #4f4f4f;
	background-color: #C9C9C9;
}


#primary-content p {
	font-size: 1.3em;
	color: #4f4f4f;
	background-color: #C9C9C9;
}

#primary-content ul {
	font-size: 1.3em;
	list-style: disc;
	margin-bottom: 20px;
}
	#primary-content ul li {
		padding: 5px 0;
		margin-left: 25px;
	}
#primary-content ol {
	font-size: 1.3em;
	list-style: decimal;
	margin-left: 33px;
	margin-bottom: 20px;
}
	#primary-content ol li {
		padding: 5px 0;
	}
	.image-table{
		width: 170px;
		padding-left: 35px;
		float: left;
		margin-bottom:28px;
		font-size: 1.2em;
		color: #4f4f4f;
		background-color: #c9c9c9;
		line-height: 15px;
		
	}
	.image-table img{
		margin-bottom:5px;
		border: 5px solid #fff;
	}


/* 3.6	Secondary content
-----------------------------------------------------------------------------------------------*/	
	#secondary-content h2 {
		font-size: 2.0em;
		margin-bottom: 20px;
	}

	#secondary-content h3 {
		font-size: 1.6em;
	}

	#secondary-content p {
		font-size: 1.3em;
	}

	#secondary-content .links ul {
		width: 220px;
		padding-bottom: 14px;
		list-style-type: none;
	}
	#secondary-content .links ul li a{
		min-height: 30px;
		border-left: 10px solid #ED1C24;
		background-color: #4f4f4f;
		color: #fff;
		line-height: 30px;
		margin-bottom: 14px;
		display: block;
		padding-left: 10px;
		font-size: 1.6em;
	}
	#secondary-content .links ul li p{
		font-size: 1.6em;
		color: #fff;
	}
	#secondary-content .links ul li p.text{
		font-size: 1.3em;
		color: #fff;
	}
	#secondary-content div.other, #secondary-content div.other2 {
		width: 220px;
		padding-bottom: 16px;
	}
	#secondary-content div.other h2,#secondary-content div.other2 h2{
		font-size: 2.0em;
		margin-bottom: 10px;
		color: #ED1C24;
	}
	#secondary-content div.other div{
		border-left: 10px solid #ED1C24;
		background-color: #4f4f4f;
		color: #fff;
		margin-bottom: 14px;
		display: block;
		padding: 15px 10px 5px;
	}
	#secondary-content div.other p, #secondary-content div.other2 p{
		color: #fff;
		line-height: 16px;
		padding-bottom: 10px;
	}
	

	#secondary-content div.other2 div{
		background-color: #4f4f4f;
		color: #fff;
		margin-bottom: 14px;
		padding-left: 0;
		
	}
	#secondary-content div.other2 a, #secondary-content div.other a{
		background-color: #4f4f4f;
		color: #fff;
		margin-bottom: 0;
	}
	#secondary-content div.other2 div.second{
		background-color: #4f4f4f;
		color: #fff;
		margin-bottom: 14px;
		padding: 10px 10px 0;
	
	}



/* 3.7	Side content
-----------------------------------------------------------------------------------------------*/	

#side-content h2 {
	font-size: 2.0em;

}

#side-content p {
	font-size: 1.3em;
}
	#side-content div.other, #side-content div.other2 {
		width: 170px;
		padding-bottom: 16px;
	}
	
	#side-content div.other h2,#secondary-content div.other2 h2{
		font-size: 2.0em;
		margin-bottom: 10px;
		color: #ED1C24;
	}
	#side-content div.other div{
		border-left: 10px solid #ED1C24;
		background-color: #4f4f4f;
		color: #fff;
		margin-bottom: 14px;
		display: block;
		padding: 15px 10px 5px;
	}
	
	#side-content div.other p, #side-content div.other2 p{
		color: #fff;
		line-height: 16px;
		padding-bottom: 10px;
	}
	#side-content div.other2 div{
		background-color: #4f4f4f;
		color: #fff;
		margin-bottom: 14px;
		padding-left: 0;
		font-size: 1.6em;
	}
	
	#side-content div.other2 a, #side-content div.other a{
		background-color: #4f4f4f;
		color: #fff;
		margin-bottom: 0;
	}

/* 3.8	Footer
-----------------------------------------------------------------------------------------------*/	

#footer p {
	color: #fff;
}


/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

#footer .vcard {
	margin: 0 auto;
	color: #fff;
	font-size: 1.2em;
	padding-right: 75px;
	}
		#footer .vcard .fn{
			display: none;
		}
		

/* 5. ADMIN PAGES 

*/

#language-switch ul li {
	list-style-type: none;
	}

.i18n-icon {
	display: none;
	}

#block-admin-display, .block-region {
	font-size: 1.0em;
	}

.breadcrumb {
	font-size: 1.3em;
	margin-bottom: 20px;
	}

#tabs-wrapper ul {
	padding-left: 0;
	}

#tabs-wrapper ul li {
	margin-left: 0;
	padding-left: 0;
	}

.form-item, .form-submit, .collapsible legend {
	font-size: 1.3em;
	}

.form-item label, textarea, select, input {
	font-size: 1.0em;
	}

.description, .tips {
	font-size: 1.0em !important;
	}

#block-admin-display table {
	font-size: 1.0em;
	}

#block-admin-display table td {
	padding-right: 1.0em;
	}

#tertiary-content .content a {
	font-size: 1.3em;
	}

/* Secondary tabs have the same appearance as the primary tabs.
Copied (and tweaked) from drupal/modules/system/system.css */

ul.secondary {
	border-collapse: collapse;
	padding: 0 0 0 1em;
//	white-space: nowrap;
	list-style: none;
	margin: 5px;
	height: auto;
	line-height: 1.3em;
	border-bottom: 1px solid #bbb;
}
ul.secondary li {
	display: inline;
	border: none;
	white-space: nowrap;
}
ul.secondary li a {
	background-color: #ddd;
	border-color: #bbb;
	border-width: 1px;
	border-style: solid solid none solid;
	height: auto;
	margin-right: 0.5em;
	padding: 0 1em;
	text-decoration: none;
}
ul.secondary li.active a {
	background-color: #fff;
	border: 1px solid #bbb;
	border-bottom: #fff 1px solid;
}
ul.secondary li a:hover {
	background-color: #eee;
	border-color: #ccc;
	border-bottom-color: #eee;
}

#webform-component-1193564614 label {
	display: none;
	}

#webform-component-1193564614 label.option {
	display: inline;
	}

label.option {
	font-size: 0.75em;
	text-transform: none;
	}

.block ul {
	margin: 0;
	padding: 0;
	}

.webform-component-textfield label, .webform-component-select label, 
	.webform-component-textarea label {
	text-transform: none;
	}

#webform-component-1194287815 label {
	display: none;
	}