body {
	background-color:#FFFFCC;
	padding:0;
	font-size:13px;
}

img {
	border:0;
}

div {
	border-spacing:0;
	border-width:0;
	padding:0;
	margin:0;
}

table {
	border-spacing:0;
	border-width:0;
	padding:0;
	margin:0;
}
tr {
	padding:0;
	margin:0;
}
td {
	font-family: Verdana;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height: 16px;
	padding:0;
	margin:0;
	border:0;
}

A:visited {color: #993300}
A:active {color: #993300}
A {text-decoration: none}

td.button {
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: white;
	text-decoration: none;
	background-color: #CF4040
}

button { /* button type, not class */
	background-color: #CC3333;
	border-style: none;
	line-height: 16px;
	width: auto;
	overflow: visible;
	color: white;
	text-transform: uppercase;
	font-weight:bold;
	font-family: "Lucida Sans Unicode",sans-serif;
	font-size: 8pt;
	vertical-align: middle;
	margin: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: pointer;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	font-family: sans-serif, Verdana;
}


/* ------------------------------------------------ */

.hyper
{
	background-color:#CC3333;
}

.alert
{
	color:#CC3333;
	font-size: 1.5em;
}
.required
{
	color:#CC3333;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

.third {
	float:left;
	width:33.3%;
}

.headerred
{
	font-family:Gill Sans Mt, Verdana;
	font-size:20px;
	color:#CC3333;
	font-weight:bold;
}

.headerbig
{
	font-family:Gill Sans Mt, Verdana;
	font-size:20px;
	font-weight:bold;
}

.subheader
{
	font-family:Gill Sans Mt, Verdana;
	font-size:18px;
}

.subheader_pfp
{
	font-size:15px;
}

.headerhuge
{
	font-family:Gill Sans Mt, Verdana;
	font-size:3em;
	color:#CC3333;
	font-weight:bold;
	text-align: center;
	padding-bottom: 1.0em;
}

.subheaderhuge
{
	font-family: Gill Sans Mt, Verdana;
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.1;
}

.minitext {
	font-size:10px;
	font-weight: bold;
}

.large_info {
	font-size:18px;
}

div.background
{
	width:100%;
	height:100%;
	background:url('../graphics/education-image.png') repeat;
	/* border:2px solid black; */
}

div.transbox
{
	width:100%;
	height:400px;
	/* margin:30px 50px; */
	background-color:#ffffff;
	border:1px solid black;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
}

div.transbox p
{
	/* margin:30px 40px; */
	font-weight:bold;
	color:#000000;
}

div.transbox a
{
	margin:0 10px;
	font-weight:bold;
	color:#0000ff;
}

/*---------- Policy pages --------*/
.policy_title{
	height:34.5pt;
	margin-top:27px;
}

.policy_body {
	padding-bottom:15px;
}

h1.policy {
	text-transform:uppercase;
	color:#000066;
}
p.policy {
	font-size:12.0pt;
	font-family:"Times New Roman";
	color:black;
}
@page Section1 {
	size:8.5in 11.0in;
	margin:1.0in 1.25in 1.0in 1.25in;
}
div.Section1 {
	page:Section1;
	max-width:5.25in;
	margin-left:1%;
}

/* ------------- BANNER ------------------------------*/
.banner {
	border:0;
	padding:0;
	margin:auto;
	border-spacing:0;
	border-collapse:collapse;
	width:100%;
	background-color:#FFFFCC;
}


.banner td {
	margin:0;
	height:21px;
}

.banner_buttons {
	border:0;
	padding:0;
	margin:0;
	border-spacing:0;
	border-collapse:collapse;
	vertical-align:top;
	height:21px;
	background-color:#FF9933;
	width:100%;
}

#logo_td {
	background-color:#CF4040;
	border:3px solid #FFFFCC;
	width:100px;
}

.banner_buttons td {
	text-align:center;
	padding-left:2px;
	padding-right:2px;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	height:100%;
	width:10px;
}

#empty_td {
	width:99%;
}

.banner_buttons td a {
	color:white;
}

banner_td {
	text-align:right;
	vertical-align:top;
	border:3px solid #FFFFCC;
	border-right:3px solid #FFFFCC;
	padding:0px;
	background-color:#FF9933;
}

#power_td {
	text-align:right;
	vertical-align:top;
	border:3px solid #FFFFCC;
	border-right:0;
	height:44px;
	background-color:#FF9933;
}

#power_div {
	background-image:url("/graphics/hr-topright.png");
	height:44px;
	width:557px;
}

#button_home {
	width:77px;
	max-width:77px;
}
#button_faq {
	width:66px;
	max-width:66px;
}
#button_about {
	width:198px;
	max-width:198px;
}
#button_contact {
	width:124px;
}

#button_empty {
	vertical-align:top;
	width:80px;
	height:100%;
	background-color:#FF9933;
	margin:0;
}

.gap {
	width:3px;
	max-width:3px;
	height:21px;
	background-color:#FFFFCC;
	border:0;
	margin:0;
}

/* -----------------------------------------------------*/
/* toptbl used in multiple pages; don't change style specific to a page here */
.toptbl {
	position:relative;
	max-width:550px;
	text-align:left;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.toptbl_alerts{
	border: 5px solid #B0B0B0;
	border-radius: 25px;
	padding: 10px;
	background-color: #B0B0B0;
	text-align: center;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.alert_links {
	font-size: 17px;
}

.rowhighlight {
	background-color:#DDDDDD;
}
.rownormal {
	background-color:white;
}

#link_div_text {
	font-family: Gill Sans Mt, Verdana;
	font-size: 17px;
}

#search_field {
	font-size: 14px;
}

