/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	TAGS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body {
	background-color: #D0D6DA;
	margin: 0;
	padding: 0;
	background-image: url(../images/page_bg.gif);
	background-repeat: repeat-y;
	font-size: 100%; /* 16px */
	}
#mother {
	font-size: .875em; /* 16*.875=14px */
	}
td, pre, input, textarea, select {
	font-size: 1em; /* 14*1=14px */
	}
body, td, pre, input, textarea, select {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	}
a:link {
	color: #05478e;
	}
a:visited {
	color: #05478e;
	}
a:hover {
	text-decoration: none;
	color: #002e5e;
	}
a:active {
	color: #05478e;
	}
a img {
	border: 0 none;
	}
code {
	color: #f09;
	}
	
	
p, li, pre {
	line-height: 1.3;
	}
h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre {
	margin-top: 0;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}
h3, h4, h5, h6, p, ol, ul, pre {
	margin-bottom: 16px;
	}
h1 {
	font-size: 1.14em; /* 14*1.14=16px */
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #57626F;
	margin: 0 0 15px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: normal;
	padding: 4px 0 2px 0;
	}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #002e5e;
	margin: 0 0 20px 0;
	}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #05478e;
	margin: 0 0 18px 0;
	}
ul {
	list-style-type: square;
	}
li {
	margin-bottom: 6px;
	}
li ol,
li ul {
	margin-top: 4px;
	}
th {
	text-align: left;
	}
object, embed {
	margin: 0;
	padding: 0;
	}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	MAIN DIVISIONS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#mother {
	width: 950px;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
	}

#banner {
	height: 115px;
	}
#banner p {
	margin: 0;
	}
#logo {
	position: absolute;
	left: 10px;
	top: 0;
	}
#topMenu {
	background-image: url(../images/bg_banner_menu.jpg);
	background-repeat: repeat-y;
	background-color: #57626f;
	text-transform: uppercase;
	text-align: right;
	line-height: normal;
	padding: 4px 4px 4px 0;
	width: 946px;
	}
#topMenu input {
	vertical-align: middle;
	}
#topMenu,
#topMenu a:link,
#topMenu a:visited,
#topMenu a:active {
	color: #fff;
	text-decoration: none;
	}
#topMenu a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
	
#footer {
	margin: 30px 0 0 0;
	padding: 20px;
	background-color: #57626F;
	clear: both;
	color: #fff;
	text-align: center;
	font-size: .88em; /* 14*.88=12px */
	}
#footer a {
	text-transform: uppercase;
	}
#footer a:link,
#footer a:visited,
#footer a:active {
	color: #fff;
	text-decoration: none;	
	}
#footer ul,
#footer p {
	margin-bottom: 10px;
	}
#footer ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	}
#footer li {
	display: inline;
	padding: 0 4px 0 5px;
	border-left: 1px solid #fff;
	}
#footer li:first-child {
	padding-left: 0;
	border-left: 0 none;
	}
#footer li a {
	text-transform: none;
	}


/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	CONTENT
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#content {
	}
#splash {
	width: 600px;
	height: 220px;
	float: left;
	}


#articles {
	width: 328px;
	float: left;
	background-color: #8995A2;
	border-left: 2px solid #fff;
	padding: 2px 10px 5px 10px;
	color: #fff;
	height: 213px;
	}
html>body #articles {
	height: auto;
	min-height: 213px;
	}
#articles h1 {
	border-bottom-color: #fff;
	border-top: 0 none;
	color: #fff;
	margin: 0;
	line-height: normal;
	padding: 0 0 2px 0;
	}
#articles h1 img {
	vertical-align: text-bottom;
	margin: 0 0 0 10px;
	}
#articles p img {
	float: left;
	margin: 0 5px 1px 0;
	border: 1px solid #8995A2;	
	}
#articles a:hover img {
	border: 1px solid #fff;	
	}
#articles p {
	font-size: .86em; /* 14*.86=12px */
	margin: 5px 0 0 0;
	clear: left;
	line-height: 1.1;
	}
#articles a:link,
#articles a:visited,
#articles a:active,
#articles a:hover {
	color: #fff;
	text-decoration: none;	
	}
#articles strong {
	font-size: 1.17em; /* 12*1.17=14px */
	display: block;
	text-decoration: underline;
	}
#articles span {
	font-size: .92em; /* 12*.86=11px */
	display: block;
	margin: 0 0 3px 0;
	color: #dfdfdf;
	}
#articles br {
	display: none;
	}
	
/* COLUMNS */
#content .col1 {
	width: 435px;
	margin: 0;
	padding: 0 70px 0 90px;
	overflow: hidden;
	clear: left;
	}
#content .col1 h1 {
	padding-left: 90px;
	padding-right: 70px;
	width: 480px;
	margin-left: -90px;
	}
	
#content .col2 {
	width: 295px;
	padding: 0 50px 0 0;
	overflow: hidden;
	}
#content .col2 h1 {
	padding-right: 50px;
	width: 295px;
	}
.col2 .colTop div {
	overflow: auto;
	height: 155px;
	width: 300px;
	}
.colTop {
	height: 220px;
	}
html>body .colTop {
	min-height: 220px;
	height: auto;
	}
