:link,:visited,:focus{outline:0;text-decoration:none}h1,h2,h3,h4,h5,h6,pre,code{font-size:1em}ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0;padding:0}th{text-align:left}img{border:none;vertical-align:middle}address{font-style:normal}

body {
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background:#dae5ee;
	color:#31393f
}

h1 {
	font-size:2em;
	font-weight:normal;
	color:#477aa2;
	border-bottom:1px solid #e0e4e8;
	margin-bottom:10px;
	padding-bottom:10px
}
h2 {
	background:url(/images/header.jpg) no-repeat #FFF;
	height:140px;
	padding-bottom:23px;
	text-indent:-9999px
}
h3 {
	background:#477aa2;
	color:#FFF;
	font-size:1.2em;
	padding-left:5px;
	line-height:19px
}
h4 {
	font-size:1.6em;
	font-weight:normal;
	margin-bottom:10px
}

.table th {
	font-weight:bold;
	color:#477AA2;
	font-size:1.2em;
	background-color:#dae5ee;
}

.table td {
	background-color:#edf2f6;
	font-size:1.2em;
}

img.left {
	float:left;
	margin:0 8px 8px 0
}
img.right {
	float:right;
	margin:0 0 8px 8px
}

input,
textarea {
	width:400px
}
input.button {
	width:auto
}
textarea {
	height:150px;
	font-family:Arial, Helvetica, sans-serif
}

.clear {
	clear:both
}
.bold {
	font-weight:bold
}

.column {
	width:149px;
	float:left;
	border-top:1px solid #e0e4e8
}
.column li {
	list-style:none;
	background:#FFF;
	border-bottom:1px solid #e0e4e8;
}
.column.right li {
	padding:3px 0 3px 5px
}
.column li.large {
	font-size:1.2em
}
.column li.large span {
	color:#477aa2;
	font-weight:bold
}
.column li.larger {
	padding:10px 5px;
	font-size:1.1em
}
.column li.larger span {
	font-size:1.3em;
	color:#477aa2;
	margin-bottom:5px;
	width:100%;
	display:block;
	float:left
}
.column li a {
	background:url(/images/menuArrow.gif) no-repeat right center;
	padding:3px 0 3px 5px;
	display:block;
	font-size:1.1em;
	margin-right:5px;
	color:#39556b;
	padding-right:10px
}
.column.right li a {
	padding:0
}

.column li.selected {
	background:url(/images/menuSelected.png) repeat-y top right
}
.column li.selected a {
	background-image:url(/images/menuArrowSelected.gif);
	font-weight:bold;
	font-size:1.2em;
	color:#477aa2
}

.column li a:hover {
	background-image:url(/images/menuArrowSelected.gif);
	color:#477aa2
}
.column li li,
.column li li.open {
	background:#dae5ee;
	border-bottom:1px solid #fff
}
.column li.open li a {
	background:none;
	color:#39556b;
}


.column li.open {
	background:#477aa2
}
.column li.open a {
	color:#FFF;
	background:url(/images/menuArrowDown.gif) no-repeat right center
}


.column li.open li.selected {
	background:#dae5ee
}
.column li.open li.selected a {
	font-size:1.1em
}
.column li li.selected a,
.column li li.selected a:hover {
	background:url(/images/menuSubArrowSelected.gif) no-repeat right center;
	color:#000
}
.column li li a:hover {
	background:none;
	color:#477aa2
}


#accessibility {
	position:absolute;
	text-indent:-9999px
}

#container {
	width:810px;
	margin:0 auto;
	padding:0 15px 10px 15px;
	overflow:hidden;
	background:url(/images/container.gif)
}

#content {
	width:482px;
	float:left;
	padding:0 15px
}
#content p,
#content ul {
	font-size:1.2em;
	margin-bottom:20px
}
#content li {
	margin:0 0 5px 20px
}
#content p a,
#content li a {
	text-decoration:underline;
	color:#477aa2
}
#content div.box {
	border:1px solid #e0e4e8;
	margin-bottom:20px
}
#content div.box h4 {
	margin:8px 5px;
	padding-bottom:10px;
	color:#477aa2;
	border-bottom:1px solid #e0e4e8;
}
#content div.box p {
	margin:0 5px 8px 5px;
	padding-bottom:10px;
	border-bottom:1px solid #e0e4e8;
}
#content ul.buttons {
	margin:0 5px 36px 5px
}
#content ul.buttons li {
	background:url(/images/button.png);
	width:150px;
	list-style:none;
	height:22px;
	float:left;
	margin-right:20px
}
#content ul.buttons li a {
	display:block;
	background:url(/images/menuArrowSelected.gif) no-repeat right center;
	line-height:18px;
	font-size:1.2em;
	padding-left:10px;
	margin-right:10px;
	color:#477aa2;
	text-decoration:none
}

