/*css-document*/

/*element styles ====================*/
body, html {
	margin:0;
	height:100%;
	font-family:'Open Sans', sans-serif;
	background:#fafafa;
}

img {
	outline:none;
	border:none;
}

input[type="text"] {
	border:none;
	background:transparent;
	margin:10px 0px 0px 10px;
	color:#d1d1d1;	
}

input:focus {
	outline:none;
}

.placeholder {
	text-transform:uppercase;
}

.hidden {
	display:none;
}
/*header styles ====================*/

#header_ {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	height:41px;
	background-color:#FFF;
	border-bottom:1px solid #cccccc;
	z-index:2;
}

	#header {
		position:relative;
		top:0;
		width:960px;
		height:49px;
		margin-left:auto;
		margin-right:auto;
		z-index:3;
	}

		#header #logo {
			width:118px;
			height:108px;
			position:absolute;
			top:0px;
			right:20px;
		}

		#header #header_name {
			position:absolute;
			top:14px;
			right:144px;
			font-family:'Open Sans', sans-serif;
			font-size:16px;
			color:#969797;
			line-height:16px;
			text-transform:uppercase;
		}

/*top_nav styles ====================*/

#top_nav {
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	font-weight:700;
	line-height:15px;
	height:49px;

}

	#top_nav ul {
		list-style:none;
		height:49px;
		margin:0px;
		padding-left:20px;
	}

		#top_nav ul li {
			width:121px;
			height:27px;
			padding-top:15px;
			text-align:center;
			text-transform:uppercase;
			display:inline-block;
			background:url(../images/nav_line_bg.png) no-repeat bottom center;
			margin-left:-4px;
		}

			#top_nav ul li a {
				height:40px;
				width:121px;
				display:inline-block;
				text-decoration:none;
				color:#383b43;
			}

				#top_nav ul li:hover, #top_nav ul li.active {
					background:none;
					padding:0;
				}				

				#top_nav ul li:hover a, #top_nav ul li.active a {
					padding-top:22px;
					height:26px;
					background:url(../images/nav_line_bg_tab.png) no-repeat bottom center;
					color:#999900;
				}


/*middle styles ====================*/


#middle_ {
	position:absolute;
	top:40px;
	bottom:230px;
	min-height:500px;
	left:0px;
	right:0px;
	width:100%;
	z-index:1;
}

	#middle {
		position:relative;
		width:100%;
		height:100%;
	}

		#middle_bg {
			position:absolute;
			width:100%;
			height:100%;
			z-index:1;
		}

			#middle_fg {
				position:absolute;
				width:100%;
				height:100%;
				z-index:2;
				background:url(../images/grid_bg.png);
			}

/*content_ styles ====================*/

#content_ {
	width:100%;
	position:absolute;
	background:url(../images/grid_bg.png);
}

	#content {
		width:960px;
		margin:0 auto;
	}

#home_content_ {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	bottom:230px;
}

	#home_content {
		width:960px;
		height:100%;
		margin:0 auto;	
		position:relative;
	}

		#pager_left {
			position:absolute;
			width:34px;
			height:58px;
			top:50%;
			left:0px;
			margin-top:-60px;
			z-index:4;
		}

		#pager_right {
			position:absolute;
			width:34px;
			height:58px;
			top:50%;
			right:0px;
			margin-top:-60px;
			z-index:4;
		}

/*callout styles ====================*/

#home_content_  #callout_link {
	position:absolute;
	bottom:10px;
	right:10px;
	width:80px;
	height:34px;
	background:#383b43;
	text-align:center;
}

	#home_content_  #callout_link a {
		display:block;
		height:24px;
		padding-top:10px;		
		font-size:10px;
		text-transform:uppercase;
		text-decoration:none;
		color:#cccccc;
	}

