/* CSS Document */

body {

	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/bgExtend.jpg) repeat-x;
}

/*---------- Tagline ----------*/

div.tagline {

	display: block;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
	color: #FFFFFF;
	margin-top: .6em;
}

/*---------- Side Navigation Table ----------*/

table.sideNav {

	margin-right: 24px;
}

/*---------- Side Content ----------*/

td.sideContent {

	padding-top: 24px;
	font-family: "Helvetica", Arial, sans-serif; 
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	color: #527796;
}
span.sideContentHeader {

	font-size: 15px;
	font-weight: bold;
}
div.lightBlueBox {

	font-weight: bold;
	color: #d25700;
	background-color: #ecf2f7;
	padding: .5em 0em .1em 1em;
}
div.sideContentWithPadding {

	padding: .2em 0em 0em 1.25em;
}

/*---------- Line Diving Side Nav and Content ----------*/

td.thinLine {

	background: #d1e0ee;
	height: 1px;
	width: 1px;
}

/*---------- Main Content ----------*/

td.content {

	padding: 15px 0px 0px 25px;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #00529f;
}
td.content a {

	color: #00529f;
	text-decoration: underline;
}
td.content a:hover {

	color: #d25700;
	text-decoration: underline;
}
span.Header {

	font-family: "Helvetica", Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #d25700;
	line-height: 20px;
}
span.subHeader {

	font-size: 15px;
	font-weight: normal;
	color: #00529f;
	line-height: 17px;
}
span.contentHeader {

	font-size: 14px;
	font-weight: bold;
	color: #00529f;
}
ul li {

	padding-bottom: .25em;
}
table.copiers ul {

	padding: 0em 0em 0em .5em;
	margin: 0em 0em 0em .5em;
}
img.floatRight {

	float: right;
	margin: 0em 0em 2em 1em;
}
td.roundedBoxTable {

	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 24px;
}
div.coloredBox1 {
	
	background-color: #ffdbc0;
	padding: 1em;
	width: 34%;
}
div.coloredBox2 {
	
	background-color: #dfe9f2;
	padding: 1em;
	width: 34%;
}

/*---------- Forms ----------*/

form#meterreading table td {

	padding-bottom: 1em;
}
form#meterreading input.meterreading {

	width: auto;
	font-size: 16px;
	color: #d25700;
	border: #7aa1cc inset 2px;
	padding: .25em;
}
form#meterreading input.button {

	border: #7aa1cc outset 2px;
	background-color: #dfe9f2;
	color: #d25700;
	font-size: 16px;
}
form#ordersupplies table td {

	padding-bottom: 1em;
}
form#ordersupplies input {

	width: 350px;
	font-size: 16px;
	color: #d25700;
	border: #7aa1cc inset 2px;
	padding: .25em;
}
form#ordersupplies input.ordersuppliesSetLength {

	width: auto;
	font-size: 16px;
	color: #d25700;
	border: #7aa1cc inset 2px;
	padding: .25em;
}
form#ordersupplies textarea {

	width: 350px;
	font-size: 16px;
	color: #d25700;
	border: #7aa1cc inset 2px;
	padding: .25em;
}
form#ordersupplies input.button {

	width: auto;
	background-color: #dfe9f2;
	color: #d25700;
	font-size: 16px;
}
form#servicerequest table td {

	padding-bottom: 1em;
}
form#servicerequest input.servicerequest {

	width: 350px;
	font-size: 16px;
	color: #d25700;
	border: #7aa1cc inset 2px;
	padding: .25em;
}
form#servicerequest input.servicerequestSetLength {

	width: auto;
	font-size: 16px;
	color: #d25700;
	border: #7aa1cc inset 2px;
	padding: .25em;
}
form#servicerequest select.servicerequest {

	font-size: 16px;
	color: #d25700;
	border: #7aa1cc inset 2px;
}
form#servicerequest textarea.servicerequest {

	width: 350px;
	font-size: 16px;
	color: #d25700;
	border: #7aa1cc inset 2px;
	padding: .25em;
}
form#servicerequest input.button {

	border: #7aa1cc outset 2px;
	background-color: #dfe9f2;
	color: #d25700;
	font-size: 16px;
}

/*---------- Copyright -----------*/

td.copyright {

	font-family: "Helvetica", Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00284e;
	text-align: center;
	padding: 4em 0em 4em 0em;
}
td.copyright a {

	font-family: "Helvetica", Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00284e;
	text-decoration: none;
}
td.copyright a:hover {

	font-family: "Helvetica", Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #00284e;
	text-decoration: underline;
}