/*
	HOTPRESS FRAMEWORK
	Site:Telerus
	By:Steven Waller
	Created:09-15-09
	
	TABLE OF CONTENTS
	Background
	Main Container
	Header
	Main Navigation
	Body
	Hero
	Main Content
		Home Columns
		Inside Columns
	Announcements
	Recent News
	Utility Bar
	Sub Nav
	Featured Sections
	Footer
	Misc
*/

/* Background
----------------------------------------------------------------------------------------------------*/
body{
	background:#e2e2e2 url(images/bg-pattern.gif) center top;
}
	#bg-gradient{
		background:url(images/bg-gradient.gif) no-repeat center top;
		zoom:1;
		padding-top:16px;
	}

/* Main Container
----------------------------------------------------------------------------------------------------*/
#main-container{
	width:968px;
	margin:0 auto;
}

/* Header
----------------------------------------------------------------------------------------------------*/
#header{
	display:block;
	height:136px;
	background:url(images/header-bg.png) no-repeat center top;
	position:relative;
	z-index:2;
}
	#logo{
		margin:0;
		float:left;
		padding-top:17px;
		padding-left:35px;
	}
		#logo a:link,
		#logo a:visited{
			display:block;
			width:88px;
			height:93px;
			background:url(images/logo.gif) no-repeat left top;
			text-indent:-9999px;
		}
		#logo a:hover,
		#logo a:active{
			background-position:left bottom;
		}
	#header-top{
		float:right;
		width:423px;
		padding-top:20px;
	}
		#ais-login{
			float:left;
			background:url(images/icon-key.gif) no-repeat left 3px;
			padding:1px 25px 1px 0;
			margin:0;
		}
			#ais-login a:link,
			#ais-login a:visited{
				font-size:11px;
				color:#4d5842;
				padding-left:20px;
				text-decoration:none;
				font-weight:bold;
			}
			#ais-login a:hover,
			#ais-login a:active{
				color:#666666;
			}
		#header-top form{
			padding-bottom:1px;
		}

		#search-input{
			float:left;
			width:180px;
			height:19px;
			background:url(images/search-input.png) no-repeat left 2px;
			padding-top:2px;
		}
			#search-input input{
				border:1px solid #fff;
				width:148px;
				margin-left:20px;
				font-size:11px;
				height:13px;
			}
		#search-btn{
			float:left;
			padding:0 23px 0 6px;
		}

/* Main Navigation
----------------------------------------------------------------------------------------------------*/
#main-nav{
	width:800px;
	float:right;
	padding-top:50px;
}
	#main-nav ul{
		margin:0;
		float:left;
	}
		#main-nav li{
			display:inline;
			float:left;
			list-style:none;
			padding:0 17px;
			background:none;
		}
			#main-nav a:link,
			#main-nav a:visited{
				font-size:14px;
				color:#005991;
				font-weight:bold;
				text-decoration:none;
				padding-bottom:7px;
				display:block;
			}
			#main-nav a:hover,
			#main-nav a:active{
				padding-bottom:5px;
				border-bottom:2px solid #84c447;
			}
			#main-nav li a img{
				display:none;
			}
			#main-nav ul li ul{
				display:block;
				position:absolute;
				overflow:hidden;
				width:185px;
				background:url(images/dropdown-bg.png) no-repeat center bottom;
				padding-bottom:5px;
				left:-9999px;
				
			}
			
			#main-nav ul li:hover ul,
			#main-nav ul li.sfhover ul{
				left:auto;
			}
				#main-nav li li{
					padding:0;
					margin:0 1px;
					border-top:1px solid #dedede;
					float:none;
					display:block;
				}
					#main-nav li li a:link,
					#main-nav li li a:visited{
						display:block;
						width:167px;
						font-size:12px;
						font-weight:normal;
						padding:8px 8px;
					}
					#main-nav li li a:hover,
					#main-nav li li a:active{
						border:none;
						color:#84c447;
						padding:8px 8px;
					}


/* Body
----------------------------------------------------------------------------------------------------*/
#body{
	background:url(images/body-middle.png) repeat-y center top;
	padding:0 4px;
	zoom:1;
	position:relative;
	z-index:1;
}

/* Hero
----------------------------------------------------------------------------------------------------*/
#hero{
	display:block;
	width:960px;
	height:139px;
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:32px;
	position:relative;
	z-index:1;
}
	#hero h1,
	#hero h2{
		color:#fff;
		margin:0 0 4px 36px;
		width:600px;
		font-weight:bold;
	}
	#hero h1{
		font-size:42px;
		text-transform:uppercase;
	}