#home_content_ #home_content #callout_cycle {
	width:524px;
	height:370px;
	background:url(../images/home_callout_bg.png);
	position:absolute;
	bottom:40px;
	right:20px;
	border-radius: 14px 1px 0px 0px;
}

	#callout_text {
		float:left;
		width:276px;
		height:316px;
		margin:22px 10px 10px 40px;
	}

		#callout_text h2 {
			text-transform:uppercase;
			font-size:27px;
			line-height:25px;
			color:#646baf;
		}

		#callout_text p {
			font-size:12px;
			line-height:19px;
			color:#666666;
		}

		#callout_text a{
			text-decoration:none;
			text-transform:uppercase;
			font-size:11px;
			line-height:19px;
			color:#646baf;
		}

#callout_right {
	float:left;
	width:200px;
}

	#callout_right a{
		position:absolute;
		top:10px;
		right:10px;
		width:13px;
		height:13px;
		background-position: 0 -13px;
		background-repeat: no-repeat;
		text-align: center;
		margin:0;		
	}

	#callout_right a:hover{
		background-position: 0 0;
	}

	#callout_image {
		position:absolute;
		bottom:20px;
		right:20px;
	}

/*sidebar_nav styles ====================*/

#sidebar_left {
	float:left;
	height:100%;
	width:260px;
}

	#sidebar_left #sidebar_nav {
		font-size:11px;
		line-height:19px;
		text-transform:uppercase;
		margin-left:16px;
		margin-top:160px;
	}

		#sidebar_left #sidebar_nav ul {
			list-style:none;
			padding:0;
		}

			#sidebar_left #sidebar_nav ul li { 
				padding-left:26px;
			}

				#sidebar_left #sidebar_nav ul li a {
					text-decoration:none;
				}

				#sidebar_left #sidebar_nav ul.nav_1 li:hover a,
				#sidebar_left #sidebar_nav ul.nav_2 li:hover a,
				#sidebar_left #sidebar_nav ul.nav_3 li:hover a {
					color:#999900;
				}

				#sidebar_left #sidebar_nav ul.nav_1 li {
					font-weight:600;
					background:url(../images/nav_plus.png) no-repeat left center;
				}

				#sidebar_left #sidebar_nav ul.nav_1 li.active,
				#sidebar_left #sidebar_nav ul.nav_1 li.parent-active {
					background:url(../images/nav_minus.png) no-repeat left center;
				}

					#sidebar_left #sidebar_nav ul.nav_1 li a{
						color:#393c43;
					}

				#sidebar_left #sidebar_nav ul.nav_2 li, 
				#sidebar_left #sidebar_nav ul.nav_2 li a {
					color:#666666;
					font-weight:400;
					background:none;
				}

				#sidebar_left #sidebar_nav ul.nav_2 li.active, 
				#sidebar_left #sidebar_nav ul.nav_2 li.parent-active,
				#sidebar_left #sidebar_nav ul.nav_2 li.active a {
					background:none;
					color:#999900;
					font-weight:700;
				}

				#sidebar_left #sidebar_nav ul.nav_3 li {
					background:none;
					margin-left:20px;
				}

				#sidebar_left #sidebar_nav ul.nav_3 li.active,
				#sidebar_left #sidebar_nav ul.nav_3 li.active a {
					background:none;
					color:#999900;
					font-weight:700;
				}

		#sidebar_left #sidebar_text {
			float:left;
			width:200px;
			font-size:27px;
			line-height:31px;
			text-transform:uppercase;
			color:#576a2e;
			margin:30px 10px 10px 20px;
		}

/*library_nav styles ====================*/

