/*----------------------------------------------------------------------

TEAMING 4 TECHNOLOGY - Master Screen Styles

BY: MIGHTY // MIGHTYINTHEMIDWEST.COM

Author:			Jeremy Bronson
Date Created:	4/15/2009
Last Modified:	9/22/2009

Copyright 2009, All Rights Reserved.

----------------------------------------------------------------------
BEGIN Reset Styles
----------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
/*----------------------------------------------------------------------
END Reset Styles
----------------------------------------------------------------------*/


/* PRIMARY COMMENT (ex: HEADER, FOOTER, INSIDE PAGES, ETC)
----------------------------------------------------------------------*/
body{
	background:#EEEEEE url(http://www.t4tchicago.org/assets/images/bg-header.jpg) no-repeat center top;
}
#wrap{
	width:966px;
	margin:0 auto 30px auto;
	overflow:auto;
}
#contentwrap{
	width:960px;
	padding:0 3px;
	background:#fff url(http://www.t4tchicago.org/assets/images/bg-content.gif);
}
.np{color:#198DD8;}
.vol{color:#7BA01D;}

/* HEADER : Logo, Tabs, Login
----------------------------------------------------------------------*/
/* ALL */
#header{
	width: 966px;
	height:109px;
	padding:8px 0 0 0;
	margin:0;
	position:relative;
	background:url(http://www.t4tchicago.org/assets/images/header-subpg.png) no-repeat left bottom;
}
#header h1{
	position: absolute;
	left: 40px;
	background:url(http://www.t4tchicago.org/assets/images/logo.jpg) no-repeat;
}
#header h1 a{
	width:294px;
	height:79px;
	display:block;
	text-indent:-9000px;
}
/* SOME HEADERS */
body.home #header{background:url(http://www.t4tchicago.org/assets/images/header-home.gif) no-repeat left bottom;
}

/* NAVIGATION
---------------------------------------------------------------------*/
#login{
	float:right;
	margin: 7px 20px 0 0;
}
#login li{
	display:inline;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:20px;
}
#login li a, #login a:visited, #login a:active{
	color:#787878;
	text-decoration:none;
}
#login li a:hover{color:#343434;}
#nav {
	position: absolute;
	top:63px;
	right: 15px;
	line-height:normal;
}
#nav ul{
  	float:right;
	height:36px;
	line-height:36px;
}
#nav li {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#198dd8;
    float:left;
    background:url(http://www.t4tchicago.org/assets/images/navright.png) no-repeat right top;
	margin:0 1px 0px 0;
}
#nav ul li.active{background:url(http://www.t4tchicago.org/assets/images/navrightact.png) no-repeat right top;
}
#nav li a, #nav li a:visited{
	display:block;
	background:url(http://www.t4tchicago.org/assets/images/navleft.png) no-repeat left top;
    padding:0px 15px 0px 15px;
	text-decoration:none;
	color:#198dd8;
}
#nav ul li.active a {background-image:url(http://www.t4tchicago.org/assets/images/navleftact.png) no-repeat left top;
	color:#151112;
}
#nav ul li a span{background:url(http://www.t4tchicago.org/assets/images/home.png) no-repeat left;
	padding-left:30px;
	margin-left:-15px;
}
#nav li a:hover{color:#565656;}

/* HOME PAGE
----------------------------------------------------------------------*/
#flash{
	width:924px;
	height:267px;
	padding:0 18px;
}

/* TAGLINE */
#tagline{background:url(http://www.t4tchicago.org/assets/images/bg-tagline.png);
	height:57px;
	padding:0 18px 0 49px;
	position:relative;
}
#tagline h2{
	color:#535353;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	word-spacing: 4px;
	position:absolute;
	top:50%;
	margin-top:-0.9em;
	line-height:1.8em;
}
#tagline a, #tagline a:visited, #tagline a:active{
	text-decoration:none;
	padding:6px;
	margin:0 -2px;
}
#tagline a:hover{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #dedede;
	padding:5px;
	background:#fff;
}
#tagline a#account{
	float:right;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#535353;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:1px solid #dedede;
	background:url(http://www.t4tchicago.org/assets/images/bg-account.gif) repeat-x;
	padding:7px 9px;
	margin-top:15px;
}
#tagline a#account:hover{background:#fff;}

