/* ************************************************** GENERIC ************************************************** */
body {
	font-family: 'Source Sans Pro', sans-serif;
	background: white url('../images/bg_texture_white.jpg') 0px 0px repeat;
	font-size: 16px;
	line-height: 24px;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
body a {
	color: #940000;
}
body a:hover,
body a:active,
body a:focus {
	color: #d40000;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Source Sans Pro', sans-serif;
}
/* ************************************************** HEADER ************************************************** */
header {
}
	header .full-menu {
		display: block;
		background: white url('../images/header_bg.jpg') center top no-repeat;
		-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.75);
		-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 20px rgba(0,0,0,0.75);
	}
		header .full-menu h1 {
			margin: 0px auto;
			width: 400px;
		}
			header .full-menu h1 a {
				display: block;
				width: 400px;
				height: 105px;
				text-indent: -10000px;
				outline: 0px !important;
				background: url('../images/header_title.png') center top no-repeat;
			}
		header .menu {
			border-top: 5px #ffc600 solid;
			background: #760000;
		}
			header .menu .container > ul {
				margin: 0px;
				padding: 0px;
				list-style: none;
				position: relative;
			}
				header .menu .container > ul > li {
					float: left;
					position: relative;
				}
				header .menu .container > ul > li.nav_search {
					float: none;
					position: absolute;
					top: 0px;
					right: 0px;
				}
					header .menu .container > ul > li > a {
						display: block;
						background: #940000;
						border-left: 1px solid #760000;
						color: white;
						line-height: 50px;
						font-size: 14px;
						text-transform: uppercase;
						background-position: center center;
						background-repeat: no-repeat;
						outline: 0px !important;
						font-weight: 600;
						transition: background-color .12s;
						text-align: center;
					}
					header .menu .container > ul > li:hover > a {
						background-color: #c60000;
						color: white;
					}
					header .menu .container > ul > li.nav_home > a {
						width: 73px;
						background-image: url('../images/icon_home.png');
						text-indent: -10000px;
						border-left: 0px;
					}
					header .menu .container > ul > li.nav_constituent-services > a {
						width: 197px;
					}
					header .menu .container > ul > li.nav_legislative-resources > a {
						width: 203px;
					}
					header .menu .container > ul > li.nav_press-shop > a {
						width: 127px;
					}
					header .menu .container > ul > li.nav_about-jeff > a {
						width: 124px;
					}
					header .menu .container > ul > li.nav_contact-jeff > a {
						width: 138px;
					}
					header .menu .container > ul > li.nav_search > a {
						width: 72px;
						background-image: url('../images/icon_search.png');
						text-indent: -10000px;
					}
					header .menu .container > ul > li > .dropdown {
						display: none;
						position: absolute;
						top: 50px;
						left: 1px;
						/*width: 240px;*/
						width: 100%;
						-webkit-border-radius: 0px 0px 3px 3px;
						-moz-border-radius: 0px 0px 3px 3px;
						border-radius: 0px 0px 3px 3px;
						-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
						-moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
						box-shadow: 3px 3px 10px rgba(0,0,0,0.35);
						background: white;
						border-top: 5px solid #ffc600;
						padding: 0px 0px 10px;
						z-index: 100;
					}
					header .menu .container > ul > li.nav_search > .dropdown {
						left: auto;
						right: 0px;
						width: 240px;
					}
					header .menu .container > ul > li:hover > .dropdown,
					header .menu .container > ul > li.in-focus > .dropdown,
					header .menu .container > ul > li.has-text > .dropdown {
						display: block;
					}
						header .menu .container > ul > li > .dropdown > ul {
							margin: 0px;
							padding: 0px;
							list-style: none;
						}
							header .menu .container > ul > li > .dropdown > ul > li {
								border-top: 1px dashed #ccc;
							}
							header .menu .container > ul > li > .dropdown > ul > li:first-child {
								border-top: 0px;
							}
								header .menu .container > ul > li > .dropdown > ul > li > a {
									display: block;
									line-height: 20px;
									padding: 10px 20px;
									color: #333;
									font-size: 16px;
								}
								header .menu .container > ul > li > .dropdown > ul > li > a:hover,
								header .menu .container > ul > li > .dropdown > ul > li > a:active,
								header .menu .container > ul > li > .dropdown > ul > li > a:focus {
									background-color: #ededed;
									color: #333;
									text-decoration: none;
								}
						header .menu .container > ul > li > .dropdown > form {
							position: relative;
							height: 30px;
							border: 1px solid #ccc;
							box-shadow: 0px 0px 5px rgba(0, 0, 0, .25) inset;
							margin: 10px 20px 0px;
						}
							header .menu .container > ul > li > .dropdown > form label {
								display: block;
								position: absolute;
								top: 0px;
								left: 10px;
								line-height: 30px;
								font-family: 'Source Sans Pro', sans-serif;
								font-size: 13px;
								color: #000;
								z-index: 101;
							}
							header .menu .container > ul > li.in-focus > .dropdown > form label,
							header .menu .container > ul > li.has-text > .dropdown > form label {
								display: none;
							}
							header .menu .container > ul > li > .dropdown > form input[type=text] {
								display: block;
								position: absolute;
								top: 0px;
								left: 10px;
								margin: 0px;
								border: 0px;
								padding: 0px;
								background: transparent;
								height: 30px;
								width: 160px;
								line-height: 30px;
								font-family: 'Source Sans Pro', sans-serif;
								font-size: 13px;
								color: #000;
								z-index: 102;
								-webkit-box-shadow: none;
								-moz-box-shadow: none;
								box-shadow: none;
							}
							header .menu .container > ul > li > .dropdown > form input[type=submit] {
								display: block;
								position: absolute;
								top: 5px;
								right: 10px;
								width: 20px;
								height: 20px;
								text-indent: -10000px;
								margin: 0px;
								border: 0px;
								padding: 0px;
								background: transparent url('../images/icon_search_dropdown.png') 0px 0px no-repeat;
								z-index: 103;
							}
	header .navbar {
		display: none;
	}
		header .navbar .brand {
			color: #940000;
			font-size: 30px;
			font-weight: 600;
		}
