/* Screen styles for The Upper Midwest Automated Clearing House Association | UMACHA (www.umacha.org) */
/* Designed and developed by TCS Software */
/* Built December 2009 */
/* Modified March 2010 */


/*
===========================================================================
@IMPORTED STYLESHEET: css_reset
---------------------------------------------------------------------------
*/

/* 1. default resets */

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: top;
}
		
:focus {
	outline: 0;
}
body {
	line-height: 1;
	}

/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}



/* 2. sitewide structural styles */

.imgleft {
	margin:0 15px 8px 0;
	float:left;
	}

.imgright {
	margin:0 0 8px 15px;
	float:right;
	}

.imgcenter {
	text-align:center;
	display:block;
	}

.imgcenter2 {
	margin:0 auto;
	display:block;
	}

.clearboth {
	clear:both;
	}

.clearleft {
	clear:left;
	}

.clearright {
	clear:right;
	}

#tcspromo {
	float:right;
	}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_navigation
---------------------------------------------------------------------------
*/


/*<!--  TCSREPLACE[images,http://umacha.associationdatabase.com/aws/UMACH/am/gi]  -->*/
/* navigation styles */

#nav {
	background:#0096db url(http://umacha.associationdatabase.com/aws/UMACH/am/gi/back_nav.png?ver=2) bottom center no-repeat;
	padding:8px 0 30px 0;
	}
	
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
#nav li {
	float:left;
	margin:0;
	padding:0;
	}
	
#nav a {
	display:block;
	color:#fff;
	padding:0 8px;
	width:102px;
	text-decoration:none;
	}
	
#nav a:hover, #nav a:visited {
	text-decoration:none;
	color:#fff;
	}
	
#nav li a:hover, #nav li:hover, #nav li.hover, #nav li.sfhover {
	position: static;
	}
	
	
/* subnav styles */

#nav ul li:hover ul, #nav li.sfhover ul {
	left: auto;
    background-color:#0096db;
	}

#nav ul li ul {
	position: absolute;
	width: 11em;
	padding:0;
	margin:0;
	left: -999em;
    background-color:#0096db;
	font-size:1em;
	list-style:none;
	z-index:100;
	}

#nav ul li ul li {
	clear:both;
	margin:0;
	padding:0;
    background-color:#0096db;
	}
	
#nav ul li ul li a, #nav ul li ul li a:visited {
	width: 11em;
	display:block;
	background-image:none;
	padding:6px 12px;
	}
	
 #nav ul li ul li:hover, #nav ul li ul li a:hover, #nav ul li ul li.mem a {
	background-color:#6bb2e7;
	}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_structure
---------------------------------------------------------------------------
*/


/*<!--  TCSREPLACE[images,http://umacha.associationdatabase.com/aws/UMACH/am/gi]  -->*/
/* structural styles */

body {
	margin:0;
	padding:0;
	text-align:center;
	background:#1f527a url(http://umacha.associationdatabase.com/aws/UMACH/am/gi/back_body.png?ver=2) top center repeat-x;
	color:#003;
	font:normal .9em Arial, Helvetica, sans-serif;
	line-height:1.3em;
	}
	
#frame {
	margin:0 auto;
	text-align:left;
	width:944px;
	padding:0;
	background-color:#fff;	
	}
	
#header {
	background:#fff url(http://umacha.associationdatabase.com/aws/UMACH/am/gi/back_header.jpg?ver=2) top left no-repeat;
	padding:15px 24px 5px 24px;
	}
	
ul#topnav {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	float:left;
	}
	
#topnav li {
	margin:0;
	padding:0 5px 0 0;
	color:#fff;
	float:left;
	display:block;
	}
	
#topnav li:before {
	content:"|";
	}  
	
#topnav li:first-child:before {
	content:"";
	} 
	
#topnav li span {
	padding:0 5px;
	}
	
#topnav a {
	color:#fff;
	padding-left:5px;
	}
	
#topnav li a:first-child:before {
	padding:0;
	}
	
#header .tcssearch {
	}
	
#header #search_phrase {
	border:1px solid #27536e;
	color:#666;
	padding:2px;
	}
	
