@import url("../plugins/blueprint/grid.css");


/*  T A G   S T Y L E S  */

body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #464646;/* 80% grey */
	-webkit-text-size-adjust: none; /* disables text-resizing for handhelds, including iPhone */
}

/* see the .all style for default font size (11px) and line height (15px) */

p {
	margin: 0 0 0.8181em 0;/* 9 / 11 */
	/* margin: -0.2727em 0 1.0909em 0;/* -3 / 11, 12 / 11 */
	text-align: justify;
}

h4 {
	margin: 1.0833em 0 0.9166em 0;/* 13 / 12, 11 / 12 */
	font-size: 109.09%;/* 12 / 11 */
	line-height: 1.5em;/* 18 / 12 */
}

h3 {
	margin: 0.375em 0 0.75em 0;/* 6 / 16, 12 / 16 */
	margin: 0;
	font-size: 145.45%;/* 16 / 11 */
	line-height: 1.125em;/* 18 / 20 */
	color: #626262;
}

h2 {
	margin: 0.3em 0 0.6em 0;/* 6 / 20, 12 / 20 */
	margin: 0;
	font-size: 181.81%;/* 20 / 11 */
	line-height: 1.05em;/* 21 / 20 */
	color: #7c7c7c;
}

h1 {
	margin: 0.2083em 0 0.4166em 0;/* 5 / 24, 10 / 24 */
	margin: 0;
	font-size: 218.18%;/* 24 / 11 */
	line-height: 1.125em;/* 27 / 24 */
	color: #7c7c7c;
}

h3, h2, h1 {
	text-align: center;
	font-family: "Arial Narrow", Impact, Helvetica, Arial;
	text-transform: uppercase;
}

a {
	text-transform: uppercase;
	font-weight: bold;
	color: #f1972c;
}

p a, li a {
	font-size: 90.90%;/* 10 / 11 */
	line-height: 1.25em;/* not sure why this works, 10 / 15 didn't */
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}	

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

ul, ol {
	margin: 0 0 1.0909em 0;/* 12 / 11 */
}

ul {
	padding: 0 0 0 9px;
	list-style: none;
}

ol {
	padding-left: 30px;
	list-style: lower-roman;
}

li {
	margin: 0.2727em 0 0 0;
	/* text-align: justify; */
}

ul li {
	padding-left: 16px;
	background: url(../images/ui/bullet_list.gif) 0 0.3636em no-repeat;/* 4 / 11 */
}

li a {
	color: #959595;
}

blockquote {
	margin: 0.9090em 0 1em 12px;/* 10 / 11, 11 / 11 */
}

blockquote p {
	margin-bottom: 0.5em;/* 12 / 12 */
	font-size: 109.09%;/* 12 / 11 */
	line-height: 1.5em;/* 18 / 12 */
	font-style: italic;
	color: #959595;
}

form {
	margin: 0;
}

input, textarea, select {
	margin: 0 0 0.8181em 0;
	padding: 0.2727em 3px 0.1818em 3px;
	border: #cccccc solid 1px;
	width: 208px;
	font-size: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.0909em;
	color: #7c7c7c;/* 80% grey */
	background-color: transparent;
}

/* input.submit {
	color: #ffffff;
	background-color: #7c7c7c;/* 80% grey */
/*	width: 216px;
	cursor: pointer;
} */

textarea {
	padding-top: 0.1818em;
	padding-bottom: 0.2727em;
	height: 110px;
	width: 450px;
	width: 210px;
	line-height: 1.3636em;
}

select {
	margin: 0 0 0.7272em 0;
	padding: 0.1818em 2px 0.1818em 0;
}

label {
	display: block;
	margin: 0 0 0.2727em 0;
	font-weight: bold;
}

table {
	margin: 0.6363em 0 1.2727em 0;/* 7 / 11, 15 / 11*/
	border: none 0px !important;
	border-top: solid 1px #acacac !important;
	width: 100% !important;
	height: auto !important;
	border-collapse: collapse !important;
}

td, th {
	width: auto !important;
	vertical-align: top;
	border: none 0px !important;
}

td {
	padding: 0.1818em 9px 0.3636em 9px !important;/* 2 / 11, 4 / 11 */
	background: url(../images/ui/line_light.gif) bottom repeat-x;
}

th {
	padding: 0.4em 9px 0.5em 9px !important;/* 4 / 10, 5 / 10 */
	font-size: 90.90%;/* 10 / 11 */
	font-weight: bold;
	line-height: 1.2em;/*  */
	text-align: left;
	text-transform: uppercase;
	background: url(../images/ui/line.gif) bottom repeat-x;
}

.newsletter, .newsletter table {
	border-top: none !important;
}

.newsletter td {
	padding: 0 !important;
	background: none;
}
.newsletter td td {
	padding: 0.1818em 0 0.3636em 0 !important;/* 2 / 11, 4 / 11 */
	border-top: solid 1px #acacac !important;
}

