/*********************************************************************************
	(c) MTEMC - Middle Tennessee Electric Membership Corporation
	Design and styles by Josh Jones, 111 Web Studio
		111 Web Studio (http://111webstudio.com)
*********************************************************************************/

/*********************************************************************************
	global elements
*********************************************************************************/
body {
	margin: 0;
	padding: 0;
	color: #555;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	background-color: #eee;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-family: 'Open Sans Condensed', san-serif;
	font-size: 2em;
	margin-top: 0;
	margin-bottom: 0.325em;
}
h1 {
	font-size: 2.25em;
	margin-bottom: 0.7em;
	color: #00a5df;
}

p { margin-top: 0 }

strong, b { font-weight: 700 }

a[href^=tel]{
	color: inherit;
	text-decoration: none;
}

:focus {
	outline: none !important;
}


/*********************************************************************************
	global structure
*********************************************************************************/
#container { background: transparent url('../images/bg_content.jpg') center bottom no-repeat }

.heading { background: #b7e0ef url('../images/bg_lightblue.jpg') center bottom repeat-x }

.main_logo {
	position: absolute;
	top: 30px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 240px;
}
.main_logo img {
	max-width: 100%;
	border: none;
}

.banner {
	background: #444 url('../images/bg_darkgray_noise.png') 0 0 repeat;
	border-bottom: 8px solid #ddd;
}

.alert { background-color: #6b1c10 }
.alert_wrap {
	padding: 20px;
	color: #fff;
	font-size: 0.75em;
}
.alert_wrap strong { font-size: 1.1em }

.alert_wrap,
.topper_wrap,
.heading_wrap,
.banner_wrap {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.wrap {
	width: auto;
	position: relative;
	padding: 20px;
	background-color: #fff;
	padding-bottom: 4px;
	margin: 10px;
}

.header_content,
.content,
.footer_content {
	width: 1000px;
	margin: 0 auto;
	padding: 20px;
}

.heading,
.heading_wrap {	min-height: 250px }
.heading_wrap {
	background: transparent url('../images/bg_lines2.jpg') right bottom no-repeat;
	padding: 0 20px;
}

.camera_container { display: block }

.content .col_full .innertube,
.content .col_main .innertube {
	min-height: 500px;
	font-size: 0.8em;
}
.content .col_full .innertube img,
.content .col_main .innertube img { max-width: 100% }
.content p { line-height: 1.5em }

@media screen and ( max-width: 600px ) {
	.content .col_full .innertube,
	.content .col_main .innertube {
		min-height: 0;
		/*font-size: 0.85em;*/
	}
}



/*********************************************************************************
	columns
*********************************************************************************/
.col_main {
	display: inline-block;
	float: left;
	width: 70%;
}
.col_secondary {
	display: inline-block;
	float: right;
	width: 28%;
}
.col_full .innertube,
.col_main .innertube,
.col_secondary .innertube { padding: 20px }

.content .col_full .innertube,
.content .col_main .innertube {
	background-color: #fff;
	margin-top: 0;
}
.content .col_secondary .innertube {
	background-color: #e6e6e6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-top: 0;
}



/*********************************************************************************
	hot topics
*********************************************************************************/
.topics_top { display: block }
.topics_bottom { display: none }
.topics {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding-bottom: 20px;
	margin-bottom: 12px;
	background-color: #007ca7;
	background: transparent url('../images/screen_darkblue75.png') 0 0 repeat;
	margin-top: 12px;
}
.topics.topics_bottom {
	margin-top: 0;
	padding-bottom: 0;
}
.topics h3  {
	margin: 0;
	padding: 8px 20px;
	font-size: 1.35em;
	color: #fff;
}
.topics.topics_bottom h3 {
	margin: 0;
	padding: 4px 20px 6px;
	font-size: 1.1em;
	color: #fff;
	cursor: pointer;
}
.topics.topics_bottom h3.inactive {
	background: transparent url('/images/icon-plus.png') right top no-repeat;
}
.topics.topics_bottom h3.active {
	background: transparent url('/images/icon-minus.png') right top no-repeat;
}
.topics ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.topics.topics_bottom ul {
	padding-bottom: 10px;
}
.topics.topics_bottom ul.show {
	display: block;
}
.topics.topics_bottom ul.hide {
	display: none;
}
.topics ul li:first-child { border-top: 1px solid #fafafa }
.topics li a {
	display: block;
	border-bottom: 1px solid #fafafa;
	text-decoration: none;
	color: #fff;
	padding: 4px 20px;
	font-size: 0.8em;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.topics li#ht34 a {
	background: transparent url('../images/screen_white10.png') 0 0 repeat;
	padding-left: 28px;
}
.topics li#ht34 a::before {
	content: "- ";
}

.topics li a:hover { background: transparent url('../images/screen_black10.png') 0 0 repeat }



/*********************************************************************************
	search form
*********************************************************************************/
.search_main { display: none }
.search_secondary { display: block }

.search_form input[type='text'],
.search_form input[type='submit'] {
	display: inline-block;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin: 0;
	padding: 4px;
	border: none;
	font-size: 0.7em;
}
.search_form input[type='text'] {
	width: 69%;
	float: left;
	background-color: #fff;
	border: 1px solid #ddd;
}
.search_form input[type='submit'] {
	width: 25%;
	float: right;
	background-color: #adca7d;
	text-transform: uppercase;
	color: #fff;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.search_form input[type='submit']:hover { background-color: #888 }



/*********************************************************************************
	top band navigation
*********************************************************************************/
.topper_wrap { padding: 6px }
.topper {
	background-color: #adca7d;
	background: #444 url('../images/bg_darkgray_noise.png') 0 0 repeat-x;
	text-align: right;
	border-top: 2px solid #00a5df;
}
.topper a {
	display: inline-block;
	padding: 4px 8px;
	border: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-decoration: none;
	font-size: 0.75em;
	color: #fff;
	text-transform: uppercase;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn_outages { background-color: #b1584c }
.btn_account { background-color: #ea8817 }
.btn_billpay { background-color: #809a57 }
.topper a:hover { background-color: #c6de9e }


@media screen and ( max-width: 240px ) {
	.topper a {
		font-size: 0.6em;
		padding: 4px;
	}
}



/*********************************************************************************
	primary navigation
*********************************************************************************/

a.navmenu {
	display: block;
	display: none;
	text-decoration: none;
	color: #ccc;
	font-size: 0.9em;
	text-shadow: 0 1px 0 #000;
	padding: 8px 0;
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
a.navmenu span {
	font-size: 1.1em;
}
#primarynav.show,
#primarynav.hide {
	display: block;
}

.banner_wrap { text-align: center }
.banner_wrap ul {
	margin: 0;
	padding: 3px 0;
	list-style: none;
}
.banner_wrap li {
	display: inline-block;
	margin: 3px 1px;
}
.banner_wrap li a {
	display: block;
	padding: 4px 12px;
	background: transparent url('../images/screen_black25.png') 0 0 repeat;
	border: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #eee;
	text-decoration: none;
	font-size: 0.9em;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.banner_wrap li a em {
	display: block;
	color: #ccc;
	font-size: 0.6em;
}
.banner_wrap li a:hover { background: transparent url('../images/screen_black75.png') 0 0 repeat }

ul.dropdown ul {
	display: block;
	visibility: hidden;
	position: absolute;
	z-index: 77777;
	margin: 0 0 0 3px;
	margin: 0;
	padding-top: 10px;
	background: transparent url('../images/bg_menu_top.png') 0 0 no-repeat;
}
ul.dropdown ul li {
	float: none;
	display: block;
	margin: 0;
}
ul.dropdown .arrow {
	padding: 0;
	background: transparent url('../images/bg_menu_top.png') center top no-repeat;
}
ul.dropdown ul li a {
	border: none;
	width: 16em;
	display: block;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	padding: 5px;
	text-align: left;
	background-color: #333;
	background-image: none;
	border-top: 1px dotted #777;
	font-size: 0.7em;
}
ul.dropdown ul li a:hover { background-color: #111 }

@media screen and ( max-width: 919px ) {
	.banner_wrap li a em { display: none }
}

@media screen and ( max-width: 749px ) {
	.banner_wrap li a {
		font-size: 0.75em;
		padding: 4px 8px;
	}
}

@media screen and ( max-width: 600px ) {
	a.navmenu {
		display: block;
	}
	a.navmenu.active {
		color: #fff;
	}
	a.navmenu.inactive {
		color: #ccc;
	}
	a.navmenu.active:hover,
	a.navmenu.inactive:hover {
		color: #fff;
	}
	#primarynav.show {
		display: block;
	}
	#primarynav.hide {
		display: none;
	}
	.banner_wrap { text-align: center }
	.banner_wrap ul {
		margin: 0;
		padding: 3px 0;
		list-style: none;
	}
	.banner_wrap li {
		display: block;
		margin: 0;
	}
	.banner_wrap li a {
		display: block;
		padding: 4px 12px;
		border: 1px solid #555;
		border-width: 0 0 1px 0;
		color: #eee;
		text-decoration: none;
		font-size: 0.9em;
		-o-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		position: relative;
	}
	.banner_wrap li a:first_child { border-width: 1px 0 }
	.banner_wrap li a em {
		display: block;
		color: #ccc;
		font-size: 0.6em;
		font-style: normal;
	}
	.banner_wrap li a:hover { background-color: #222 } 
	
	ul.dropdown ul { display: none }
}




/*********************************************************************************
	side module
*********************************************************************************/
.side_module {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding-bottom: 20px;
	margin-bottom: 12px;
}
.side_module h3  {
	margin: 0;
	padding: 8px 20px;
	font-size: 1.35em;
	color: #fff;
}

.blank {
	background-color: #fff;
	padding: 20px;
	font-size: 0.8em;
	line-height: 1.5em;
}
.blank img { max-width: 100% }

.this_section {
	background-color: #adca7d;
	margin-top: 12px;
}
.latest_news {
	background-color: #00a5df;
	margin-top: 12px;
}

.latest_news li span {
	display: block;
	font-size: 0.8em;
	padding-bottom: 3px;
	border-bottom: 1px dotted #3DB7E2;
	margin-bottom: 3px;
	color: #99D2E6;
}

.annualreport_list {
	background-color: #00a5df;
	margin-top: 12px;
}
.this_section ul,
.latest_news ul,
.annualreport_list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.this_section ul li:first-child,
.latest_news ul li:first-child,
.annualreport_list ul li:first-child {
	border-top: 1px solid #fafafa;
}

.this_section li a,
.latest_news li a,
.annualreport_list li a {
	display: block;
	border-bottom: 1px solid #fafafa;
	text-decoration: none;
	color: #fff;
	padding: 4px 20px;
	font-size: 0.8em;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.this_section li a:hover,
.latest_news li a:hover,
.annualreport_list li a:hover {
	background: transparent url('../images/screen_black10.png') 0 0 repeat;
}

.did_you_know { background-color: #adca7d }
.did_you_know p {
	border: 1px solid #fafafa;
	border-width: 1px 0;
	color: #fff;
	padding: 4px 20px;
	font-size: 0.8em;
	margin: 0;
}
.did_you_know a {
	color: #65901e;
	text-decoration: none;
}
.did_you_know a:hover { color: #fff }

.nudgeme a {
	padding-left: 36px !important;
}



/*********************************************************************************
	FAQ classes
*********************************************************************************/
.faq_item {
	border-top: 1px solid #ccc;
	padding: 8px 0;
}
.faq_item a { text-decoration: none }
.faq_item a:hover {
	color: #809a57;
	text-decoration: underline;
}

.faq_title {
	color: #809a57;
	border: 1px solid #ccc;
	border-width: 1px 0;
	padding: 8px 0;
}



/*********************************************************************************
	Bill Pay Page
*********************************************************************************/
.billpay_button {
	text-align: center;
	margin-top: 30px;
}

.billpay_button img { max-width: 100% }



/*********************************************************************************
	News
*********************************************************************************/
.news_cap {
	max-width: 300px;
	background-color: #ddd;
}

.news_photo {
	border: none;
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.news_cap em {
	display: block;
	padding: 3px;
	font-size: 0.9em;
}

@media screen and ( max-width: 300px ) {
	.news_cap { max-width: 100% }
}



/*********************************************************************************
	Photo Events
*********************************************************************************/
.pe_main_photo {
	float: right;
	display: inline-block;
	width: 250px;
	margin: 0 8px 20px 20px;
}
.pe_main_photo img { border: 3px solid #ddd; }

.pe_photo_group {
	border: 1px solid #ddd;
	border-width: 1px 0;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	text-align: center;
}



/*********************************************************************************
	Tennessee Magazine
*********************************************************************************/
.tnmag_entry {
	border: 1px solid #fff;
	padding: 6px;
	margin: 12px 6px 0;
	font-size: 1.25em;
	float: left;
	width: 300px;
}
.tnmag_entry a { text-decoration: none }
.tnmag_entry a:hover { text-decoration: underline }
.tnmag_entry em { font-size: 0.8em }
.tnmag_entry img { margin: 0 10px 0 0 }



/*********************************************************************************
	Directors and Staff
*********************************************************************************/
.district_title { margin-top: 12px }

.person_thumb {
	display: block;
	margin-bottom: 4px;
}
.person_thumb img {
	float: left;
	display: inline-block;
	border: 2px solid #ddd;
	margin-right: 12px;
}
.person_thumb .bio { padding-top: 24px }
.person_thumb strong {
	font-size: 1.25em;
	font-weight: normal;
}

.people_table td { padding: 4px }
.people_table .title { padding-top: 36px }

.people_table .pic img { max-width: 150px !important }

@media screen and ( max-width: 600px ) {
	.people_table td {
		display: block;
		width: 100%;
		text-align: center;
	}
	.people_table .title {
		padding-top: 0;
		padding-bottom: 24px;
	}
	.people_table .pic img { max-width: 100% }
}



/*********************************************************************************
	BrighterFuture
*********************************************************************************/

.bf_faqs h3 {
	color: #4b9ee3;
	font-weight: bold;
	font-family: 'Open Sans', san-serif;
	font-size: 1.2em;
	margin-top: 24px;
	margin-bottom: 6px;	
}
.bf_faqs h3:first-child {
	margin-top: 24px;
}




/*********************************************************************************
	Broadband
*********************************************************************************/

.broadband-buttons {
	margin-top: 24px;
	padding-top: 24px;
	border-top: 1px solid #eee;
	text-align: center;
}
a.broadband-button {
	display: inline-block;
	width: auto;
	box-sizing: border-box;
	padding: 24px;
	margin: 6px 2px;
	border-radius: 8px;
	font-size: 0.8em;
	color: #fff !important;
	text-decoration: none;
	text-shadow: 0 0 8px #111;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	background-color: #111;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}
a.broadband-button span {
	display: block;
	font-size: 2em;
	text-transform: uppercase;
}
a.broadband-button.residential {
	background-image: url('../images/bg-broadband-residential.jpg');
}
a.broadband-button.commercial {
	background-image: url('../images/bg-broadband-commercial.jpg');
}
a.broadband-button.residential:hover {
	background-image: url('../images/bg-broadband-residential-o.jpg');
}
a.broadband-button.commercial:hover {
	background-image: url('../images/bg-broadband-commercial-o.jpg');
}



/*********************************************************************************
	Job Listings
*********************************************************************************/

.job_posting {
	margin-bottom: 12px;
	background-color: #f6f6f6;
	padding: 20px;
	border-radius: 8px;
}



/*********************************************************************************
	Green Section
*********************************************************************************/

.text_with_icon {
	margin-bottom: 12px;
}

.text_with_icon a {
	display: inline-block;
	float: left;
	margin-right: 24px;
	width: 130px;
}
.text_with_icon a img {
	width: 100%;
	max-width: 130px;
}
.text_with_icon p {
	padding-top: 18px;
}



/*********************************************************************************
	Contractor Listings
*********************************************************************************/

.contractor {
	box-sizing: border-box;
	display: inline-block;
	float: left;
/*
	border: 1px solid #ddd;
	padding: 12px;
*/
	margin: 10px;
	width: 30%;
	min-height: 250px;
}

.contractor a.link {
	display: inline-block;
/*
	padding: 3px 8px 5px;
	margin: 2px 0 2px;
*/
	text-transform: uppercase;
    font-size: 0.9em;
    padding: 5px 8px 7px;
    margin: 2px 0 4px;
	background-color: #eee;
/* 	color: #333; */
	border-radius: 6px;
	text-decoration: none;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.contractor a.link:hover {
	background-color: #ccc;
	color: #333;
}

@media screen and ( max-width: 610px ) {
	.contractor {
		width: 45%;
	}
}

@media screen and ( max-width: 450px ) {
	.contractor {
		display: block;
		float: none;
		width: auto;
		margin: 0 0 24px;
		min-height: 0;
	}
}




/**********************************************************************************
	Counties/Districts
**********************************************************************************/

.counties {
	padding: 36px 12px 12px;
	margin-bottom: 48px;
	text-align: center;
}

/* Main text columns at full width */
.counties > .left,
.counties > .right {
	display: inline-block;
	width: 48%;
}
.counties > .left {
	float: left;
}
.counties > .right {
	float: right;
}

#img_counties {
	max-width: 100%;
}

.district {
	margin-bottom: 12px;
}
.district > h4 {
	margin: 0 0 6px;
	text-align: left;
}
.district > .members > .member {
	display: inline-block;
	float: left;
	width: 120px;
	margin-right: 6px;
	font-size: 0.75em;
	min-height: 210px;
}
.district > .members > .member > img {
/* 	width: 100px; */
	display: block;
	margin: 0 auto;
}
.district-instruct {
	font-size: 1.25em;
	padding-top: 48px;
	color: #777;
	text-align: center;
}

map area:focus {
	outline: none;
}


@media screen and ( max-width: 600px ) {
	.counties > .left,
	.counties > .right {
		display: block;
		float: none;
		width: auto;
	}
}




/*********************************************************************************
	global classes
*********************************************************************************/
.clr { clear: both }

.txt_left { text-align: left }
.txt_center { text-align: center }
.txt_right { text-align: right }

.block_center {
	display: block;
	margin: 0 auto;
}

.fl_left { float: left }
.fl_right { float: right }
.fl_none { float: none }

.dis_block { display: block }
.dis_inlineblock { display: inline-block }

.top_green { border-top: 3px solid #adca7d }

.fullImage {
	max-width: 100%;
	border: 0;
}


.form_table {
	width: auto;
	border-spacing: 6px;
	border: none;
}
.form_table td {
	padding: 0 4px;
	border-left: 2px solid #fff;
}
.form_table .required { border-left: 2px solid #c00 }
.form_table .submit_pop {
	border: none;
	margin: 0 auto;
	font-size: 0.9em;
	background-color: #adca7d;
	text-transform: uppercase;
	color: #fff;
	padding: 14px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.form_table .submit_pop:hover { background-color: #888 }


.incentives_table {
	width: auto;
	border-spacing: 1px;
	border: none;
}
.incentives_table td { padding: 5px }
.incentives_table .c1 { background-color: #eee }
.incentives_table .c2 { background-color: #ccc }
.incentives_table .c3 { background-color: #adca7d }
.incentives_table .c4 { background-color: #809a57 }

.incentives_table ul {
	padding: 0 0 0 18px;
}

.tblFinanceableUpgrades {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	font-size: 0.9em;
}
.tblFinanceableUpgrades th,
.tblFinanceableUpgrades td {
	border: 1px solid #0d014d;
	padding: 4px 6px;
}
.tblFinanceableUpgrades th {
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #0d014d;
}
.tblFinanceableUpgrades tr:nth-of-type(odd) {
	background-color: #eaeaea;
}
.tblFinanceableUpgrades td {
	text-align: center;
}
.tblFinanceableUpgrades td:first-child {
	text-align: left;
}
.tblFinanceableUpgrades span {
	display: block;
	font-size: 0.65em;
}
.tblFinanceableUpgrades_legend {
	font-size: 0.7em;
	font-style: italic;
	background: transparent url('/images/icon-escore.png') left bottom no-repeat;
	padding: 12px 0 40px 80px;
}



@media screen and ( max-width: 600px ) {
	.form_table td,
	.incentives_table td {
		display: block;
		width: 100%;
		text-align: left;
	}
	.form_table label {
		display: inline-block;
		padding-top: 8px;
	}
	.form_table input[type="text"],
	.form_table select,
	.form_table textarea { width: 100% }
}


.pdf_link {
	display: inline-block;
	box-sizing: border-box;
	padding: 14px 0 14px 40px;
	background: transparent url('/images/icon-pdf-sm.png') left center no-repeat;
}


.gallery-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.gallery-list li {
	padding: 24px 12px;
	border: 1px dotted #ddd;
	border-width: 0 0 1px;
}
.gallery-list li:first-child {
	border-width: 1px 0;
}


/*********************************************************************************
	footer
*********************************************************************************/
.footer {
	position: relative;
	width: auto;
	min-height: 100px;
	border-top: 8px solid #ddd;
	background: #444 url('../images/bg_darkgray_noise.png') 0 0 repeat;
	color: #888;
}

.footer_content {
	font-size: 0.75em;
	line-height: 1.5em;
}

.footer_main_left,
.footer_main_right {
	display: inline-block;
	width: 48%;
}
.footer_main_left { float: left }
.footer_main_right { float: right }
.footer_main_right h3 { color: #aaa }

#mtemctweets div {
	border-bottom: 1px solid #555;
	padding: 8px 3px;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#mtemctweets div:hover { background-color: #3f4648 }
#mtemctweets div:first-child {
	margin-top: 12px;
	border-top: 1px solid #555;
}
#mtemctweets a {
	color: #ccc;
	text-decoration: none;
}
#mtemctweets a:hover { color: #fff }
#mtemctweets span { font-size: 0.8em }

.footer_social a {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-right: 2px;
	background-color: transparent;
	background-position: 0 -50px;
	background-repeat: no-repeat;
}
.footer_social .icon_youtube { background-image: url('../images/social/youtube.png') }
.footer_social .icon_facebook { background-image: url('../images/social/facebook.png') }
.footer_social .icon_twitter { background-image: url('../images/social/twitter.png') }
.footer_social a:hover { background-position: 0 0 }

.footer_social img {
	width: 50px;
	height: 50px;
}

.company_list {
	margin: 0;
	padding: 20px 0 0;
	list-style: none;
}
.company_list li a {
	display: block;
	margin-bottom: 1px;
	background: transparent url('../images/screen_black10.png') 0 0 repeat;
	text-decoration: none;
	color: #adca7d;
	padding: 4px 8px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.company_list li a:hover {
	background: transparent url('../images/screen_black25.png') 0 0 repeat;
	color: #fff;
}

@media screen and ( max-width: 600px ) {
	.footer_main_left,
	.footer_main_right {
		display: block;
		float: none;
		width: auto;
	}
	.footer_main_right { margin-top: 24px }
	.footer_social { margin-top: 24px }
	.company_list { padding-top: 0 }
}




/**********************************************************************************
	ADMIN
**********************************************************************************/

#adminnav {
	padding-right: 0;
	margin-bottom: 20px;
}

#adminnav_bar {
	padding: 8px 12px;
	background-color: #bedef0;
	color: #1c84c0;
}

#adminnav_links {
	display: inline;
	text-align: left;
	font-size: 11px;
	color: #517190;
}

#adminsections {
	margin-top: 8px;
}
#adminsections a {
	display: inline-block;
	background-color: #1c84c0;
	color: #bedef0;
	border-radius: 5px;
	padding: 6px;
	margin: 3px 0;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
#adminsections a:hover {
	background-color: #01588b;
}

#login_mes {
	margin-bottom: 8px;
	padding: 10px;
	background-color: #d0e5a9;
	font-weight: bold;
}

.adminboard_form label {
	font-size: 16px;
	color: #0088d5;
	margin-bottom: 10px;
	font-weight: normal;
}

.adminboard_form input[type="text"],
.adminboard_form input[type="password"],
.adminboard_form select,
.adminboard_form textarea {
	width: 94%;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #ddd;
	color: #555;
	font-size: 12px;
}


.list_table {
	border-collapse: collapse;
	width: auto;
}

.list_table th, .list_table td {
	padding: 6px;
	border: 1px solid #bbb;
}

.list_table th {
	color: #444;
	background-color: #ddd;
	font-weight: bold;
	font-size: 10px;
}

.list_table td {
	color: #333;
	font-size: 12px;
}

.currentdoc {
	margin: 4px 0;
	border: 1px solid #ddd;
	padding: 4px;
	color: #888;
	display: inline-block;
}
.currentdoc a {
	color: #ff9e47;
	text-decoration: none;
}
.currentdoc a:hover {
	color: #c97d38;
	text-decoration: underline;
}

#doc_table td { font-size: 10px }

.doclist {
	padding: 12px;
	border-bottom: 1px dotted #ccc;
}
.docfirst {	border-top: 1px dotted #ccc }

.doccontent {
	display: inline;
	float: left;
	line-height: 1.5em;
	color: #555;
	font-size: 14px;
	padding-top: 12px;
}

.doccontent .title {
	font-size: 18px;
	font-weight: normal;
	color: #0088d5;
}
.doccontent .title a {
	color: #0088d5;
	text-decoration: none;
}
.doccontent .title a:hover {
	color: #0088d5;
	text-decoration: underline;
}
.doccontent a {
	color: #ff9e47;
	text-decoration: none;
}
.doccontent a:hover {
	color: #c97d38;
	text-decoration: underline;
}
.doccontent .size {
	color: #aaa;
	font-size: 12px;
}

.docicon {
	display: inline;
	float: left;
	width: 75px;
	color: #aaa;
	font-size: 10px;
	text-align: center;
}
.docicon a {
	display: block;
	width: 75px;
	height: 86px;
	background: transparent url('/admin/images/icon_doc.png') no-repeat top center;
}
.docicon a:hover { background: transparent url('/admin/images/icon_doc.png') no-repeat bottom center }

@media screen and ( max-width: 600px ) {
	.docicon {
		display: block;
		float: none;
		margin: 0 auto;
	}
	.doccontent {
		display: block;
		float: none;
		width: 90%;
		margin: 6px auto 0;
		text-align: center;
		padding-top: 0;
	}
}




/*********************************************************************************
	responsive
*********************************************************************************/

@media screen and ( max-width: 1055px ) {
	.alert_wrap,
	.topper_wrap,
	.heading_wrap,
	.banner_wrap {
		width: auto;
		position: relative;
	}
	.header_content,
	.content,
	.footer_content {
		width: auto;
		margin: 0;
		padding: 20px;
	}
	.main_logo { left: 20px }
}

@media screen and ( max-width: 749px ) {
	.content .col_full .innertube,
	.content .col_main .innertube { margin-top: 12px }
	.content { padding-top: 12px }
	.main_logo {
		position: relative;
		top: auto;
		left: auto;
		display: block;
		margin: 0 auto;
		padding: 0.625em;
		width: 240px;
		text-align: center;		
	}
	.main_logo img { max-width: 100% }
	.heading,
	.heading_wrap { height: auto }
	.heading_wrap {
		background: transparent url('../images/bg_lines.jpg') center top no-repeat;
		padding: 0;
	}
	.topper { text-align: center }
	.topics_top {
		display: none;
	}
	.topics.topics_top {
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.topics.topics_top h3 {
		padding: 6px 20px;
		font-size: 1.1em;
		color: #fff;
		text-align: center;
	}
	.topics.topics_top h3::before {
		content: "View ";
	}
	.topics.topics_top a {
		text-align: center;
	}
	.topics_bottom { display: block }
	.col_full,
	.col_main,
	.col_secondary {
		display: block;
		float: none;
		width: auto;
	}
	.footer .innertube { padding: 20px 0 }
	.search_secondary { margin-top: 24px }
	br.search_main { display: none }
/*
	.search_main { display: block }
	.search_secondary { display: none }
*/
}

@media screen and ( max-width: 500px ) {
	.camera_container { display: none }
}

@media screen and ( max-width: 600px ) {
	.heading,
	.heading_wrap {	min-height: 150px }
}

@media screen and ( max-width: 480px ) {
	/* hide nav color text */
	.banner_wrap li a em { display: none }
	/* remove header min-height and shrink logo */
	.heading,
	.heading_wrap {	min-height: 0 }
	.main_logo img { max-width: 70% }

	.text_with_icon a {
		display: block;
		float: none;
		margin: 0;
		width: auto;
	}
	.text_with_icon p {
		padding-top: 18px;
	}
	.content .col_full .innertube .text_with_icon a img,
	.content .col_main .innertube .text_with_icon a img {
		width: 100%;
		max-width: 130px;
	}
}






/**********************************************************************************
	clearfix
**********************************************************************************/

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}