#header .search_button, .tcsFormButton {
	background:transparent url(http://umacha.associationdatabase.com/aws/UMACH/am/gi/button_search.png?ver=2) top left no-repeat;
	border:none;
	width:19px;
	height:18px;
	margin-left:5px;
	}
	
#header .search_button:hover, .tcsFormButton:hover {
	background-position:0 -18px;
	}
	
#header h1 {
	margin:95px 0 0 0;
	}

#content {
	padding:0 24px;
	margin:15px 0;
	overflow:hidden;
	background:#fff url(http://umacha.associationdatabase.com/aws/UMACH/am/gi/back_content.png?ver=2) top left repeat-y;
	}
	
#maincontent {
	float:right;
	width:668px;
	padding-right:10px;
	}
	
#subcontent {
	float:left;
	width:182px;
	}
	
#footer {
	padding:15px 24px;
	background-color:#003592;
	}
	
#footer address {
	font:normal normal .8em Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:1.2em;
	}
	
#footer a, #footer a:visited, #footer a:hover {
	color:#fff;
	text-decoration:underline;
	}
	
#footer address span {
	padding:0 3px;
	}
 

/*
===========================================================================
@IMPORTED STYLESHEET: css_textstyles
---------------------------------------------------------------------------
*/


/*<!--  TCSREPLACE[images,http://umacha.associationdatabase.com/aws/UMACH/am/gi]  -->*/
/* text styles */

h1 {
	font:normal normal 2em Arial, Helvetica, sans-serif;
	color:#2a6ebb;
	margin-bottom:.6em;
	padding:0;
	line-height:1.2em;
	}

h2 {
	font:normal normal 1.7em Arial, Helvetica, sans-serif;
	color:#003592;
	margin:.6em 0 .2em 0;
	line-height:1.2em;
	}
	
h3, .tcsSubHeadFont {
	font:normal normal 1.4em Arial, Helvetica, sans-serif;
	color:#c79316;
	margin:16px 0 2px 0;
	line-height:1.2em;
	}
	
h4 {
	font:normal bold 1.2em Arial, Helvetica, sans-serif;
	color:#5877b6;
	margin:.4em 0 .1em 0;
	line-height:1.2em;
	}
	
h5 {
	color:#003592;
	font:italic bold 1.1em Arial, Helvetica, sans-serif;
	margin:.5em 0 .2em 0;
	line-height:1.2em;
	}
	
h6 {
	color:#003;
	font:normal bold 1em Arial, Helvetica, sans-serif;
	margin:.5em 0 .2em 0;
	line-height:1.2em;
	}

h6.blockheader {
	background-color:#0C3170;
	color:#fff;
	display:block;
	text-align:center;
	margin-top:0;
	padding:3px;
	}
	
p {
	margin-bottom: .8em;
	line-height:1.3em;
	}
	
	
ol, ul {
	margin:0 2em .6em 2em;
	}
	
li {
	margin:0 1em;
	padding:2px 0;
	}
	
blockquote {
	margin:0 2em .6em 2em;
	}
	
a {
	color:#0096db;
	text-decoration:none;
	}
	
a:hover {
	color:#007e3e;
	text-decoration:underline;
	}
	
a:visited {
	color:#5f8ea3;
	text-decoration:underline;
	}

hr {
	border:none;
	border-bottom:1px dotted #bdbcbc;
	margin:15px 0;
	clear:both;
	}
	
b, strong {
	font-weight:bold;
	}

em, i {
	font-style:italic;
	}


p + h2 {
	margin-top:.4em;
	}
	
hr + h3 {
	margin:0;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_home
---------------------------------------------------------------------------
*/


/*<!--  TCSREPLACE[images,http://umacha.associationdatabase.com/aws/UMACH/am/gi]  -->*/
/* home page styles */

#content.homepage {
	background:#fff url(http://umacha.associationdatabase.com/aws/UMACH/am/gi/back_content_home.png?ver=2) top left repeat-y;
	overflow:visible;
	}
	
.homepage #maincontent {
	float:left;
	width:440px;
	padding:0;
	}
	
.homepage #subcontent {
	float:right;
	width:420px;
	}
	
.homepage #subcontent .left2col {
	float:left;
	width:200px;
	}
	
.homepage #subcontent .right2col {
	float:right;
	width:182px;
	}
	