blockquote ul, blockquote ol, ul blockquote, ol blockquote, ul table, ol table, table blockquote, blockquote table, th li {
	display: none;
}

dl {
	margin: 0;
}

dd {
	margin: 0;
}


/*  C O M M O N   S T R U C T U R E   S T Y L E S  */

.container {
	background: url(../images/dev/gridx.png);
}

.printonly {
	display: none;
}

.helloworld {
	background-color: #FFFF99;
}

.helloworld.span-3 {
	background: none;
}

.line {
	background: url(../images/ui/line.gif) repeat-x;
	text-align: center;
}

.content h4.top {
	margin-top: 0.0833em !important;
}

.line h3, .line h2, .line h1 {
	padding: 0 6px 0 6px;
	display: inline-block;
	background-color: #ffffff;
}

.line-h3 {
	margin: 0 0 1.0909em 0;/* 12 / 11 */
	background-position: 0 0.8181em;/* 9 / 11 */
}

.line-h2 {
	margin: 2em 0 0 0;/* 22 / 11 */
	margin: 1.9090em 0 1.0909em 0;/* 39 / 11, 12 / 11 */
	background-position: 0 0.9090em;/* 10 / 11 */
}

.line-h1 {
	margin: -0.0909em 0 0.6363em 0;/* -1 / 11, 7 / 11 */
	background-position: 0 1.1818em;/* 13 / 11 */
}

.top {
	margin-top: 0 !important;
}

.line-h2.top {
	margin: -0.0909em 0 1.1818em 0 !important;/* -1 / 11, 13 / 11 */
}

.line-h1.top {
	margin: -0.3636em 0 0.9090em 0 !important;/* 39 / 11, 12 / 11 */
}

.content {
	overflow: auto;
}

.content .line-h3 {
	margin-top: 1.3636em;/* 14 / 11 */
}

.content .line-h2 {
	margin-top: 1.3636em;/* 17 / 11 */
}

.content .line-h1 {
	margin-top: 1em;/* 11 / 11 */
}

.content img {
	float: left;
	margin: 0.2727em 0 1.0909em 0;/* 3 / 11, 12 / 11 */
}

.content img.left {
	float: left;
	margin-right: 24px;
}

.content img.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
}

.span-1 img.left, .span-1 img.right {
	margin-left: 0;
	margin-right: 0;
}

.listing {
	margin-top: 0.5454em;/* 6 / 11 */
	padding-top: 1.0909em;/* 12 / 11 */
	background: url(../images/ui/line_light.gif) top repeat-x;
}

.listing img {
	margin-right: 24px;
}

.listing.top {
	padding-top: 0;
	background: none;
}

#content .span-1, #content .span-2, #content .span-3 {
	margin-bottom: 1.0909em;
}

.related .line-h3 {
	margin: 0 0 1.1818em 0;/* 13 / 11 */
}

.related h4 {
	padding-top: 1.25em;/* 15 / 12 */
	background: url(../images/ui/line_light.gif) top repeat-x;
}

.related h4.top {
	padding-top: 0;/* 0 / 12 */
	background: none;
}

.closed {
	background-color: #ffeee6 !important;
}

.date {
	margin: 0;
	padding: 0.3em 0 0.5em 0;/* 12 / 10, 5 / 10 */
	font-size: 90.90%;/* 10 / 11 */
	font-style: italic;
	line-height: 1em;
	color: #959595;/* 50% grey */
}

.caption {
	margin: 0.2727em 0 0 0;/* 3 / 11 */
	color: #959595;/* 50% grey */
}

.editlink {
	/* margin: 0; */
}

.editlink a {
	color: #e74700;
}

.content .endlink img, .content .editlink img {
	float: none;
	margin: 0;
}

.endlink, .endlink img, .editlink, .editlink img, .uplink, .uplink img {
	vertical-align: middle;
}

.uplink {
	/* margin-top: 0.8181em;/* 9 / 11 */
}

.uplink a {
	color: #545454;
}


div.span-0-5 {
	width: 96px;
}

div.span-2-5 {
	width: 576px;
}


.meta dl {
	padding-top: 0.1em;/* 1 / 10 */
	font-size: 90.90%;/* 10 / 11 */
	line-height: 1.5em;
}

.meta dt {
	font-size: 100%;/* 10 / 10 */
	line-height: 1.5em;
	margin-top: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #959595;
}

.meta dd {
	font-size: 100%;/* 10 / 10 */
	line-height: 1.5em;
	font-style: italic;
	color: #959595;
}

.meta dd a {
	font-weight: normal;
	text-transform: none;
	color: #959595;
}

.line-3px {
	background: url(../images/ui/line_3px.gif) repeat-x;
}

.links li {
	margin-bottom: 0.2727em;
	background-position: 0 0.3636em;
}

.archives {
	margin: 1.1818em 0 -0.0909em 0;/* 13 / 11, -1 / 11 */
}

.archives h4 {
	margin: 1em 0 0.5em 0;/* 12 / 12, 6 / 12 */
}

