/* -------------------------------------- */
/* -------  GLOBAL ELEMENTS  ------------ */
body,h1,h2,h3,h4,h5,h6,form,img,span,div,ul,li,p {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	background: url(images/page_bg.gif) repeat-x #dfddd1;
	font: 0.75em Arial;
	text-align: center;
	color: #555244;
}

/* span and link styles */
a { color: #9A0100; }
a:hover { text-decoration: none; }
.orange { color: #9A0100; }
.displayblock { display: block; }
.floatleft { float: left; }
.floatright { float: right; }
#commentform textarea{
width: 530px;
}

p{
padding: 5px 0px;
}

/* Centers the layout */
#centered {
	margin: 0 auto;
	text-align: left;
	width: 921px;
}

/* Info bar (top) */
#info {
	padding: 12px 35px 14px 0px;
	text-align: right;
	color: #5e5d57;
	font-weight: bold;
}

/* Header */
#header {
	padding: 0px 0px 0px 41px;
}
	#header a#logo {
		background: url(images/logo.gif) no-repeat 0px 0px;
		display: block;
		text-indent: -10000px;
		width: 330px;
		height: 114px;
	}
	
/* White content background */
#content {
	background: url(images/content_bg.gif) repeat-y;
}
#top {
	background: url(images/content_top.gif) no-repeat;
	padding: 11px 0px 0px 0px;
}
	#top.subpage {
		padding: 2px 0px 0px 0px;
	}

/* Grey banner */
#banner {
	height: 141px;
	background: url(images/banner_bg.gif) no-repeat 20px 0px;
	padding: 0px 0px 0px 20px;
	color: #e2e0d5;
}
	/* Tagline box */
	#banner #quote {
		position: relative;
		top: -65px;
		left: 381px;
		width: 491px;
		height: 95px;
		background: url(images/quote_bg.gif) no-repeat;
		color: #45443d;
	}
		#banner #quote span {
			display: block;
			padding: 42px 60px;
			font-size: 1.9em;
		}
	/* Banner text */
	#banner .text {
		display: block;
		padding: 0px 60px 0px 443px;
		font: 1.2em Arial;
		line-height: 1.8em;
		
		margin-top: -40px;
	}
	
/* Navigation */
#navigation {
	height: 64px;
	background: url(images/nav_bg.gif) no-repeat;
	padding: 0px 30px;
}
	/* Alternative navigation for subpage */
	#navigation.subpage {
		background: url(images/nav_bg2.gif) no-repeat;
	}
	#navigation ul {
		display: table;
height: 59px;
	}
		#navigation ul li {
			float: left;
			padding: 20px 0px 24px 0px;
                        text-align: center;
                        width: 100px;
list-style-type: none;
			
		}
			#navigation ul li a {
				color: #ffffff;
				display: block;
				font-weight: bold;
			}
				
			#navigation ul li.current_page_item a {
				background: url(images/nav_left.gif) no-repeat;
				color: #9A0100;
			}
			#navigation.subpage ul li.current_page_item a {
				background: url(images/nav_left2.gif) no-repeat;
			}
				#navigation ul li.current_page_item{
					background: white url(images/nav_right.gif) no-repeat right top;
				}
				#navigation.subpage ul li.current_page_item a span {
					background: url(images/nav_right2.gif) no-repeat;
				}

				
#container {
	padding: 30px 0px 20px 53px;
}
	#container:after {
    	content: ".";
    	display: block;
    	height: 0;
    	clear: both;
    	visibility: hidden;
	}
	#container {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html #container { height: 1%; }
	#container { display: block; }
	/* End hide from IE-mac */
	
	
	/* Left column */
	#left {
		width: 530px;
		float: left;
		margin-bottom: 30px;
	}
		/* Left big text */
		#left .big {
			margin-bottom: 17px;
			font: 1.9em Arial;
			line-height: 1.5em;
			display: block;
		}
		/* intro big text */
		#left #intro {
			display: block;
			text-align: justify;
			font-size: 1.2em;
			line-height: 1.7em;
			margin-bottom: 30px;
		}
		
		#left h2 {
			border-bottom: 2px solid #e5e5e4;
			font: bold 1.7em Arial;
			margin-bottom: 15px;
		}
		
		/* Left lists */
		#left ul {
			list-style: none;
			padding: 3px 10px;
			margin-bottom: 10px;
		}
			#left ul li {
				background: url(images/bullet.gif) no-repeat 0px 8px;
				padding: 0px 20px 15px 20px;
				line-height: 1.5em;
			}
			
		/* Main articles */	
		#left #articlecontent {
			padding: 20px 0px;
			line-height: 1.8em;
		}
			#left #articlecontent .img2 {
				border: 5px solid #dfddd9;
				padding: 3px;
				background: #ffffff;
				margin: 3px 28px 10px 0px;
			}
	
	/* Right column */
	#right {
		width: 292px;
		float: right;
		margin-bottom: 20px;
	}
		/* Headers */
		#right h1 {
			background: url(images/right_h1.gif) no-repeat;
			color: #ffffff;
			font: 1.6em Arial;
			padding: 7px 10px 18px 20px;
		}
		#right .padding {
			padding: 2px 35px 25px 11px;
		}
		#right .img1 {
			display: block;
			padding: 3px;
			border: 5px solid #e3e3e2;
			margin-bottom: 20px;
		}
		
		/* Right lists */
		#right ul {
			list-style: none;
		}
			#right ul li {
				border-bottom: 1px solid #e3e3e2;
				padding: 6px 15px;
			}
				#right ul li.active {
					background: #9A0100;
				}
					#right ul li.active a {
						color: #ffffff;
					}
				#right ul li a {
					color: #5d5c55;
				}
		
		#right a.more {
			display: block;
			height: 25px;
			background: url(images/more.gif) no-repeat;
			color: #ffffff;
		}
			#right a.more span {
				display: block;
				float: right;
				width: 89px;
				text-align: center;
				padding: 5px 0px;
			}
	
	/* Three column bottom portion */		
	#threecol {
		background: url(images/threecol_bg.gif) repeat-y;
		clear: both;
		line-height: 1.7em;
		padding: 10px 0px;
	}
		#threecol:after {
    		content: ".";
    		display: block;
    		height: 0;
    		clear: both;
    		visibility: hidden;
		}
		#threecol {
			display: inline-block;
		}
		/* Hides from IE-mac \*/
		* html #threecol { height: 1%; }
		#threecol { display: block; }
		/* End hide from IE-mac */
		
		#threecol h3 {
			font: 1.5em Arial;
			margin-bottom: 10px;
		}
		#threecol ul {
			display: table;
		}
			#threecol ul li {
				display: table-cell;
				width: 254px;
			}
				#threecol ul li.one div {
					padding: 0px 16px 0px 0px;
				}
				#threecol ul li.two div {
					padding: 0px 30px 0px 30px;
				}
				#threecol ul li.three div {
					padding: 0px 0px 0px 25px;
				}
				#threecol ul li.two {
					width: 290px;
				}
			
/* -------------------------------------- */
/* -------  FOOTER  --------------------- */			
#footer {
	background: #DFDDD1 url(images/footer_bg.gif) no-repeat top;
	text-align: right;
	padding: 32px 38px 20px 0px;
}