/* Main Content
----------------------------------------------------------------------------------------------------*/
#main-content{
	padding:15px 30px 20px 30px;
	background:url(images/body-overlay.png) no-repeat center top;
	margin-top:-26px;
	position:relative;
	z-index:2;
	zoom:1;
	overflow:hidden;
}
	/* Home Columns
	----------------------------------------------------------------------------------------------------*/
	#body-home #col-1{
		float:left;
		width:409px;
	}
	#body-home #col-2{
		float:left;
		width:221px;
		display:inline;
		margin-left:30px;
	}
	#body-home #col-3{
		width:210px;
		float:right;
	}
	
	/* Inside Columns
	----------------------------------------------------------------------------------------------------*/
	#body-inside #col-1{
		float:left;
		width:188px;
		padding-top:20px;
	}			
	#body-inside #col-2{
		float:right;
		width:682px;
	}


/* Announcements
----------------------------------------------------------------------------------------------------*/
#title-announcements{
	display:block;
	width:169px;
	height:30px;
	background:url(images/title-announcements.gif) no-repeat left top;
	text-indent:-9999px;
}
.announcements-sub-title{
	margin-bottom:10px;
}
	.announcements-sub-title a:link,
	.announcements-sub-title a:visited{
		color:#457b12;
		text-decoration:none;
	}
	.announcements-sub-title a:hover,
	.announcements-sub-title a:active{
		color:#666;
	}
	#body-home .announcements-sub-title{
		margin-top:0;
	}
	#body-home .announcements-sub-title a:link,
	#body-home .announcements-sub-title a:visited{
		font-size:12px;
		font-weight:bold;
	}
	
	#body-inside .announcements-sub-title a:link,
	#body-inside .announcements-sub-title a:visited{
		font-size:18px;
		font-weight:bold;
	}
	
.announcement-date{
	font-size:11px;
	color:#666666;
	margin-bottom:10px;
}
a.announcement-link:link,
a.announcement-link:visited{
	font-size:9px;
	text-transform:uppercase;
	padding:1px 0 1px 20px;
	background:url(images/icon-voice-balloon.gif) no-repeat left 0;
}
		

/* Recent News
----------------------------------------------------------------------------------------------------*/
#title-recent-news{
	display:block;
	width:182px;
	height:30px;
	background:url(images/title-recent-news.gif) no-repeat left top;
	text-indent:-9999px;
}
#recent-news ol{
	margin:0;
	list-style-type:none;
}
	#recent-news li{
		background:url(images/bullet-green.gif) no-repeat left 8px;
		padding-left:15px;
		font-size:11px;
		color:#666;
		padding-bottom:15px;
	}
		#recent-news li a{
			display:block;
			text-transform:uppercase;
		}
		#recent-news .author{
			display:none;
		}
a.recent-news-link:link,
a.recent-news-link:visited{
	font-size:9px;
	text-transform:uppercase;
	padding:2px 0 2px 20px;
	background:url(images/icon-news-page.gif) no-repeat left 0;
}	

/* Utility bar
----------------------------------------------------------------------------------------------------*/
#utility-bar{
	font-size:11px;
	margin-bottom:20px;
	overflow:hidden;
}
	#breadcrumbs{
		width:577px;
		float:left;
	}
	#breadcrumbs,
	#breadcrumbs strong{
		color:#666c6f;
	}
		#breadcrumbs p{
			margin-bottom:0;
		}
			#breadcrumbs a:link,
			#breadcrumbs a:visited{
				color:#666c6f;
				text-decoration:underline;
			}
			#breadcrumbs a:hover,
			#breadcrumbs a:active{
				color:#000;
				text-decoration:none;
			}
	#utility-links{
		width:320px;
		float:right;
	}
		#utility-links ul{
			margin:0;
			float:right;
		}
			#utility-links li{
				display:inline;
				float:left;
				list-style:none;
				padding-left:25px;
				background:none;
			}
				#utility-links a:link,
				#utility-links a:visited{
					text-decoration:none;
					color:#666c6f;
					text-transform:uppercase;
				}
				#utility-links a:hover,
				#utility-links a:active{
					color:#000;
				}
				#utility-bookmark{
					padding-left:13px;
					background:url(images/icon-page.gif) no-repeat left 2px;
				}
				#utility-email{
					padding-left:13px;
					background:url(images/icon-envelope.gif) no-repeat left 2px;
				}
				#utility-print{
					padding-left:13px;
					background:url(images/icon-printer.gif) no-repeat left 1px;
				}
	
