/* ./_css/style.css */


/* - basics */
body {
	font-family: Tahoma, Geneva, sans-serif;
	color:#656565;
	font-size:12px;
}

a {
	
	color:#505050;
	font-weight:bold;
	text-decoration:none;	
}

a:hover {
	color:#656565;
}

	a em {
		color:#e22017;
		font-style:normal;
	}


.alt_color {
	color:#2b4e51	
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	color:#2b4e51;
	font-weight:normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;	
}

h1.alt_color, h2.alt_color, h3.alt_color, h4.alt_color, h5.alt_color, h6.alt_color {
	color:#656565;	
}


h1 {
	
	font-size:32px;
	line-height:36px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ef3e23;
}

	h1 span {
		display:block;
		line-height:16px;
		font-size:16px;
		color:#2b4e51;
	}


h2 {
	font-size:25px;
}

	h2 span {
		display:block;
		line-height:18px;
		font-size:18px;
		font-weight:bold;
	}
	
h3 {
	font-size:18px;
}

h4 {
	font-size:16px;
}


h4 + p {
	margin:0 0 15px;
}

h6 {
	font-size:16px;
	color:#ef3e23;
}


.alt_color,
* .alt_color{
	color:#ed1b2e;
}

				
/* - common elements */
.hr_dotted {
	height:1px;
	overflow:hidden;
	border-bottom:1px dotted #95a6a8;	
}


/* -- debossed header */
div.header_debossed,
	div.header_debossed div.cap_right {
		height:35px;
		background:url(../_images/header-debossed-bg.png) no-repeat;
	}
	
div.header_debossed {
	position:relative;
	margin:0 17px 0 0;
	background:url(../_images/header-debossed-bg.png) no-repeat;
}

	div.header_debossed div.cap_right {
		position:absolute;
		top:0;
		right:-17px;
		width:17px;
		background-position:right 0;
	}
	


/* -- social media icons */
.sm_icon {
	display:block;
	width:24px;
	height:24px;
	background:url(../_images/social-media-sprites.png) no-repeat;	
}

.sm_icon_fb {	
}

.sm_icon_twitter {	
	background-position:0 -24px;
}

.sm_icon_li {	
	background-position:0 -48px;
}

.sm_icon_blog {	
	background-position:0 -72px;
}


/* -- button bars */

div.button_bar,
	div.button_bar div.cap_right {
		background:url(../_images/buttons/button-bar-bg-sprites.png) no-repeat;
}

div.button_bar {
	position:relative;
	margin:0 10px 0 0;
}

	div.button_bar div.cap_right {
		position:absolute;
		top:0;
		right:-10px;		
		width:10px;		
	}	
	
	div.button_bar a {
		text-decoration:none;
		color:#2b4e51;
		font-weight:bold;
	}
	

/* --- 40px high */
div.button_bar_40, 
	div.button_bar_40 div.cap_right {
		height:40px;
}

div.button_bar_40 {
	padding:0 10px;
	background-position:0 -330px;
}

	div.button_bar_40 div.cap_right {
		background-position:right -330px;	
	}
	
	div.button_bar_40 a {
		line-height:21px;
		font-size:13px;
	}
	
	div.button_bar_40 a.two_lines {
	}
	
	
	/* ---- alignment */
	div.button_bar_40 div.align {
		padding:9px 0 8px 0;
	}

	

/* --- 50px high */
div.button_bar_50, 
	div.button_bar_50 div.cap_right {
		height:50px;
}

div.button_bar_50 {
	padding:0 10px;
	background-position:0 -180px;
}

	div.button_bar_50 div.cap_right {
		background-position:right -180px;	
	}
	
	div.button_bar_50 a {
		line-height:25px;
		font-size:13px;
	}
	
	div.button_bar_50 a.two_lines {
		padding-top:3px;
		line-height:13px;
	}
	
	/* ---- alignment */
	div.button_bar_50 div.align {
		padding:10px 0 7px 0;
	}

	
	
	
/* -- round buttons */

a.round_button {
	position:relative;
	display:block;
	text-decoration:none;
}

a.round_button span {
	position:absolute;
	top:0;
	display:block;
	background:url(../_images/buttons/round-button-sprites.png) no-repeat;
}


/* --- 23px wide */
a.round_button_23 {
	padding-left:30px;
	min-height:23px;
	height:auto!important;
	height:23px;
	line-height:23px;
	font-size:13px;
	font-weight:bold;
	color:#2b4e51
}

	a.round_button_23 span {
		left:0;
		width:23px;
		height:23px;
		background-position:-28px 0;
	}
	
/* ---- hover */
	a.round_button_23:hover span,
	a.round_button_23.hover span {
		background-position:-28px -46px;
	}
	
	a.round_button_23:hover span.alt,
	a.round_button_23.hover span.alt {
		background-position:-28px -23px;
	}
	
	
/* ---- active */
	a.round_button_23:active span,
	a.round_button_23.active span {
		background-position:-28px 69px;
	}



/* -- dialog boxes */
div.dialog {
	display:none;
	position:absolute;
	padding:20px;
	background:#2b4e51;
}	

	div.dialog div.dialog_stem {
		position:absolute;
		left:20px;
		bottom:-9px;
		width:19px;
		height:9px;
		background:url(../_images/dialog-stem-bg.png);
	}

/* --- 28px wide */
a.round_button_28 {
	padding-left:36px;
	min-height:28px;
	height:auto!important;
	height:28px;
}

	a.round_button_28 span {
		left:0;
		width:28px;
		height:28px;
	}
	
/* ---- hover */
	a.round_button_28:hover span,
	a.round_button_28.hover span {
		background-position:0 -56px;
	}
	
	a.round_button_28:hover span.alt,
	a.round_button_28.hover span.alt {
			background-position:0 -28px;
	}
	
	
/* ---- active */
	a.round_button_28:active span,
	a.round_button_28.active span {
		background-position:0 84px;
	}
	
	
/* - lists */
ul.styled,
ol.styled {	
}

	ul.styled li,
	ol.styled li {
		color:#ef3e23;	
	}
	
	
		ul.styled li p,
		ul.styled li span,
		ol.styled li p,
		ol.styled li span {
			color:#656565;	
		}