#sidebar_left #library_nav {
	font-size:11px;
	line-height:19px;
	text-transform:uppercase;
	margin-left:16px;
	margin-top:160px;
	width:240px;	
}

	#sidebar_left #library_nav .show_all {
		height:20px;
		margin:20px 0px 0px 0px;
	}

		#sidebar_left #library_nav .show_all a { 
			text-decoration:none;
			color:#999900;
		}

	#sidebar_left #library_nav #search_box {
		height:30px;
		width:220px;
		border:1px solid #aaa9a9;
		background:#ffffff url(../images/search_icon.png) no-repeat right center;	
	}

	#sidebar_left #library_nav h5 {
		width:220px;
		padding-bottom:10px;
		font-size:11px;
		line-height:19px;
		color:#393c43;
		text-transform:uppercase;
		border-bottom:1px solid #cccccc;
	}

		#sidebar_left #library_nav ul {
			list-style:none;
			padding:0;
		}

			#sidebar_left #library_nav ul li {
				line-height:14px;
				margin:6px 0px 6px 0px;
			}

				#sidebar_left #library_nav ul li a {
					text-decoration:none;
					color:#666666;
				}

				#sidebar_left #library_nav ul li:hover a, 
				#sidebar_left #library_nav ul li.active a {
					color:#999900;
					font-weight:700;
				}

			#sidebar_left #library_nav .lib_nav_1 {
				width:110px;
				float:left;	
			}

			#sidebar_left #library_nav .lib_nav_2 {
				width:110px;
				float:left;
				margin-left:10px;	
			}

			#sidebar_left #library_nav .lib_nav_title {
				font-weight:600;
				font-size:11px;
				line-height:14px;
				color:#393c43;
				margin-bottom:10px;
			}

/*content_right styles ====================*/

#content_right {
	float:left;
	width:680px;
	height:100%;
	margin:120px 0px 20px 0px;
	position:relative;
}

	#content_right #content_headline h1{
		width:376px;
		font-size:27px;
		line-height:31px;
		text-transform:uppercase;
		color:#bcbbbb;
	}

	#content_right #cycle_div {
		width:680px;
		height:415px;
		position:relative;
	}

		#content_right #cycle_div #cycle_pager_left {
			width:34px;
			height:58px;
			position:absolute;
			left:0px;
			top:180px;
		}

		#content_right #cycle_div #cycle_pager_right {
			width:34px;
			height:58px;
			position:absolute;
			right:0px;
			top:180px;
		}

		#content_right #right_text {
			width:680px;
			margin:30px 0px 24px 0px;
			font-size:12px;
			line-height:19px;
			color:#666666;
		}

			#content_right #right_text h4 {
				font-size:11px;
				line-height:17px;
				font-weight:600;
				color:#333333;
				text-transform:uppercase;
				margin:0px;
			}

		#content_right #right_text #right_list {
			float:left;
			width:680px;
			font-size:11px;
			line-height:17px;
			color:#666666;
		}

			#content_right #right_text #right_list #view_more,
			#content_right #right_text #right_list #view_less {
				float:right;
				margin:5px 20px 0px 0px;
			}

			#content_right #right_text #right_list #view_more a,
			#content_right #right_text #right_list #view_less a {
				font-size:10px;
				font-weight:600;
				text-decoration:none;
				text-transform:uppercase;
				color:#333333;
			}

			#content_right #right_text #right_list ul {
				padding-left:16px;	
			}

				#content_right #right_text #right_list ul li {
					padding:0;
					width:164px;
					float:left;
				}

		#content_right #sort_text {
			font-size:10px;
			font-weight:600;
			color:#393c43;
			text-transform:uppercase;
			width:242px;
			position:absolute;
			top:34px;
			right:0px;
		}

			#content_right #sort_text a {
				color:#666666;
				font-weight:400;
				margin-left:20px;
				text-decoration:none;
			}

				#content_right #sort_text a:hover, 
				#content_right #sort_text a.active {
					color:#999900;
				}

/*related_links styles ====================*/