/* Sub Nav
----------------------------------------------------------------------------------------------------*/
#sub-nav ul{
	margin-left:0;
}
	#sub-nav li{
		list-style:none;
		padding:5px 0;
		display:block;
		background:none;
	}
	#sub-nav li#title{
		background:url(images/sub-nav-underline.png) no-repeat left bottom;
		margin-bottom:5px;
	}
		#sub-nav li#title a:link,
		#sub-nav li#title a:visited,
		#sub-nav li#title a:hover,
		#sub-nav li#title a:active{
			color:#000;
			display:block;
			font-size:17px;
			font-weight:bold;
			text-decoration:none;
			text-transform:none;
		}
		#sub-nav li a:link,
		#sub-nav li a:visited{
			font-size:11px;
			text-transform:uppercase;
		}
			#sub-nav li.selected a:link,
			#sub-nav li.selected a:visited,
			#sub-nav li.selected a:hover,
			#sub-nav li.selected a:active{
				background:url(images/icon-arrow.gif) no-repeat right 3px;
				padding-right:15px;
			}
			#sub-nav li#title.selected a:link,
			#sub-nav li#title.selected a:visited,
			#sub-nav li#title.selected a:hover,
			#sub-nav li#title.selected a:active{
				background:none;
				padding-right:0;
			}
				#sub-nav li ul{
					display:none;
				}
				#sub-nav li.selected ul{
					display:block;
				}
					#sub-nav li.selected li{
						padding:3px 0 3px 20px;
						background:url(images/bullet-green.gif) no-repeat 8px 11px;
					}
						#sub-nav li.selected li a:link,
						#sub-nav li.selected li a:visited{
							color:#244701;
							background:none;
							text-transform:none;
						}
						#sub-nav li.selected li a:hover,
						#sub-nav li.selected li a:active{
							color:#666666;
						}
							#sub-nav li.selected li ul{
								display:none;
							}
							#sub-nav li.selected li.selected ul{
								display:block;
							}
								#sub-nav li.selected li.selected li{
									background:none;
								}
									#sub-nav li.selected li.selected li a:link,
									#sub-nav li.selected li.selected li a:visited{
										color:#080f00;
									}
									#sub-nav li.selected li.selected li a:hover,
									#sub-nav li.selected li.selected li a:active{
										color:#666666;
									}

/* Featured Sections
----------------------------------------------------------------------------------------------------*/
/* Featured Image*/
.featured-image{
	width:270px;
	background:url(images/image-bg-top.gif) no-repeat center top;
	margin-bottom:20px;
}
	.featured-image img{
		padding:7px 7px 7px 7px;
		background:url(images/image-bg-bottom.gif) no-repeat center bottom;
	}

/* Col 1 Featured Box*/
#col-1 .featured{
	background:url(images/side-featured-middle.gif) repeat-y left top;
	overflow:hidden;
	zoom:1;
}	
	#col-1 .featured-top{
		background:url(images/side-featured-top.gif) no-repeat left top;
		overflow:hidden;
		zoom:1;
	}
		#col-1 .featured-bottom{
			background:url(images/side-featured-bottom.gif) no-repeat left bottom;
			padding:15px 15px 5px 15px;
			overflow:hidden;
			zoom:1;
		}

/* Col 2 Featured Box*/
#col-2 .featured{
	background:url(images/featured-top-left.gif) no-repeat left top;
	overflow:hidden;
	zoom:1;
	width:240px;
	margin:0 0 20px 20px;
	display:inline;
	float:right;
}
	#col-2 .featured-bottom-right{
		background:url(images/featured-bottom-right.gif) no-repeat right bottom;
		overflow:hidden;
		zoom:1;
	}
		#col-2 .featured-top-right{
			background:url(images/featured-top-right.gif) no-repeat right top;
			overflow:hidden;
			zoom:1;
		}	
			#col-2 .featured-bottom-left{
				background:url(images/featured-bottom-left.gif) no-repeat left bottom;
				overflow:hidden;
				zoom:1;
				padding:20px 20px 10px 20px;
			}
			
/* Featured Link*/
a.featured-link:link,
a.featured-link:visited{
	background:url(images/link-background.gif) no-repeat right top;
	padding:2px 20px 2px 10px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:9px;
}
a.featured-link:hover,
a.featured-link:active{
	background-position:right bottom;
}


/* Footer
----------------------------------------------------------------------------------------------------*/
#footer{
	background:url(images/body-bottom.png) no-repeat center top;
	font-size:11px;
	color:#333333;
	padding:30px 15px 40px;
	overflow:hidden;
	zoom:1;
}
	#footer strong{
		color:#333333;
	}
	#footer a:link,
	#footer a:visited{
		color:#333333;
		text-decoration:none;
	}
	#footer a:hover,
	#footer a:active{
		color:#000;
	}
	#footer-contact{
		float:left;
		width:280px;
		margin:0;
	}
	#footer-links{
		width:635px;
		float:right;
		margin-bottom:5px;
	}
		#footer-links ul{
			margin:0;
			float:right;
		}
			#footer-links li{
				display:inline;
				background:none;
				float:left;
				padding:0 8px;
				background:url(images/footer-divider.gif) no-repeat left 3px;
			}
			#footer-links li#footer-first{
				padding-left:0;
				background:none;
			}
			#footer-links li#footer-last{
				padding-right:0;
			}
	#hotpress-link{
		margin:0;
		float:right;
	}
		#hotpress-link a{
			display:block;
			width:129px;
			height:13px;
			background:url(images/hotpress.gif) no-repeat left top;
			text-indent:-9999px;
		}
		
/* Misc
----------------------------------------------------------------------------------------------------*/
.align-left{
	float:left;
	width:48%;
}
.align-right{
	float:right;
	width:48%;
}
		
.blogsitesummary .date {display:none;}