#memlogin, .callout {
	padding-top:10px;
	background:transparent url(http://umacha.associationdatabase.com/aws/UMACH/am/gi/back_login_top.png?ver=2) top center no-repeat;
	}
	
.callout {
	text-align:center;
	color:#fff;
	margin-bottom:10px;
	}

.callout h4 {
	color:#fff;
	margin:0 0 2px 0;
	}
	
.callout a, .callout a:hover, .callout a:visited {
	color:#fff;
	}
	
#memlogin a, #memlogin a:hover, #memlogin a:visited {
	color:#fff;
	}
	
#memlogin a.blklink, #memlogin a.blklink:visited {
	color:#000;
	}
	
#memlogin form, .calloutcontent {
	color:#fff;
	padding:0 10px 10px 10px;
	background:transparent url(http://umacha.associationdatabase.com/aws/UMACH/am/gi/back_login_bottom.png?ver=2) bottom center no-repeat;
	}
	
#memlogin form .textfield {
	border:1px solid #ae8422;
	padding:1px;
	width:158px;
	color:#666;
	margin:1px 0 3px 0;
	}
	
.button {
	color:#fff;
	background-color:#0096db;
	-moz-border-radius: 7px;
	-webkit-border-radius:7px;
	padding:2px 4px;
	margin-left:5px;
	border:none;
	}
	
.tcsFormButton {
	color:#fff;
	background-color:#0096db;
	-moz-border-radius: 7px;
	-webkit-border-radius:7px;
	padding:2px 4px;
	border:none;
	}
	
.button:hover, .tcsFormButton:hover {
	background-color:#007e3e;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_tcsstyles
---------------------------------------------------------------------------
*/


/*<!--  TCSREPLACE[images,http://umacha.associationdatabase.com/aws/UMACH/am/gi]  -->*/
/* tcs styles */

.tcsTable_Format1 td {
	padding-bottom:10px;
	}
	
.tcslinks td, .tcsproducts td {
	padding:0 15px 15px 0;
	}
	
.tcslinks h2 {
	font-size:1.5em;
	clear:left;
	}
	
.tcsproducts h2 {
	font-size:1.5em;
	}
	
.tcscalendars h2 {
	margin-top:20px;
	border-top:1px dotted #003592;
	padding:10px 0 5px 0;
	}
	
.pagination {
	border-top:1px solid #bbb5ae;
	padding:5px;
	background-color:#e8e6dd;
	clear:left;
	}
	
ul.tcslegend {
	margin:0 1.5em 1.2em 1.5em;
	padding:0;
	}
	
.tcsnews h3, .tcsjobs h3, .tcscalendars h3, .tcsads h3, .tcslinks h3 {
	margin:.6em 0 0 0;
	font-size:1.2em;
	}
	
.tcslinks h3 {
	margin:.6em 0 0 0;
	}
	
.tcsproducts h3 {
	font-size:1.2em;
	margin:0;
	}
	
#subcontent .tcslinks h3 {
	font-size:1em;
	}
	
.tcsnews h4, .tcsjobs h4, .tcscalendars h4, .tcsads h4 {
	margin:0;
	font-size:1.1em;
	}
	
.tcslinks h4 {
	margin:0;
	font-size:1em;
	}
	
.tcsnews h5, .tcslinks h5, .tcsjobs h5, .tcscalendars h5, .tcsads h5 {
	margin:.8em 0 0 0;
	}
	
.tcslinks h5 {
	margin:0;
	}
	