/* LOGO CAROUSEL */
#carousel{background:url(http://www.t4tchicago.org/assets/images/bg-logos.png) repeat-x;
	height:103px;
	overflow: hidden;
	position: relative;
}
#carousel ul{
	padding: 0 20px;
}
#carousel li{
	float:left;
	height:103px;
	display:block;
	padding: 0px 31px 0px 29px; /* 2px smaller on right to adjust for background */
	background:url(http://www.t4tchicago.org/assets/images/logos/divider.png) no-repeat right center;
}
#carousel li.first {
	padding-left: 70px;
}
#carousel .prev{
	border:0px;
	position: absolute;
	left: 0;
	width: 120px;
	height: 103px;
	background: url(http://www.t4tchicago.org/assets/images/car-left.png) no-repeat left;
}
#carousel .next{
	border:0px;
	position: absolute;
	right: 0;
	width: 120px;
	height: 103px;
	background: url(http://www.t4tchicago.org/assets/images/car-right.png) no-repeat right;
}
#carousel li a{
	float:left;
	padding:65px 10px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	background-repeat: no-repeat;
	background-position: center;
}
/* CONTENT */
#content{
	overflow:auto;
	padding:20px 0px 20px 20px;
	width: 940px;
}
body.home #content{
	width: 917px;
	padding:59px 0px 20px 43px;
}

/* MAIN CONTENT STYLINGS
----------------------------------------------------------------------*/
#main{
	float:left;
	width:550px;
	padding:36px 0 0 58px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#535353;
}
#main h2.vol{color:#73a244;}
#main h2.np{color:#2794db;}
#main h2{
	font-size:18px;
	font-weight:bold;
	color:#535353;
	margin-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
}
#main h2 a:link, #main h2 a:visited, #main h2 a:active {color:#535353;}
#main p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#535353;
	margin-bottom:20px;
}
#main a:link, #main a:visited{
	color:#198dd8;
	text-decoration:none;
}
#main a:hover{text-decoration:underline;}
.profile{
	width:532px;
	background:url(http://www.t4tchicago.org/assets/images/bg-profile.png) repeat-x left bottom;
	border-bottom:1px solid #EFEFEF;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	padding:17px 12px 0 12px;
}
.profile.first{
	border-top:1px solid #EFEFEF;
}
.profile img{
	float:left;
	margin:4px 12px 0 0;
	border:1px solid #E2E2E2;
}
/* PROFILE MATCHES */
.profile.match{
	border-bottom:1px solid #EFEFEF;
	width:532px;
	min-height:86px;
	padding:12px 12px 12px 12px;
	background:none;
	overflow: auto;
}
.profile.match:hover{
	border-bottom:1px solid #EFEFEF;
	background:url(http://www.t4tchicago.org/assets/images/bg-profile.png) repeat-x left bottom;
}
#main .profile.match p{
	font-size:11px;
	margin: 0;
	padding:0;
	line-height:18px;
	float: left;
}
#main .profile.match .description {
	float: left;
	width: 365px;
}
#main .profile.match p.commons{color:#0b0a0a;}
.profile.match .company{
	width:145px;
	margin-right: 18px;
	float:left;
}
.profile.match .company p{
	font-size:12px;
	width: 145px;
}
.profile.match .company a, .profile.match .company a:visited, .profile.match .company a:hover{
	font-weight:bold;
	text-decoration:none;
}
.profile.match .company h4{
	color:#0B0A0A;
	font-weight:bold;
	font-size:11px;
	font-family:Helvetica, Arial, sans-serif;
	line-height:18px;
	float: left;
}
#main .profile p.title{
	font-weight:bold;
	padding-top: 2px;
	margin:0;
}

/* PROFILE PAGINATION */
#pagination{margin-top:20px;}

#pagination a:hover{text-decoration:underline;}
#pagination a.active, #pagination a.active:hover{
	color:#535353;
	text-decoration:none;
}
#pagination a, #pagination strong{margin-right:5px;}