#related_links {
	float:left;
	width:680px;
	border-top:1px solid #cccccc;
}

	#related_links h2 {
		font-size:19px;
		line-height:23px;
		color:#6e79a3;
		text-transform:uppercase;
	}

	#related_links .link_section {
		float:left;
		width:212px;
		height:210px;
		background:#ffffff;
		padding-top:6px;
		margin-right:20px;
		position:relative;	
	}

	#related_links .link_section.last {
		margin:0;
	}

		#related_links .link_section .link_image {
			text-align:center;
		}

		#related_links .link_section .link_ribbon {
			width:41px;
			height:13px;
			position:absolute;
			bottom:30px;
			right:0px;
		}

		#related_links .link_section .link_name p{	
			margin:0px 0px 0px 6px;
			width:180px;
			font-size:11px;
			line-height:13px;
			color:#393c43;
			text-transform:uppercase;
			font-weight:600;
		}

		#related_links .link_section .link_description p{	
			margin:0px 0px 0px 6px;
			width:200px;
			font-size:11px;
			line-height:13px;
			color:#393c43;
			text-transform:uppercase;
			font-weight:300;
		}

/*library_links styles ====================*/

#library_links {
	width:680px;
	margin-top:-6px;
}

	#library_links h2 {
		font-size:19px;
		line-height:23px;
		color:#6e79a3;
		text-transform:uppercase;
	}

	#library_links .link_row {
		float:left;
		width:680px;
		height:100%;
		margin-bottom:24px;
	}

	#library_links .link_section {
		float:left;
		width:208px;
		padding-top:6px;
		margin-right:28px;
		position:relative;	
	}

	#library_links .link_section.last {
		margin:0;	
	}

		#library_links .link_section .link_image {
			text-align:center;
		}

		#library_links .link_section .link_ribbon {
			width:41px;
			height:13px;
			position:absolute;
			bottom:12px;
			right:0px;
		}

		#library_links .link_section .link_name p {	
			margin:0;
			width:180px;
			font-size:11px;
			line-height:13px;
			color:#393c43;
			text-transform:uppercase;
			font-weight:600;
		}

		#library_links .link_section .link_description p {	
			margin:0;
			width:200px;
			font-size:11px;
			line-height:13px;
			color:#393c43;
			text-transform:uppercase;
			font-weight:300;
		}

		#library_links #link_pager {
			width:680px;
			text-align:center;
		}

			#library_links #link_pager ul {
				list-style:none;
				font-size:12px;
			}

				#library_links #link_pager ul li {
					display:inline-block;
					width:15px;
					height:20px;
				}

					#library_links #link_pager ul li a {
					 	text-decoration:none;
						color:#333333;
						width:15px;
						height:20px;
					}

					#library_links #link_pager ul li:hover a,
					#library_links #link_pager ul li.active a {
						color:#999900;
					}

/*contact styles ====================*/

#library_links .contact_section {
	float:left;
	width:196px;
	padding:6px;
	margin-right:28px;
	position:relative;
	background:#ffffff;
	border:1px solid #bbbabb;
}

	#library_links .contact_section h4 {
		font-size:11px;
		line-height:19px;
		color:#929292;
		text-transform:uppercase;
		margin:0px;
		border-bottom:1px solid #bdbcbc;	
	}

	#library_links .contact_section .contact_image {
		float:left;
		width:97px;
		height:144px;
		margin:5px 5px 0px 0px;
	}
	
	#library_links .contact_section  .contact_text {
		float:left;
		width:90px;
	}

		#library_links .contact_section  .contact_text p {
			font-size:11px;
			line-height:14px;
			color:#929292;
		}

			#library_links .contact_section .contact_name { 
				text-transform:uppercase;
				margin:20px 0px 0px 0px;
			}

			#library_links .contact_section .contact_title {
				margin:0px 0px 0px 0px;				
			}

			#library_links .contact_section .contact_email_title {
				margin:14px 0px 0px 0px;
			}

			#library_links .contact_section .contact_email_address, 
			#library_links .contact_section .contact_email_address a {
				margin:0px 0px 0px 0px;
				text-decoration:none;
				color:#929292;
			}

			#library_links .contact_section .contact_phone_title {
				margin:14px 0px 0px 0px;
			}

			#library_links .contact_section .contact_phone {
				margin:0px 0px 0px 0px;
			}
	