.tcscalendars .datestamp {
	background:transparent url(http://umacha.associationdatabase.com/aws/UMACH/am/gi/back_calendar.png?ver=2) bottom center no-repeat;
	width:100px;
	margin-right:10px;
	float:left;
	text-align:center;
	clear:left;
	padding:0;
	}
	
.tcscalendars .datestamp h5 {
	padding:10px 0 15px 0;
	text-transform:uppercase;
	display:block;
	font-size:11px;
	width:100px;
	}

.tcscalendars h5 span.bignumber {
	font:24px bold Helvetica, Arial, sans-serif;
	color:#c79316;
	}

.tcscalendars h5 + h3, .tcsnews h5 + h3, .tcscalendars h6 + h3, .tcsads h5 + h3, .tcsjobs h5 + h3, .tcscalendars h3 + h4, .tcsnews h3 + h4, .tcsads h3 + h4, .tcsjobs h3 + h4 {
	margin:0;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_calendar
---------------------------------------------------------------------------
*/


/*<!--  TCSREPLACE[images,http://umacha.associationdatabase.com/aws/UMACH/am/gi]  -->*/
/* calendarbox styles */

table.calendarbox {
	width:100%;
	}
	
.calendarbox th {
	width:25px;
	text-align:center;
	height:25px;
	background-color:#0c3170;
	color:#fff;
	font-weight:bold;
	vertical-align: middle;	
	border:1px solid #fff;
	}
	
.calendarbox td {
	width:25px;
	text-align:center;
	vertical-align: middle;
	height:25px;
	background-color:#d7d2cb;
	border:1px solid #fff;
	}
	
.calendarbox tr.monthrow th {
	border:0;
	background-color:#fff;
	height:auto;
	padding:3px 0;
	text-align:center;
	font:normal 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#0c3170;
	}
	
.calendarbox tr.monthrow th a {
	color:#bbb5ae;
	}
	
.calendarbox td.todaydate {
	background-color:#d04900;
	font-weight:bold;
	color:#fff;
	}
	
td.eventdate {
	background-color:#005fa1;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
	
td.eventdate a, td.eventdate a:hover {
	color:#fff;
	}
	
#content_sub .eventdate a, #content_sub .eventdate a:hover, #content_sub .eventdate a:visited {
	color:#fff;
	text-decoration:none;
	}
	
td.eventdate:hover {
	background-color:#5381ac;
	}
	
.events {
	position: relative;
	}

.events ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 10px;
	margin:0;
	background-color:#5381ac;
	font-size: 12px;
	color:#fff;
	width: 220px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-border-radius: 5px;
	list-style: none;
	}

.events li {
	padding-bottom: 5px;
	margin:0;
	padding:0;
	}
	
.events li h3 {
	font-size:1.2em;
	margin:0 0 .2em 0;
	color:#fff;
	}
	
.events li h4 {
	font-size:.9em;
	margin:0;
	color:#fff;
	}
	
.events li p {
	font-size:.9em;
	font-weight:normal;
	color:#fff;
	}
	
.events li + li {
	margin-top:.6em;
	border-top:1px solid #fff;
	padding-top:.3em;
	}
	
.calendarbox td.eventdate .events li a {
	font-weight:normal;
	}
	
.calendarbox td.eventdate .events li a:hover {
	text-decoration:underline;
	}
	
.calendarbox td.nodate {
	background-color:#fff;
	}


/*
===========================================================================
@IMPORTED STYLESHEET: css_classes
---------------------------------------------------------------------------
*/


/*<!--  TCSREPLACE[images,http://umacha.associationdatabase.com/aws/UMACH/am/gi]  -->*/
/* sitewide classes */

.leadin, h2.leadin, h3.leadin {
	margin-top:0;
	}
	
ul.sidenav {
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
	}
	
ul.sidenav li {
	margin:0;
	padding:0;
	}
	
ul.sidenav a {
	display:block;
	text-decoration:none;
	padding:3px 5px;
	}
	
ul.sidenav a:hover {
	text-decoration:none;
	background-color:#e0ded9;
	}
	
table.nicetable {
	margin:15px 0;
	border:1px solid #bdbcbc;
	}

.nicetable th {
	padding:3px 5px;
	font-weight:bold;
	background-color:#bdbcbc;
	}

.nicetable td {
	padding:3px 5px;
	}
	
table.paddedrowtable {
	margin:10px 0;
	}
	
.paddedrowtable td {
	padding-bottom:20px;
	}
	
#maincontent .ruled2col {
	width:680px;
	background:transparent url(http://umacha.associationdatabase.com/aws/UMACH/am/gi/back_2col.png?ver=2) top center repeat-y;
	overflow:hidden;
	}
	
#maincontent .left2col {
	float:left;
	width:320px;
	}
	
#maincontent .right2col {
	float:right;
	width:320px;
	}
	
.highlight {
	font-weight:bold;
	background-color:#ffb60f;
	}