#main h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#535353;
	line-height:1.5em;
	padding-bottom:5px;
}
#main h3.date {
	margin: -20px 0 12px 0;
	font-weight: normal;
	font-style: italic;
}
#main h4.change-password{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#535353;
	line-height:1.5em;
	padding-bottom:15px;
}
#main a.login{
	padding-right:10px;
	background:url(http://www.t4tchicago.org/assets/images/arrow2.gif) no-repeat right center;
	color:#2894DA;
	text-decoration:none;
}
#main ul {
	margin: 1.2em 2em;
}
#main ul li {
	list-style-type: disc;
}
#main ul.help{
	float:left;
	margin-bottom:10px;
}
#main ul.help li{
	display:block;
	float:left;
	width:275px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#535353;
	height:18px;
}
#main ul.orgs li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#535353;
	line-height:18px;
}
#main .vcard .adr {
	margin-bottom: 15px;
}
#main .vcard .tel .type {
	font-weight: bold;
}
#sale h4{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#535353;
	margin-top:12px;
}
#sale p, #sale h4{
	font-size:11px;
	line-height:18px;
	margin-bottom:0;
}
div.line{
	clear:both;
	background:#CCC; 
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	border: 0;
	padding: 0;
	margin: 25px 0;
}
div.line hr {
	display: none;
}
img.partners{
	float:left;
	border:1px solid #E7E7E7;
	margin:3px 15px 15px 0;
}


/* BOXES */
a#viewmore, a#viewmore:visited, a#viewmore:active{
	display:block;
	float:left;
	width:255px;
	padding: 17px 15px 15px 15px;
	height:19px;
	background:url(http://www.t4tchicago.org/assets/images/bg-viewmore.png);
	background-position:0 0;
	margin-bottom:23px;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:17px;
	font-weight:bold;
	color:#ffffff;
}
a#viewmore.np{
	background-position:0 0;
}
a#viewmore.np:hover{
	background-position:0 -51px;
}
a#viewmore.vol{
	background-position:0 -102px;
}
a#viewmore.vol:hover{
	background-position:0 -153px;
}
a#viewmore:hover{text-decoration:none;}
/* SOLID GRAY BOX */

.snippet p a, .snippet p a:hover{
	color:#2894DA;
	text-decoration:none;
}
.snippet.container p a:hover{text-decoration:underline;}

.summary h3 span{
	color:#000;
	padding-right:15px;
	background:url(http://www.t4tchicago.org/assets/images/arrow.gif) no-repeat right center;
}

/* SUMMARY SNIPPETS */
#secondary{
	width:282px;
	float:left;
	position:relative;
}
.home .summary{
	width:255px;
	float:left;
	margin-right:59px;
}
.subpg .summary{
	float:left;
	width:255px;
	padding:18px 15px 12px 15px;
	background:url(http://www.t4tchicago.org/assets/images/bg-events.png) no-repeat;
	margin-bottom:23px;
}
.summary.container{
	width:285px;
	padding:15px 0 0 0;
	background:url(http://www.t4tchicago.org/assets/images/bg-login-top.png) no-repeat;
}
.summary.container p{margin-bottom:12px;}
#success-stories img{
	margin:0 15px 0px 15px;
	border:1px solid #C7C7C7;
}
#success-stories {background:url(http://www.t4tchicago.org/assets/images/success_top.png) no-repeat;
}
#success-stories a.button{margin-right:15px;}

.summary.container .snippet{
	width:255px;
	margin:auto;
	margin-top:3px;
	padding:0px;
	border-bottom:1px solid #E5E5E5;
}

.summary.container .snippet:hover, #get-give .snippet:hover, #success-stories .snippet:hover {background:none;}
.summary div.bottom{
	clear:both;
	padding:5px 15px 8px 15px;
}
.summary div.bottom.map{margin-top:0;}
.summary.container div.bottom{background:url(http://www.t4tchicago.org/assets/images/bg-login-bottom.png) no-repeat bottom;
}
#success-stories div.bottom{background:url(http://www.t4tchicago.org/assets/images/success_bottom.png) no-repeat bottom;
}
/* INDIVIDUAL BOX STYLINGS */
.summary.container h3{
	border-bottom:none;
	padding:0 0 15px 15px;
}
#success-stories h3{padding-bottom:10px;}
/* MATCHES */
#my-profile .snippet{margin:0;}
#my-profile p{
	margin-bottom:18px;
	color:#2D2D2D;
}
#my-profile h4{
	color:#2D2D2D;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	margin-top:12px;
	line-height:18px;
}
#my-profile .snippet h3{
	padding:10px 0 14px 0;
}
#my-profile ul{
	margin-top:10px;
	padding-bottom:35px;
}
#my-profile ul li{
	color:#2D2D2D;
	line-height:18px;
}
#my-profile p.desc{font-size:11px;}
#my-profile .snippet:hover{background:none;}
#my-profile a:hover {text-decoration:underline;}