.colTop h1 {
	border-top: 0 none;
	}
	


/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	MENU
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */		
#menu {
	width: 100%;
	clear: both;
	}
#menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#menu li {
	background-image: none;
	padding: 0;
	margin: 0;
	float: left;
	line-height: normal;
	position: relative;
	background-image: url(../images/menu_sprite.gif);
	background-repeat: no-repeat;
	}
#menu li#digitalSignage {
	background-position: 0 0;
	}
#menu li#commercial {
	background-position: -191px 0;
	}
#menu li#government {
	background-position: -382px 0;
	}
#menu li#residential {
	background-position: -573px 0;
	width: 193px;
	}
#menu a {
	height: 36px;
	width: 191px;
	display: block;
	text-indent: -9999px;
	}
	
/* Sub <ul>s */
#menu li ul {
	background-color: #57626F;
	position: absolute;
	left: 0;
	top: 36px;
	border-left: 32px solid #57626F;
	width: 159px;
	display: none;
	font-size: .86em; /* 14*.86=12px */
	}
#menu li:hover ul,
#menu li.over ul {
	display: block;
	}
#menu li#digitalSignage ul {
	border-left-color: #f60;
	}
#menu li#commercial ul {
	border-left-color: #406B8C;
	}
#menu li#government ul {
	border-left-color: #693;
	}
#menu li#residential ul {
	border-left-color: #A42B2B;
	}
	
/* Sub <li>s */
#menu li li {
	float: none;
	width: auto;
	height: auto;
	border-bottom: 1px solid #333;
	border-top: 1px solid #999;
	text-transform: uppercase;
	padding: 4px 4px 4px 6px;
	position: static;
	background-image: none;
	}
	
/* Sub <a>s */
#menu li li a {
	display: block;
	text-indent: 0;
	width: auto;
	height: 1%;
	}
html>body #menu li li a {
	height: auto;
	}
#menu li li a:link,
#menu li li a:visited,
#menu li li a:active {
	color: #fff;
	text-decoration: none;
	}
#menu li li a:hover {
	color: #fff;
	text-decoration: underline;
	}
	



/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	FORMS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

form {
	margin: 0;
	}
fieldset {
	padding: 0 10px 10px 10px;
	margin: 0 0 10px 0;
	}
legend {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 30px 0;
	padding: 3px 10px 3px 10px;
	color: #333;
	}
.columnize label {
	display: block;
	width: 80px;
	float: left;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: right;
	padding: 2px 10px 0 0;
	}
.columnize input,
.columnize select,
.columnize textarea {
	display: block;
	width: 290px;
	float: left;
	margin-bottom: 20px;
	}
.columnize br {
	clear: left;
	}
.columnize p label,
.columnize p input,
.columnize p select,
.columnize p textarea {
	margin-bottom: 0;
	}
.columnize p em {
	display: block;
	margin: 0 0 20px 80px;
	font-size: .625em; /* 14*.71=10px */
	}

p.submitButton {
	text-align: center;
	clear: left;
	padding-top: 1.0em;
	padding: 0;
	}
p.submitButton input {
	background-color: #7796b1;
	color: #fff;
	font-weight: bold;
	border: 0 none;
	padding: 3px 12px 4px 12px;
	margin: 0;
	cursor: pointer;
	}






/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	UTILTY CLASSES/MISC
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.photo {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #82776b;	
	}
.picRight {
	margin: 0 0 5px 12px;
	float: right;
	}
.picLeft {
	margin: 0 12px 5px 0;
	float: left;
	}
.picMiddle {
	text-align: center;
	}
.unbulleted {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	}
.unbulleted li {
	background-image: none;
	padding: 0;
	}	
.cl {
	clear: both;
	}
.note {
	font-size: 90%;
	color: #666;
	}
ul.note {
	padding: 0;
	margin-left: 0;
	}
ul.note li {
	padding: 0;
	margin: 0;
	background-image: none;
	}
	
	
/* COLUMNS */
.col1, .col2, .col3 {
	float: left;
	margin: 0 0 0 10px;
	}
	
/* TWO COLUMN */
.twoColumn {
	clear: both;
	margin: 0 0 30px 0;
	}
.twoColumn .col1 {
	width: 280px;
	margin: 0;
	}
.twoColumn .col2 {
	width: 280px;
	}
	
/* THREE COLUMN */
.threeColumn .col1 {
	clear: both;
	}
.threeColumn .col1 {
	width: 180px;
	margin: 0;
	}
.threeColumn .col2 {
	width: 180px;
	}
.threeColumn .col3 {
	width: 180px;
	}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	}
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */











.fontSizesInEmsForBase-12 {
	font-size: .72em; /* 14*.72=10px */
	font-size: .79em; /* 14*.79=11px */
	font-size: .86em; /* 14*.86=12px */
	font-size: 1em; /* 14*1=14px */
	font-size: 1.14em; /* 14*1.14=16px */
	font-size: 1.29em; /* 14*1.29=18px */
	font-size: 1.43em; /* 14*1.43=20px */
	font-size: 1.71em; /* 14*1.71=24px */
	font-size: 2.29em; /* 14*2.29=32px */
	}