#content div.day {
	border:1px solid #e0e4e8;
	margin-bottom:10px;
	background:url(/images/events/day.gif) repeat-y 43px 0
}
#content div.day h6 {
	font-size:1.6em;
	width:59px;
	float:left;
	line-height:28px;
	text-align:center
}
#content div.day ul {
	width:420px;
	float:left;
	margin:0;
	padding-top:1px;
	border-left:1px solid #e0e4e8;
}

#content div.day li {
	list-style:none;
	margin:0;
	padding:0 1px 1px 1px
}
#content div.day li a {
	line-height:28px;
	display:block;
	padding-left:10px;
	color:#31393f;
	background:#ecf2f6
}
#content div.day li.odd a {
	background:#f7f8f9
}

#content div.councillor {
	border:1px solid #e0e4e8;
	position:relative;
	width:23.5em;
	height:23em;
	float:left;
	margin-bottom:8px;
	background:url(/images/councillor.gif) repeat-y 58px 0
}
#content div.councillor.right {
	float:right
}
#content div.councillor h4 {
	background:#ecf2f6;
	margin-bottom:5px;
	padding:1px 0 3px 5px;
	border-bottom:1px solid #FFF
}
#content div.councillor img {
	float:left;
	border-bottom:1px solid #e0e4e8
}
#content div.councillor p.email {
	position:absolute;
	bottom:0;
	left:0;
	margin:0;
	padding:4px;
	width:18.99em;
	background:#FFF;
	border-top:1px solid #e0e4e8;
}
#content div.councillor div.details {
	float:right;
	border-top:1px solid #FFF;
	width:16em
}
#content div.councillor div.details p {
	margin:0 5px 10px 5px
}
#content div.councillor div.details p.location {
	font-size:0.9em;
	font-style:italic
}

#portal {
	margin-bottom:20px;
	float:left;
	border-bottom:1px solid #e0e4e8;
	padding-bottom:20px
}
#portal li {
	width:148px;
	float:left;
	list-style:none;
	margin:0 15px 0 0;
	border:1px solid #e0e4e8;
	background:#477aa2 no-repeat;
}
#portal li.events {
	background-image:url(/images/portal/events.jpg)
}
#portal li.newhaven {
	background-image:url(/images/portal/newhaven.jpg)
}
#portal li.ntc {
	background-image:url(/images/portal/ntc.jpg);
	margin:0
}
#portal li a {
	display:block;
	color:#FFF;
	padding:120px 0 0 5px;
	font-size:1.2em;
	font-weight:bold;
	line-height:19px;
	text-decoration:none
}

#fontSize {
	border-bottom:1px solid #e0e4e8;
	border-right:1px solid #e0e4e8;
	margin-bottom:19px;
	float:left;
	width:148px;
	background:#FFF;
	font-size:1px
}
#fontSize li {
	background:url(/images/fontSize/box.gif);
	padding:0;
	width:43px;
	height:27px;
	float:left;
	margin:5px 0 5px 5px;
	border:0
}
#fontSize li a {
	display:block;
	width:43px;
	height:27px;
	line-height:25px;
	background:no-repeat center center
}
#fontSize li.normal a {
	background-image:url(/images/fontSize/normal.gif)
}
#fontSize li.large a {
	background-image:url(/images/fontSize/large.gif)
}
#fontSize li.larger a {
	background-image:url(/images/fontSize/larger.gif)
}
#fontSize li.normal a.selected {
	background-image:url(/images/fontSize/normalSelected.gif)
}
#fontSize li.large a.selected {
	background-image:url(/images/fontSize/largeSelected.gif)
}
#fontSize li.larger a.selected {
	background-image:url(/images/fontSize/largerSelected.gif)
}
#fontSize li a span {
	visibility:hidden
}

#footer {
	width:840px;
	border-top:1px solid #e0e4e8;
	padding-top:1px;
	background:#FFF;
	margin:0 auto 44px auto;
	line-height:24px
}
#footer li {
	float:left;
	background:url(/images/footer.gif);
	width:380px;
	padding:0 20px;
	list-style:none;
	color:#88949c
}
#footer li.right {
	text-align:right
}
#footer a {
	color:#88949c
}
#footer a:hover {
	text-decoration:underline
}