#prompt_wrapper {
	text-align: center;
	margin:0 auto;
	max-width: 500px;
}

#thumb_div {
	text-align: center;
	margin:0 auto;
}

#msgtbl {
	max-width:700px;
	font-weight:bold;
}

#weathertbl {
	width: 550px;
	table-layout: fixed;
}
#weathertbl td {
	padding:5px;
	vertical-align:top;
	max-width: 400px;
}

#weathertbl button {
	background-color: #CC3333;
	border-style: none;
	line-height: 16px;
	width: auto;
	overflow: visible;
	color: white;
	text-transform: uppercase;
	font-weight:bold;
	font-family: "Lucida Sans Unicode",sans-serif;
	font-size: 8pt;
	vertical-align: middle;
	margin: 1px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: pointer;
	border-radius:3px;
}

#maintbl{
	border-width:2px;
	border-color:black;
	border-style:solid;
	margin:0;
	padding:5px;
	background-color:white;
}

#maintbl td {
	padding-bottom:2px;
}

#contacttbl {
	width:100%;
	padding:3px;
	background-color:white;
	border:1px solid black;
	text-align:left;
}

#contacttbl td {
	vertical-align:top;
}

#phonetbl {
	width:100%;
	padding:3px;
	background-color:white;
	border:0;
}

#emailtbl {
	width:100%;
	padding:3px;
	background-color:white;
	border:0;
}

#phonecol {
	min-width:200px;
}

#bottom_bar {
	margin-top: 15px;
	margin-bottom: 15px;
	border-color: darkgray;
}

.customer_logo {
	width: 180px;
	margin-left:0;
	margin-top:0;
	margin-right: 15px;
	margin-bottom:10px;
	float: left;
}

.outer {
	width:98%;
	margin-left:15px;
}

.inner {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

.center_content {
	text-align: center;
	margin:0 auto;
	max-width: 700px;
}

.feedback_box {
	max-width:505px;
	font-weight:bold;
	font-size:16px;
	color:red;
}

.cellphone {
	display:none;
}

.rowhighlight {
	background-color:#DDDDDD;
}
.rownormal {
	background-color:white;
}

.phone-header {
	margin: 2px;
}

.phone-div,
.select-box-div,
.mode-div {
	float: left;
}

.phone-div {
	width: 15% !important;
}

.select-box-div {
	width: 20%;
}

.mode-div {
	width: 65% !important;
}

@media (max-width:768px), (max-device-width:768px) {
	.phone-div,
	.select-box-div,
	.mode-div {
		width: 100% !important;
	}
}

/* Handle smaller screens better */
@media (max-width:540px), (max-device-width:540px) {
	body {
		margin:2px;
	}
	.outer {
		margin-left:1px;
	}
	.help_registering {
		display:none;
	}
}

/* smaller banner */
@media all and (min-width:321px) and (max-width:700px),
       all and (min-device-width:321px) and (max-device-width:700px) {
	#power_div {
		background-image:url("/graphics/hr-topright-sm.png");
		height:44px;
		width:263px;
	}
}
@media all and (max-width:700px),
       all and (max-device-width:700px) {
	.banner {
		width:100%;
	}

	#button_home {
		width:57px;
	}
	#button_faq {
		width:57px;
	}
	#button_about {
		width:68px;
	}
	#button_about_detail {
		display:none;
	}
	#button_contact {
		width:99%;
	}
	#button_contact_detail {
		display:none;
	}
	#button_empty {
		display:none;
	}
	#emailrow0 {
		font-size:smaller;
	}
	.phone-header {
		font-size: smaller;
	}
}
@media all and (max-width:320px),
       all and (max-device-width:320px) {
	.banner_buttons {
		display:none;
	}
	#power_div {
		background-image:none;
		display:none;
		height:0;
		width:0;
	}
	#mun-title {
		white-space: normal;
	}
}

.lang_sel {
	text-transform: capitalize;
}

.msg_box {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
	max-width:40%;
}

#preview_msg {
	border: 2px dashed green;
}

#no_data_msg {
	border: 2px dashed red;
}

/*
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

}
*/

.mob_width {
	min-width: 200px;
}

textarea.form-control {
	min-width: 200px;
}

input.form-control {
	border-color: gray;
}

.text_nowrap {
	white-space: nowrap;
}

.invalid {
	color:#CC3333;
}

.left {
	text-align: left;
}
.indent {
	text-indent: -1em;
	padding-left: 1em;
}

select.form-control {
	cursor: pointer;
	width: 80%;
}

.email_header {
	text-indent: 1.5em;
}

.white_text {
	color:white;
}

.white_text a {
	text-decoration:underline;
	color:white;
}

.cookies_banner {
  background: #444;
  color: #fff;
  padding: 6px;
  font-size: 13px;
  text-align: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
}

.cookies_banner button {
  text-decoration: none;
  background: #222;
  color: #fff;
  border: 1px solid #000;
  cursor: pointer;
  padding: 4px 7px;
  margin: 2px 0;
  font-size: 13px;
  font-weight: 700;
  transition: background 0.07s, color 0.07s, border-color 0.07s;
}

.cookies_banner button:hover {
  background: #fff;
  color: #222;
}