@charset "UTF-8";
/*=== CSS Document ====*/
/*=== OVERWRITE CSS ===*/
/*=== Montebello Water Bootstrap 3.3.5 ===*/


/****** TABLE OF CONTENTS ******
0. Color Guide / Typography Guide
1. Text / Links 
2. Other
3. Media Queries

********************************
********************************/

/**** 0. COLOR & TYPOGRAPHY GUIDE **************************


************************************************************
************************************************************/

/**** 1. Text and Links ****/
/*====================*/

.container { 
	background: url(../../_images/bright-squares.jpg);
	background-repeat: repeat;
	}

h3.lite-blue {
	background-color: #aeece0; 
	padding: 5px;
	margin-top: 5px;
	color: #1b3057;
	}

.lite-red {
	background-color: #BA2539; 
	padding: 10px;
	margin-top: 5px;
	color: #fff;
	line-height: 1.3em;
	}

a:link, a:visited { 
	color: #fff; 
	text-decoration: underline;
	}

a:hover, a:active { 
	color: #aeece0; 
	}


ul {
	list-style: none;
	font-size: 16px; 
	padding-left: 0px;
	}

.blueBillPay {
	background-color: #1b3058;
	padding: 35px;
	background-color: rgba(27, 48, 87, 0.85);
	margin-top: 20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color: #eee;
	}

.blueBillPay a { text-decoration: underline; }

.blueBillPay ul { 
	list-style-type: disc; 
	padding-left: 35px;
	}


footer {
	background-color: #1b3058;
	padding: 10px; 
	margin-top: 40px;
}

footer p {
	font-size: 16px;
	margin-top: 5px;
}


/**** 2. Other ****/
/*======================*/


.fullWidth { width: 100%; }


/**** 3. Media Queries ****/
/*=======================*/


/**** Min Width 320px ****/
@media (min-width: 320px) {

	.blueBox {
	background-color: #1b3058;
	width: 100%;
	padding: 15px;
	background-color: rgba(27, 48, 87, 0.85);
	margin-top: 20px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	}

	p { font-size: 18px; }	

	body {
	background: url(../../_images/bright-squares-blue.jpg);
	background-repeat: repeat;
	color: #fff;
	padding-bottom: 40px;	
	}

}

/**** Max Width 768px ****/
@media (max-width: 768px) {

}

/**** Min Width 768px ****/
@media (min-width: 768px) {

}

/**** Min Width 992px ****/
@media (min-width: 992px) {


	.blueBox {
	min-height: 490px;
	margin-top: 40px;
	}

	p { font-size: 16px; }

}

@media (max-width: 992px) {

}


/**** Min Width 1280px ****/
@media (min-width: 1200px) { 


}