.archives ul {
	padding-left: 0;
	overflow: auto;
	list-style: none;
}

.archives li {
	float: left;
	margin-top: 0.3em;
	padding-left: 0;
	width: 36px;
	font-size: 90.90%;/* 10 / 11 */
	font-weight: bold;
	/* line-height: 1.2em;/* 12 / 10 */
	text-transform: uppercase;
	color: #959595;
	background: none;
}

.archives li a {
	font-size: 100%;
	line-height: 1.2em;/* 12 / 10 */
	color: #f1972c;
}

.checkbox, .radio{
	margin: 0 3px 0 0;
	width: auto;
}

.roman {
	font-weight: normal;
}

/*  I N D I V I D U A L   S T R U C T U R E   S T Y L E S  */

.all {
	font-size: 68.75%;/* 11 / 16 */
	line-height: 1.3636em;/* 15 / 11 */
}

#search {
	padding: 0.5454em 0 0.5454em 0;
}

#search h3 {
	margin: 0.125em 6px 0 0;/* 2 / 16 */
	float: left;
}

#searchbox {
	vertical-align: middle;
	margin: 0;
	width: 136px;
}

#searchbutton {
	vertical-align: middle;
	margin: 0 0 0 6px;
	padding: 0;
	border: none;
	width: 12px;
}

#header {
	width: 100%;
	height: 240px;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

#header.deep {
	height: 480px !important;
	/* background-image: url(../images/headers/home-water.jpg); */
}

#header h1 {
	display: none;
}

#nav .span-4 {
	overflow: hidden !important;
}

#nav ul {
	margin: 0 0 2.7272em 0;/* 30 / 11 */
	padding: 0;
	height: 42px;
	list-style: none;
}

#nav li {
	display: inline;
	padding: 0;
	background: none;
}

#nav li a {
	float: left;
	padding: 0;
	height: 45px;
	overflow: hidden;
	text-indent: -6000px;
	background-repeat: no-repeat;
}

#nav li a:hover {
	background-position: 0 -45px;
}

#nav .active a {
	background-position: 0 -90px !important;
}

#nav #home a {
	width: 52px;
	background-image: url(../images/ui/nav/home.gif);
}

#nav #about-the-point a {
	width: 144px;
	background-image: url(../images/ui/nav/about-the-point.gif);
}

#nav #vision a {
	width: 69px;
	background-image: url(../images/ui/nav/vision.gif);
}

#nav #plan-timeline a {
	width: 141px;
	background-image: url(../images/ui/nav/plan-timeline.gif);
}

#nav #news-publications a {
	width: 182px;
	background-image: url(../images/ui/nav/news-publications.gif);
}

#nav #community a {
	width: 108px;
	background-image: url(../images/ui/nav/community.gif);
}

#nav #businesses a {
	width: 108px;
	background-image: url(../images/ui/nav/businesses.gif);
}

#nav #find-your-place a {
	width: 132px;
	background-image: url(../images/ui/nav/find-your-place.gif);
}

#footer {
	padding: 1.3636em 0 2.9090em 0;/* 15 / 11, 32 / 11 */
}

#springboard {
	margin-top: 1.9090em;/* 21 / 11 */
	padding-top: 2.7272em;/* 30 / 11 */
}

.menu {
	margin: 0.2727em 0 0 0;/* 6 / 11,  / 11 */
	padding: 1px 0 0 0;
	list-style: none;
	background: url(../images/ui/line_light.gif) top repeat-x;
}

#content .menu {
	margin: 1.6363em 0 1.2727em 0;/* 9 / 11, 14 / 11 */
}

.menu li {
	margin: 0;
	padding: 0.1818em 0 0.3636em 0;/* 2 / 11, 4 / 11 */
	text-align: center;
	color: #959595;
	background: url(../images/ui/line_light.gif) bottom repeat-x;
}

.menu a {
	color: #959595;
}

.menu a:hover {
	color: #f1972c;
}

#subscribe {
	padding-bottom: 0.5454em;/* 6 / 11 */
}

#subscribe .caption {
	margin-bottom: 0.1em;
	font-size: 90.90%;
	font-style: italic;
	line-height: 1.2em;
}

#subscribe input {
	margin: 0.4545em 0 0.6363em 0;/* 5 / 11, 7 / 11 */
	width: 210px;
	text-align: center;
}

input.submit {
	display: block;
	padding: 0.3636em 6px 0.4545em 6px;
	border: none;
	width: 204px;
	width: 216px;
	font-size: 90.90%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
	background-color: #7c7c7c;
	background-color: #f1972c;
	cursor: pointer;
}

#copyright {
	padding-top: 2.4545em;
}

#copyright p {
	font-size: 90.9%;
	font-style: italic;
	line-height: 1.2em;
	text-align: center;
}

.zoom {
	position: relative;
	display: block;
	outline: none;
}

.zoom .overlay {
	float: none;
	position: absolute;
	display: none;
	top: 12px;
	left: 12px;
}

.zoom:hover .overlay {
	display: block;
}