@media (min-width: 1200px) {
	header .menu .container > ul > li > a {
		font-size: 18px;
	}
	header .menu .container > ul > li.nav_home > a {
		width: 81px;
	}
	header .menu .container > ul > li.nav_constituent-services > a {
		width: 251px;
	}
	header .menu .container > ul > li.nav_legislative-resources > a {
		width: 258px;
	}
	header .menu .container > ul > li.nav_press-shop > a {
		width: 161px;
	}
	header .menu .container > ul > li.nav_about-jeff > a {
		width: 157px;
	}
	header .menu .container > ul > li.nav_contact-jeff > a {
		width: 175px;
	}
	header .menu .container > ul > li.nav_search > a {
		width: 81px;
	}
}
@media (max-width: 979px) {
	header .full-menu {
		display: none;
	}
	header .navbar {
		display: block;
	}
}
/* ************************************************** MAIN BODY ************************************************** */
.main-body {
	padding: 30px 0px;
}
	.copy-content {
		border: 1px solid #ccc;
		background: white;
		margin: 0px -1px;
	}
		.content-column {
			line-height: 24px;
		}
			.content-column-inner {
				padding: 10px 20px 10px 30px
			}
				.content-column-header {
					margin-bottom: 20px;
				}
					.content-column-header h1 {
						margin: 0px -20px 10px -20px;
						padding: 14px 19px;
						background: #f7f7f7 url('../images/subpage_header_bg_texture.png') right top no-repeat;
						font-size: 24px;
						line-height: 30px;
						font-weight: 600;
						color: #333333;
						text-transform: uppercase;
						border: 1px solid #cccccc;						
					}
					.content-column-header .cookie-crumbs {
						margin: 0px;
						padding: 0px;
						list-style: none;
					}
						.content-column-header .cookie-crumbs li {
							display: inline;
							font-size: 16px;
							line-height: 20px;
							font-style: italic;
							color: #333333;
						}
						.content-column-header .cookie-crumbs li:before {
							content: " / ";
							display: inline;
						}
						.content-column-header .cookie-crumbs li:first-child:before {
							display: none;
						}
							.content-column-header .cookie-crumbs li a {
								color: #333333;
							}
							.content-column-header .cookie-crumbs li a:hover,
							.content-column-header .cookie-crumbs li a:active,
							.content-column-header .cookie-crumbs li a:focus {
								color: #940000;
								text-decoration: none;
							}
		.sidebar-column {
		}
			.sidebar-column-inner {
				margin-left: -20px;
				padding: 10px 30px;
			}
				.sidebar-column .section h3 {
					margin: 0px -20px 10px;
					padding: 14px 19px;
					background: #f7f7f7;
					font-size: 24px;
					line-height: 30px;
					font-weight: 600;
					color: #333333;
					text-transform: uppercase;
					border: 1px solid #cccccc;
				}
				.sidebar-column .section ul {
					margin: 0px;
					padding: 0px;
					list-style: none;
				}
					.sidebar-column .section ul li {
						border-bottom: 1px dashed #cccccc;
					}
						.sidebar-column .section ul li a {
							display: block;
							font-size: 18px;
							line-height: 20px;
							font-weight: 400;
							color: #333333;
							background: url('../images/arrow_related_links.png') left 18px no-repeat;
							padding: 10px 0px 10px 20px;
						}
						.sidebar-column .section ul li a:hover,
						.sidebar-column .section ul li a:active,
						.sidebar-column .section ul li a:focus {
							color: #940000;
							text-decoration: none;
						}