/* ELSE */
.summary h3, #newsletter h3{
	color:#000;
	padding:0 0 14px 7px;
	border-bottom:1px solid #E5E5E5;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	clear:both;
}
#get-give {
	clear: both;
	padding-top:40px;
}
#get-give p{margin-top:10px;}

/* NEWS PAGE LIST */
.news-image {
	display: block;
	margin-bottom: 30px;
}
.news-image-sm {
	float: left;
	margin-right: 15px;
}
p.summary-text {
	float: left;
}
p.read-more {
	clear: left;
}
p.news-image {
	padding-top: 5px;
}
.summary .snippet ul{margin-top:10px;}
.summary .snippet ul li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}
.summary .snippet ul li a, .summary .snippet ul li a:visited, .summary .snippet ul li a:active, .summary .snippet ul li a.active:hover{
	text-decoration:none;
	color:#535353;
}
.summary .snippet ul li a.active{
	color:#000000;
	font-weight:bold;
}
.summary .snippet ul li a:hover{
	color:#000000;
	font-weight:normal;
}
.summary .snippet ul li a:hover.active{
	color:#000000;
	font-weight:bold;
}


#newsletter h3{padding-left:0px;}
.summary p, #newsletter p{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.5em;
	color:#535353;
}
.summary p.date{
	padding-top:8px;
	font-size:10px;
	color:#000;
}
.summary .snippet{
	padding:0 7px 12px 7px;
	border-bottom:1px solid #E5E5E5;
	color: #535353;
}
.summary .snippet span{font-weight:bold;}
.summary a:link, .summary a:visited, .summary a:active{text-decoration:none;}
.snippet:hover {background:#edece7;}
.home .snippet:hover{background:#f4f4f0;}
.home .summary a:link, .home .summary a:visited, .home .summary a:active{
	color: #535353;
}
#page-prev,
#page-next {
	font-size: 14px;
}
#page-prev {
	float: right;
}

/* NEWSLETTER SIGNUP */
#newsletter{
	float:left;
	width:255px;
}
#newsletter h3{border-bottom:none;}
#newsletter #signup{
	float:left;
	width:235px;
	margin:14px 0 18px 0;
	padding:10px;
	border:1px solid #E4E4E4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#f4f4f4 url(http://www.t4tchicago.org/assets/images/bg-signup.png) repeat-x left bottom;
}
#newsletter #signup input{
	width:227px;
	padding:6px 0 6px 5px;
	margin:0 0 7px 0;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#A5A5A5;
}
.united-way {
	text-align: center;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 100%;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	color: #535353;
	padding: 15px 0;
}
.united-way img {
	margin-top: 10px;
}


/* SLIDING DOOR BUTTON */
a.button, #main a.button {
	background: transparent url(http://www.t4tchicago.org/assets/images/buttonright.png) no-repeat scroll top right; 
	color: #fff;
	display: block;
	float: right;
	padding-right: 17px; 
	text-align:center; 
	height: 20px;
	margin-right: 5px;
	text-decoration: none;
	font: bold 11px Arial, Helvetica, sans-serif;
}
a.button span, #main a.button span {
	display:block; 
	white-space:nowrap; 
	background: transparent url(http://www.t4tchicago.org/assets/images/buttonleft.png) no-repeat; 
	line-height: 10px; /* BUTTON HEIGHT */
	padding: 5px 2px 5px 17px;
}
a.button:hover, #main a.button:hover, button:hover {
	background-position: bottom right;
	cursor: pointer;
	text-decoration:none !important;
}
a.button:hover span, #main a.button:hover span, button:hover span {
	background-position: bottom left;

}
.subpg a.button, .subpg button {margin-top:12px;}
.submit {
	margin-top: 0 !important;
}