/*footer styles ====================*/


#home_footer_ {
	position:relative;
	bottom:0px;
	left:0px;
	right:0px;
	height:230px;
	background-color:#383a41;
	z-index:2;
}

#footer_ {
	float:left;
	width:100%;
	height:230px;
	background-color:#383a41;
	z-index:2;
}

	#footer {
		width:960px;
		height:230px;
		margin-left:auto;
		margin-right:auto;
	}

		#footer_left {
			float:left;
			width:230px;
			height:100%;
		}

		#footer_right {
			float:left;
			width:720px;
			height:100%;
		}

			#footer_nav_1 {
				font-family: 'Open Sans', sans-serif;
				font-size:11px;
				font-weight:700;
				line-height:19px;	
			}

			#footer_nav_2 {
				font-family: 'Open Sans', sans-serif;
				font-size:11px;
				font-weight:400;
				line-height:19px;	
			}

				#footer_nav_1 ul, #footer_nav_2 ul {
					list-style:none;
					padding-left:20px;
				}

					#footer_nav_1 ul li, #footer_nav_2 ul li{
						text-transform:uppercase;
					}

						#footer_nav_1 ul li a, #footer_nav_2 ul li a {
							text-decoration:none;
							color:#d1d1d1;
						}

			#footer_search {
				height:36px;
				width:180px;
				border:1px solid #aaa9a9;
				margin-left:20px;
				background:transparent url(../images/search_icon.png) no-repeat right center;
			}

/*footer features ====================*/

#footer_features {
	float:right;
	font-family:'Open Sans', sans-serif;
	height:168px;
}

	#footer_features p {
		font-size:11px;
		line-height:15px;
		text-transform:uppercase;
		color:#cccccc;
	}

	#footer_features .feature {
		margin:0px 10px 0px 10px;
	}

		#first_feature {
			float:left;
			width:162px;
			border-top:20px solid #556293;
		}

			#first_feature h3 {
				margin:10px 0px 10px 0px;
				font-size:16px;
				text-transform:uppercase;
				color:#556293;
			}

		#second_feature {
			float:left;
			width:162px;
			border-top:20px solid #7c8644;
		}

			#second_feature h3 {
				margin:10px 0px 10px 0px;
				font-size:16px;
				text-transform:uppercase;
				color:#7c8644;
			}

		#third_feature {
			float:left;
			width:162px;
			border-top:20px solid #af6936;
		}

			#third_feature h3 {
				margin:10px 0px 2px 0px;
				font-size:16px;
				text-transform:uppercase;
				color:#af6936;
			}

			#third_feature p {
				font-size:15px;
				line-height:18px;
				text-transform:uppercase;
				color:#af6936;
				margin-top:2px;
			}

/*footer bottom ====================*/

#footer_bottom {
	float:right;
	width:562px;
}

	#footer_bottom_text {
		float:left;
	}

		#title_phone {
			font-size:11px;
			color:#aaa9a9;
			line-height:17px;
			text-transform:uppercase;	
		}

		#copyright {
			font-size:9px;
			font-weight:300;
			color:#aaa9a9;
			line-height:10px;
			margin:-10px 0px 20px 0px;	
		}

	#footer_right #footer_bottom #footer_social {
		float:left;
	}

		#footer_right #footer_bottom #footer_social ul {
			list-style:none;
		}

			#footer_right #footer_bottom #footer_social ul li {
				float:left;
				width:30px;
				height:20px;
				display:inline-block;
				text-align: center;
				margin:0;
			}

				#footer_right #footer_bottom #footer_social ul li a {
					width:30px;
					height:20px;
					display:inline-block;
					background-position: 0 0;
					background-repeat: no-repeat;
					text-align: center;
					margin:0;
					text-indent: -9999px;	
				}

				#footer_right #footer_bottom #footer_social ul li a:hover {
					background-position:0 -19px;
				}