@media (min-width: 1200px) {
	.content-column-header h1 {
		font-size: 30px;					
	}
	.sidebar-column-inner {
		margin-left: -30px;
	}
		.sidebar-column .section h3 {
			font-size: 30px;
		}	
}
@media (max-width: 979px) {
	.main-body {
		padding-top: 0px;
	}
	.content-column-header h1 {
		font-size: 18px;
	}
	.sidebar-column .section h3 {
		font-size: 18px;
	}
}
@media (max-width: 767px) {
	.content-column-inner {
		padding-right: 30px;
	}
	.sidebar-column-inner {
		margin-left: 0px;
		padding-bottom: 20px;
	}
}
/* ************************************************** FOOTER ************************************************** */
footer {
	padding-top: 50px;
	padding-bottom: 70px;
	background: white url('../images/footer_header.jpg') center top no-repeat;
	border-top: 1px solid #cccccc;
}
	footer .menu {
		background: #525252 url('../images/bg_texture_darkgrey.jpg') 0px 0px repeat;
		color: white;
		font-size: 14px;
		line-height: 20px;
		padding: 30px 0px;
	}
		footer .menu h3 {
			font-size: 14px;
			line-height: 20px;
			font-weight: 700;
			text-transform: uppercase;
			border-bottom: 1px dashed #7d7d7d;
			margin: 0px 0px 10px;
			padding: 0px 0px 10px;
		}
			footer .menu h3 a {
				color: white;
			}
			footer .menu h3 a:hover,
			footer .menu h3 a:active,
			footer .menu h3 a:focus {
				color: white;
				text-decoration: underline;
			}
		footer .menu ul {
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
			footer .menu ul li {
				margin-bottom: 10px;
			}
				footer .menu ul li a {
					font-weight: 400;
					color: white;
				}
				footer .menu ul li a:hover,
				footer .menu ul li a:active,
				footer .menu ul li a:focus {
					color: white;
					text-decoration: underline;
				}
	footer .follow-bar {
		background: white;
		height: 22px;
		line-height: 22px;
		padding: 9px 0px;
	}
		footer .follow-bar h3 { 
			float: left;
			font-size: 15px;
			line-height: 22px;
			font-style: italic;
			font-weight: 400;
			color: #333333;
			margin: 0px;
			padding: 0px;
		}
			footer .follow-bar h3 strong {
				font-weight: 700;
				color: #940000;
			}
		footer .follow-bar .follow-buttons {
			float: left;
			border-left: 1px solid #cccccc;
			margin-left: 20px;
			padding-left: 20px;
		}
			footer .follow-bar .follow-buttons a {
				display: block;
				float: left;
				height: 22px;
				margin-right: 10px;
				padding-left: 28px;
				background-position: left center;
				background-repeat: no-repeat;
			}
			footer .follow-bar .follow-buttons a.facebook {
				background-image: url('../images/icon_facebook.png');
			}
			footer .follow-bar .follow-buttons a.twitter {
				background-image: url('../images/icon_twitter.png');
			}
			footer .follow-bar .follow-buttons a.youtube {
				background-image: url('../images/icon_youtube.png');
			}
				footer .follow-bar .follow-buttons a .tag {
					display: block;
					position: relative;
					height: 20px;
					line-height: 20px;
					border: 1px solid #ccc;
					font-size: 12px;
					color: #333333;
					font-style: italic;
					padding: 0px 4px;
				}
				footer .follow-bar .follow-buttons a .tag:before {
					content: "";
					display: block;
					position: absolute;
					top: 6px;
					left: -8px;
					width: 0px;
					height: 0px;
					border-top: 4px solid transparent;
					border-right: 4px solid #ccc;
					border-bottom: 4px solid transparent;
					border-left: 4px solid transparent;
				}
				footer .follow-bar .follow-buttons a .tag:after {
					content: "";
					display: block;
					position: absolute;
					top: 7px;
					left: -6px;
					width: 0px;
					height: 0px;
					border-top: 3px solid transparent;
					border-right: 3px solid #fff;
					border-bottom: 3px solid transparent;
					border-left: 3px solid transparent;
				}
				footer .follow-bar .follow-buttons a:hover .tag,
				footer .follow-bar .follow-buttons a:active .tag,
				footer .follow-bar .follow-buttons a:focus .tag {
					color: #333;
				}
	footer .latest-updates {
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 24px;
		padding: 23px 0px;
		line-height: 70px;
		background: #62a8ff;
		-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 20px rgba(0,0,0,0.75);
		color: white;
		z-index: 200;
	}
		footer .latest-updates h3 {
			float: left;
			margin: 0px;
			padding: 0px;
			font-size: 24px;
			line-height: 24px;
			font-weight: 700;
			text-transform: uppercase;
			text-shadow: 2px 2px 0px rgba(0,0,0,0.25);
		}
		footer .latest-updates ul {
			margin: 0px 0px 0px 200px;
			padding: 0px;
			list-style: none;
		}
			footer .latest-updates ul li {
				display: block;
				padding-left: 30px;
				background-position: left center;
				background-repeat: no-repeat;	
				height: 24px;
				line-height: 24px;
				font-size: 16px;
				text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
				overflow: hidden;
			}
			footer .latest-updates ul li.tweet {
				background-image: url('../images/icon_ticker_twitter.png');
			}
			footer .latest-updates ul li.post {
				background-image: url('../images/icon_ticker_news.png');
			}
				footer .latest-updates ul li a {
					color: white;
					font-weight: bold;
				}
				footer .latest-updates ul li a:hover,
				footer .latest-updates ul li a:active,
				footer .latest-updates ul li a:focus {
					color: white;
					text-decoration: underline;
				}
@media (max-width: 767px) {
	footer {
		background-image: none;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	footer .menu {
		padding: 20px;
	}
		footer .menu ul {
			margin-bottom: 20px;
		}
	footer .follow-bar {
		height: auto;
		padding: 20px;
	}
		footer .follow-bar h3 {
			float: none;
			margin-bottom: 10px;
		}
		footer .follow-bar .follow-buttons {
			float: none;
			margin-left: 0px;
			border-left: 0px;
			padding-left: 0px;
		}
	footer .latest-updates {
		position: static;
		width: auto;
		height: auto;
		padding: 20px;
	}
		footer .latest-updates h3 {
			float: none;
			margin-bottom: 10px;
		}
		footer .latest-updates ul {
			margin: 0px;
			padding: 0px;
		}
			footer .latest-updates ul li {
				height: auto;
			}
}

.frontlobby, .guestbook{
	width: 90%;
}
	.frontlobby h1, .guestbook h1{
		text-align: center;
		text-transform: uppercase;
		font-family: 'Source Sans Pro';
		font-weight: 800;
		font-size: 46px;
		color: #940000;
	}
	.frontlobby h2{
		text-align: center;
	}
		.frontlobby .fl_content h2{
			text-align: left;
		}
	.frontlobby .homeButton, .guestbook .homeButton{
		text-transform: uppercase;
		background: transparent url(../images/frontlobby/icon_house.png) scroll no-repeat left 2px;
		padding-left: 25px;
		font-family: 'Source Sans Pro';
		font-size: 14px;
		text-transform: uppercase;
		color: #333333;
	}
		.frontlobby .homeButton:hover, .guestbook .homeButton:hover{
			color: #940000;
		}
		.flButton{
			text-transform: uppercase;
			background: transparent url(../images/frontlobby/icon_door.png) scroll no-repeat left 2px;
			padding-left: 25px;
			font-family: 'Source Sans Pro';
			font-size: 17px;
			font-weight: 800;
			text-transform: uppercase;
			color: #333333;
			display: block;
			float: right;
			position: relative;
			top: -1.5em;
		}
			.guestbook .flButton, .frontlobby .flButton{
				top: 0px;
			}
			.page_home .flButton{
				position: absolute;
				top: 30px;
				right: 30px;
				background-color: #EBEBEB;
				border: solid 2px white;
				padding: 3px;
				padding-left: 28px;
				background-position: 5px center;
			}
	.frontlobby .pagegroup{
		width: 48%;
		margin: 1%;
		float: left;
	}
		.page_front-lobby-famous-alabamians .frontlobby .pagegroup {
			width: auto;
		}
			.page_front-lobby-famous-alabamians h2 {
				display: none;
			}
		.frontlobby .pagegroup .section .article{
			text-align: center;
		}
		.frontlobby .pagegroup .section .header{
		}
			.frontlobby .pagegroup .section .header h2, .frontlobby .pagegroup .section .header h3{
				display: none;
			}
		.guestbook .pagegroup .section .forms .form{
			background: white url(../images/frontlobby/book_bg.jpg) scroll no-repeat center 40px;
			border: solid 1px gray;
			background-size: contain;
			min-height: 557px;
			padding-top: 60px;
			margin-top: 60px;
		}
		.guestbook .pagegroup .section .forms .form h3, .guestbook .pagegroup .section .forms .form h4{
			display: none;
		}
			.guestbook .pagegroup .section .forms .form .formResult {
				text-align: center;
				font-size: large;
				font-weight: 700;
			}
		.guestbook .pagegroup .section .forms .form .requirednote{
			text-align: center;
			position: relative;
			top: -120px;
			font-family: 'Source Sans Pro';
			font-weight: 400;
			font-style: normal;
			font-size: 26px;
			color: #333;
			padding-bottom: 20px;
		}
		.guestbook .pagegroup .section .forms .form .blockLabels{
			overflow: auto;
			width: 75%;
			max-width: 700px;
			margin: auto;
		}
		.guestbook .pagegroup .section .forms .form fieldset{
			float: left;
			width: 50%;
			clear: none;
		}
		.guestbook .pagegroup .section .forms .form .buttonHolder{
			text-align: center;
			margin-left: 0px;
			margin-top: 50px;
		}
			.guestbook .form-horizontal .control-label{
				width: 30%;
				padding-right: 5px;
			}
			.guestbook .controls{
				margin-left: auto;
			}
			.page_front-lobby-famous-alabamians .article {
				background-color: #fff; 
				border: 1px solid #ccc;
				padding: 40px;
				margin-bottom: 30px; 
			}
				.page_front-lobby-famous-alabamians .article:first-child{
					padding: 0px;
					border: none;
				}
@media (max-width: 778px){
	.guestbook .pagegroup .section .forms .form fieldset{
		width: 100%;
	}
}

#screenMask{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background: transparent url(../images/frontlobby/translucent-black.png) scroll repeat left top;
	height: 1px;
}
	#screenMask div{
		width: 75%;
		height: 100px;
		margin: auto;
	}
		#screenMask div iframe{
			width: 100%;
			border: none;
		}
	#closeBar{
		display: block;
		height: 20px;
		width: 100%;
		background-color: white;
	}