/* FORMS
----------------------------------------------------------------------*/
legend{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:8px;
	color:#535353;
}
.tooltip {
	color:#535353;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	background: transparent url(http://www.t4tchicago.org/assets/images/tooltip.png) no-repeat;
	width: 245px;
	height: 95px;
	padding: 8px 10px 17px 10px;
	font-size:12px;
	line-height:18px;
	font-family:Helvetica, Arial, sans-serif;
}
#registration{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#registration ul, #main #contact ul {
	margin: 0;
}
#registration ul li, #main #contact ul li {
	list-style-type: none;
}
#registration ul #website {
	clear: left;
	display: none;
}
#registration h3 span, 
#registration p.captcha span {
	font-weight:normal;
	font-size:12px;
}
#registration label.lbl {
	font-size: 12px;
	display: block;
	width: 80px;
	margin-top: 9px;
	clear: left;
	float: left;
	color: #535353;
	font-weight: bold;
}
#registration fieldset{
	margin-bottom:25px;
	float:left;
}
#registration input, #registration textarea{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#535353;
}
#registration input.text{
	float:left;
	width:243px;
	border:1px solid #DDD;
	padding:6px;
	margin: 0 0 5px 0;
}
#registration ul li{
	font-family:Arial, Helvetica, sans-serif;
}
#registration ul li.company{
	float:left;
	display:block;
	line-height:15px;
	vertical-align: middle;
}
#registration li.company #company {
	float: left;
}
#registration li.company input.group{
	float: left;
	margin: 8px 5px 0 17px;
}
#registration li.company label.group{
	float: left;
	margin: 8px 0 0 0;
}
#registration input:focus{
	border:1px solid #000;
	background:#eef8ff;
}
#registration textarea{
	height:88px;
	width:530px;
	border:1px solid #DDD;
	padding:5px;
}
#registration textarea:focus{
	border:1px solid #535353;
}
label.lbl.description {
	clear: left;
	color: #FFF;
	padding: 15px 0 5px 0;
	width: 100% !important;
}
#registration p.captcha {
	margin: 20px 0 5px;
	font-weight: bold;
}
#registration label.captcha {
	float: left;
	margin-top: -1px;
}
#registration label.captcha div {
	width: 138px;
	height: 28px;
	overflow: hidden;
	display: inline-block;
	border: 1px solid #ddd;
}
#registration label.captcha div img {
	margin: -1px 0 0 -1px;
}
#registration #captcha {
	margin-left: 5px;
	width: ;
}
p.additional {
	clear: left;
	font-size: 11px !important;
	width: 90%;
	margin-bottom: 10px !important;
	display: none;
}
label.lbl.password {
	width: 120px !important;
}
/* COMPANY INFO */
#registration div.radio{
	float:left;
	margin-bottom:20px;
	margin-right:60px;
}
#registration #staffing, #registration #revenue {
	display: none;
}
#registration div.radio h3{
	color:#535353;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#registration div.radio ul{
	float:left;
	width:200px;
}
#registration div.radio ul li{margin-bottom:5px;}
#registration div.radio label{
	line-height:16px;
	padding:5px;
}
#registration div.radio ul li input {
	margin-right:4px;
	float: left;
	margin-top: 2px;
}

/* AREAS OF INTEREST */
legend{margin-bottom:5px;}
#list1 {
	clear: left;
	float:left;
	width: 270px;
}
#list2 {
	float:right;
	width: 270px;
}
#confirmed {
	float: left;
	margin: 10px 0 0 5px;
}
#registration ul.interest li{
	float:left;
	display:block;
	width:255px;
	margin-right: 5px;
	padding: 5px;
}
#registration ul.interest li:hover{
	background: #eef8ff;
}
#registration ul.interest li input{
	margin-right:8px;
	float: left;
	margin-top: 2px;
}
#confirmed {
	display: none;
}
/* RADIO BUTTONS */

/* ADDRESS */

#registration input#address, #registration input#address2 {
	width:451px;
	margin: 0 0 5px 0;
}
#registration ul li.city,#registration ul li.state, #registration ul li.zip {
	display: inline;
	float: left;
}
#registration ul li.city label {
	display: inline;
	clear: none;
}
#registration ul li.state label {
	display: inline;
	clear: none;
	margin-left: 18px;
	width: 43px;
}
#registration ul li.zip label {
	display: inline;
	clear: none;
	margin-left: 18px;
	width: 33px;
}
#registration ul li.city input{
	float: left;
	width:181px;
	margin:0;
}
#registration ul li.state input{
	float: left;
	width:50px;
	margin:0;
}
#registration ul li.zip input{
	width:80px;
	margin:0;
}

#contact ul li input{
	padding:6px;
	margin-bottom:5px;
	width:243px;
	border:1px solid #DDD;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#535353;
}
#contact ul li.subject input{width:456px;}
#contact ul li.captcha p {
	margin: 2px 0 2px 80px;
}
#contact ul li.captcha div {
	width: 138px;
	height: 28px;
	overflow: hidden;
	display: inline-block;
	border: 1px solid #ddd;
}
#contact ul li.captcha img {
	margin: -1px 0 0 -1px;
}
#contact ul li.captcha input {
	position: relative;
	top: -11px;
	left: 5px;
	margin-bottom: -10px;
	width: 311px;
}
#contact textarea{
	margin-top: 2px;
	float: left;
	padding:6px;
	width:456px;
	height:104px;
	border:1px solid #DDD;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#535353;
}
#contact ul li input:focus, #contact textarea:focus{
	border:1px solid #535353;
	background:#eef8ff;
}
#contact label {
	font-size: 12px;
	display: block;
	width: 80px;
	margin-top: 9px;
	clear: left;
	float: left;
	color: #535353;
	font-weight: bold;
}
.comment p {
	margin: .5em 0 !important;
}
.comment {
	border-top: 1px solid #EEE;
	padding: 8px 0px 13px 0;
}
.comment .meta {
	font-size: 11px;
	font-weight: bold;
	color: #666;
}
.comment.last {
	border-bottom: 1px solid #EEE;
	margin-bottom: 2em;
}
/* ADDITIONAL TEXT ON PAGES */

p.already{
	margin-top: 13px;
	float:left;
	font-style:italic;
}
a#cancel, a#cancel:visited{
	margin-top:37px;
	float:left;
	height:11px;
	padding:14px 10px 13px 30px;
	width:245px;
	background:url(http://www.t4tchicago.org/assets/images/bg-cancel.png) no-repeat left top;
	color:#000;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
a#login-register, a#login-register:visited{
	margin-top:37px;
	float:left;
	height:11px;
	padding:14px 10px 13px 30px;
	width:245px;
	background:url(http://www.t4tchicago.org/assets/images/login-register.png) no-repeat left top;
	color:#000;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
a#cancel:hover, a#login-register:hover{
	color: #198dd8;
	text-decoration:none;
	background-position: left bottom;
}
#sitemap{
	margin: 0 0 1.2em 0;
}
#sitemap li ul {
	padding-left: 15px;
}


/* FOOTER
----------------------------------------------------------------------*/
#footer{
	width:895px;
	margin:auto;
	padding:82px 20px 40px 45px;
	background:url(http://www.t4tchicago.org/assets/images/bg-footer.gif) no-repeat;
	clear:both;
	min-height: 100px;
}

#footer-contact{
	width:100%;
	float:left;
	padding-top:15px;
	margin-bottom:20px;
}
#footer li{
	list-style-type: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans serif;
	margin-bottom:10px;
}
ul.contacts, ul.subnav, ul.address, ul.social{
	float:left;
	margin-right:40px;
}
ul.subnav li.program {
	white-space: nowrap;
	clear:both;
	color:#787878;
	background: url(http://www.t4tchicago.org/assets/images/uw-footer.png) no-repeat;
	padding: 0 0 2px 18px;
}

ul.address li{
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
}
ul.contacts li span{font-weight:bold;}
ul.contacts li{color:#515151;}
ul.contacts a, ul.contacts a:visited, ul.contacts a:active{
	text-decoration:none;
	color:#008ee9;
}
ul.contacts a:hover {
	text-decoration: underline;
}

/* SUBNAV */
ul.subnav{padding-left:30px;}
ul.subnav li{
	margin:0 11px 10px 0;
	float:left;
}
ul.subnav li.copyright{
	clear:both;
	color:#787878;
}
.subnav li a, .subnav li a:visited{
	color:#000;
	font-weight:normal;
	text-decoration:none;
}
.subnav li a:hover{
	color:#454545;
	text-decoration: underline;
}

/* SOCIAL */
ul.social{padding-left:10px;}
ul.social li{
	float:left;
	font-weight:normal;
	margin:-2px 30px 0 0;
}
ul.social li.last{margin-right:0;}
ul.social li a{
	line-height:16px;
	padding:1px 0 1px 20px;
	background:url(http://www.t4tchicago.org/assets/images/social.gif) no-repeat;
	text-decoration:none;
	color:#000;
}
ul.social li a:hover, ul.social li a:visited, ul.social li a:active{
	color:#000;
	text-decoration: none;
}
ul.social li a.facebook{
	background-position:0 -16px;
}
ul.social li a.facebook:hover{
	background-position:0 0;
}
ul.social li a.twitter{
	background-position:0 -48px;
}
ul.social li a.twitter:hover{
	background-position:0 -32px;
}