/* Screen styles for the Ohio Society of Association Executives | OSAE (www.osae.org) */
/* Designed and developed by TCS Software */
/* Built February 2009 */
/* Modified March 2010 */


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

/* 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://www.associationdatabase.com/aws/OSAE/am/gi]  -->*/
/* image replacement nav properties */

#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#nav ul li { 
	position: relative;
	/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
	But overflow also includes our dropdown list, so we need the overflow to be visible. */
	/*overflow: hidden; */
	font-size: 0.9em;
	margin:0;
	padding:0;
	}
			
#nav li em {
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
	background-position:0 0;
	}
	
	/* image replacement specific properties */
#nav {
	list-style: none;
	}
	
#nav li {
	float: left; 
	padding-bottom: 1px; 
	} /* add a little bottom padding to make sure the sub menus don't disappear before selecting them */
	
#nav li, #nav li em { 
	height: 30px; 
	width: 109px; 
	}
	
#nav li#nav_join, #nav li#nav_join em { 
	width: 108px; 
	}

	
#nav li:hover em { 
	background-position: 0 -30px;
	}
	
* html>body #nav li em { 
	margin-bottom: -30px; 
	} /* for ie5.x/mac only */
	
#nav_about em {
	background: url(http://www.associationdatabase.com/aws/OSAE/am/gi/nav_about.png?ver=1) top left no-repeat;
	}
	
#nav_join em {
	background: url(http://www.associationdatabase.com/aws/OSAE/am/gi/nav_join.png?ver=1) top left no-repeat;
	}
	
#nav_news em {
	background: url(http://www.associationdatabase.com/aws/OSAE/am/gi/nav_news.png?ver=1) top left no-repeat;
	}

#nav_calendar em {
	background: url(http://www.associationdatabase.com/aws/OSAE/am/gi/nav_calendar.png?ver=1) top left no-repeat;
	}
	
#nav_marketplace em {
	background: url(http://www.associationdatabase.com/aws/OSAE/am/gi/nav_marketplace.png?ver=1) top left no-repeat;
	}
	
#nav_events em {
	background: url(http://www.associationdatabase.com/aws/OSAE/am/gi/nav_events.png?ver=1) top left no-repeat;
	}
	
#nav_resources em {
	background: url(http://www.associationdatabase.com/aws/OSAE/am/gi/nav_resources.png?ver=1) top left no-repeat;
	}
	
#nav_cae em {
	background: url(http://www.associationdatabase.com/aws/OSAE/am/gi/nav_cae.png?ver=1) top left no-repeat;
	}
	
#nav_jobs em {
	background: url(http://www.associationdatabase.com/aws/OSAE/am/gi/nav_jobs.png?ver=1) top left no-repeat;
	}
	

	

/* suckerfish styles */

#nav a { 
	display: block; 
	font-weight: normal; 
	}

* html #nav a { 
	height: 1%; 
	}
	
#nav ul li ul {
	position: absolute;
	z-index:50; /* show the dropdowns above the http://www.associationdatabase.com/aws/OSAE/am/gi */
	top: 30px; /* position the dropdowns a set distance from the top of the image */
	left: -999em;
	list-style: none;
	background-color:#c40324;
	}
	
#nav li:hover ul { 
	left: auto; 
	}
	
#nav ul li li {
	height: auto; /* reset the height and padding set on the IR list items */
	padding-bottom: 0;
	font-size: 110%;
	display:block;
	}
	
#nav ul li ul li a {
	padding:5px 3px;
	color: #fff;
	text-decoration:none;
	display:block;
	}
	
#nav ul li ul li a:hover, #nav ul li ul li:hover {
	color: #fff;
	background-color:#0083d2;
	text-decoration:none;
	}
 

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

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/OSAE/am/gi]  -->*/
body {
	background:#fff url(http://www.associationdatabase.com/aws/OSAE/am/gi/back_body.png?ver=1) bottom left repeat-x;
	font:normal .9em Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.3em;
	text-align:center;
	}
	
#frame_strip {
	background-color:#005596;
	color:#50a5de;
	padding:5px 0;
	}
	
.testpage .jdGallery {
	border:1px solid gold;
	}
	
#stripcontent {
	overflow:hidden;
	margin:0 auto;
	padding:0;
	width:980px;
	text-align:left;
	}
	
#frame_header {
	background:#00243f url(http://www.associationdatabase.com/aws/OSAE/am/gi/back_header.png?ver=1) top left repeat-x;
	margin:0;
	padding:0;
	}
	
#header {
	margin:0 auto;
	padding:0;
	width:980px;
	text-align:left;
	clear:right;
	}
	
#stripcontent .tcssearch {
	float:right;
	}
	
.tcssearch input.search_button, .tcsFormButton {
	margin-left:5px;
	background:transparent url(http://www.associationdatabase.com/aws/OSAE/am/gi/button_search.png?ver=1) top left no-repeat;
	border:none;
	width:50px;
	height:23px;
	}
	
input.search_button:hover, .tcsFormButton:hover {
	background-position:0 -23px;
	}
	
#toplinks a, #toplinks a:visited, #toplinks a:hover {
	color:#fff;
	}
	
#toplinks span {
	padding:0 10px;
	}
	
#header h1 {
	margin:0;
	padding:0;
	}

#bannersponsors {
	float:right;
	}

#frame_content {
	}
	
#content {
	width:980px;
	text-align:left;
	margin:0 auto;
	background:transparent url(http://www.associationdatabase.com/aws/OSAE/am/gi/back_content.png?ver=1) top left repeat-y;
	overflow:hidden;
	}
	
#maincontent {
	float:right;
	width:780px;
	padding:10px 0;
	}
	
#subcontent {
	float:left;
	width:160px;
	padding:10px;
	}
	
#memlogin {
	border:3px solid #fdbd26;
	padding:5px;
	background:#fff url(http://www.associationdatabase.com/aws/OSAE/am/gi/back_memlogin.png?ver=1) top left repeat-x;
	}
	
#memlogin label, #memlogin p {
	display:block;
	padding:5px 0 2px 0;
	}
	
input.login_button {
	margin-left:5px;
	background:transparent url(http://www.associationdatabase.com/aws/OSAE/am/gi/button_login.png?ver=1) top left no-repeat;
	border:none;
	width:46px;
	height:23px;
	}
	
input.login_button:hover {
	background-position:0 -23px;
	}
	
#affiliates {
	margin:15px 0;
	}
		
#footer {
	border-top:6px solid #999;
	color:#999;
	padding:6px 0;
	margin:0 auto;
	width:980px;
	text-align:left;
	}
	
#footer address {
	font:normal .8em Arial, Helvetica, sans-serif;
	font-style:normal;
	}
 

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

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/OSAE/am/gi]  -->*/
/* text styles */	
	
h1, .heading1 {
	margin-bottom:.4em;
	font:normal 2em Arial, Helvetica, sans-serif;
	color:#005596;
	}
	
h2, .heading2 {
	margin:0 0 .6em 0;
	font:normal 1.7em Arial, Helvetica, sans-serif;
	color:#005596;
	line-height:1.3em;
	}
	
h3, .heading3 {
	margin:0 0 .6em 0;
	font:normal 1.5em Arial, Helvetica, sans-serif;
	color:#9b1525;
	line-height:1.3em;
	}
	
h4, .heading4 {
	margin:0 0 .6em 0;
	font:normal 1.3em Arial, Helvetica, sans-serif;
	color:#004778;
	line-height:1.3em;
	}
	
h5 {
	margin:0 0 .6em 0;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#999;
	line-height:1.3em;
	}
	
h6 {
	margin:0 0 .6em 0;
	font:bold 1em Arial, Helvetica, sans-serif;
	color:#000;
	line-height:1.3em;
	}
	
p {
	margin-bottom:.8em;
	line-height:1.3em;
	}
	
ol, ul {
	margin:0 1.2em .8em 1.2em;
	padding:0 1em;
	}
	
li {
	margin:0 0 .3em 0;
	padding:0;
	font:normal 1em Arial, Helvetica, sans-serif;
	line-height:1.3em;
	}
	
a {
	text-decoration:none;
	color:#0083d2;
	}

a:hover {
	text-decoration:underline;
	color:#c30023;
	}
	
a:visited {
	color:#6890a8;
	}

strong, b {
	font-weight:bold;
	}

em, i {
	font-style:italic;
	}
	
hr {
	border:none;
	border-bottom:1px solid #bbb;
	margin:1em 0;
	}
	
table {
	margin:15px 0;
	border:1px solid #e4f3f8;
	}
	
th {
	padding:3px 5px;
	background-color:#b0d0e3;
	color:#000;
	font-weight:bold;
	font-size:1em;
	}
	
td {
	padding:3px 5px;
	font-size:1em;
	}
	
tr.altrow {
	background-color:#e4f3f8;
	}


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

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

.tcsTable_Format1 td {
	padding-bottom:10px;
	}
	
.tcsSubHeadFont {
	font:normal 1.5em Georgia, "Times New Roman", Times, serif;
	color:#002859;
	margin:.6em 0 .3em 0;
	}
	
.tcslinks table {
	border:none;
	margin:0;
	}
	
.tcslinks td {
	padding:0 10px 20px 0;
	}
	
.tcslinks h3 {
	margin:0;
	}
	
.tcsnews h3, .tcscalendars h3, .tcsjobs h3, .tcsads h3, #frame_content_home .tcsnews h3, #frame_content_home .tcscalendars h3 {
	margin:0;
	font-size:1.2em;
	}

#frame_content_home .tcsnews h3, #frame_content_home .tcscalendars h3, #frame_content_home .tcsjobs h3 {
	font-size:1.1em;
	}

#frame_content_home .tcsnews h4, #frame_content_home .tcscalendars h4, #frame_content_home .tcsjobs h4 {
	font-size:1em;
	}
	
.tcsjobs h5, .tcsads h5, .tcscalendars h5 {
	margin:.6em 0 0 0;
	font-size:1em;
	}
	
.tcsjobs h4, .tcsads h4, .tcscalendars h4 {
	margin:0;
	font-size:1.1em;
	}
	
.tcscalendars h6 {
	margin:0;
	}
	
.tcsnews h4 {
	font-size:1.1em;
	}
	
.pagination {
	border-top:1px solid #20558a;
	padding:5px;
	background-color:#e6eaee;
	}
	
ul.tcslegend {
	margin:0 1.5em 1.2em 1.5em;
	padding:0;
	}


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

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

#frame_content_home {
	background:transparent url(http://www.associationdatabase.com/aws/OSAE/am/gi/back_content_home.png?ver=1) top left repeat-x;
	}

	
#frame_content_home #content {
	background-image:none;
	overflow:none;
	}
	
.smallcol_left {
	float:left;
	width:160px;
	}
	
.smallcol_right {
	float:right;
	width:160px;
	}
	
#frame_content_home #maincontent {
	overflow:hidden;
	padding:20px 0;
	min-height:164px;
	width:980px;
	background:transparent url(http://www.associationdatabase.com/aws/OSAE/am/gi/back_maincontent_home.png?ver=1) bottom center no-repeat;
	float:none;
	}

#frame_content_home {
	overflow:hidden;
	}

#frame_content_home #maincopy {
	width:800px;
	float:left;
	}

#frame_content_home #maincopy #maincontent, #frame_content_home #maincopy #subcontent {
	overflow:hidden;
	padding:20px 0;
	width:800px;
	background-image:none;
	float:none;
	}
	
#frame_content_home #maincontent .left2col {
	float:left;
	width:800px;
	}

#welcomecopy {
	float:right;
	width:620px;
	}

#subcontent h3, #frame_content_home #maincontent h3 {
	font-size:1.3em;
	}
	
#frame_content_home #subcontent {
	overflow:hidden;
	clear:left;
	width:980px;
	padding:20px 0 0 0;
	float:none;
	}
	
#frame_content_home #subcontent h2 {
	border-top:4px solid #005596;
	font-size:1.6em;
	}
	
#frame_content_home #subcontent h2.featurehead {
	border-top:4px solid #9b1525;
	color:#9b1525;
	}
	
#subcontent_main {
	float:right;
	width:800px;
	}

#maincopy #subcontent_main {
	float:right;
	width:620px;
	}
	
#frame_content_home .left2col {
	float:left;
	width:288px;
	}
	
#frame_content_home .right2col {
	width:492px;
	float:right;
	overview:hidden;
	}

#frame_content_home #maincopy .right2col {
	width:287px;
	float:right;
	overview:hidden;
	}
	
#frame_content_home .left2col_small {
	float:left;
	width:287px;
	}
	
.right2col_small {
	float:right;
	width:185px;
	}
	
.button_jobs, .button_news, .button_events {
	width:100%;
	padding:15px 0;
	overflow:hidden;
	}
	
.button_jobs em {
	display:block;
	height:23px;
	width:76px;
	text-indent:-999em;
	background:transparent url(http://www.associationdatabase.com/aws/OSAE/am/gi/button_jobs.png?ver=1) top left no-repeat;
	}
	
.button_news em {
	display:block;
	height:23px;
	width:80px;
	text-indent:-999em;
	background:transparent url(http://www.associationdatabase.com/aws/OSAE/am/gi/button_news.png?ver=1) top left no-repeat;
	}
	
.button_events em {
	display:block;
	height:24px;
	width:85px;
	text-indent:-999em;
	background:transparent url(http://www.associationdatabase.com/aws/OSAE/am/gi/button_events.png?ver=1) top left no-repeat;
	}
	
.button_jobs em:hover, .button_news em:hover {
	background-position:0 -23px;
	}	
	
.button_events em:hover {
	background-position:0 -24px;
	}	
	
.col3 {
	float:left;
        margin-right:10px;
	width:250px;	 
	}


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

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/OSAE/am/gi]  -->*/
/* styles for style 2 calendars */

.tcscalendars ul {
	margin:0;
	padding:0;
	}
	
.tcscalendars li {
	margin:.8em 0;
	padding:.5em 0;
	list-style:none;
	overflow: auto;
	width: 100%;
	}
	
.tcscalendars h2 {
	clear:left;
	padding:.6em 0 .2em 0;
	border-bottom:1px solid #9b1525;
	}
	
.tcscalendars .datestamp {
	width:120px;
	padding-top:8px;
	margin-right:10px;
	float:left;
	text-align:center;
	clear:left;
	}
	
.tcscalendars .datestamp h5 {
	color:#00539f;
	padding:10px 0;
	text-transform:uppercase;
	display:block;
	background:#fff url(http://www.associationdatabase.com/aws/OSAE/am/gi/back_calendar.png?ver=1) bottom left repeat-x;
	font-size:13px;
	width:120px;
	}

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


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

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

ul.sidenav {
	list-style:none;
	margin: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:#fff;
	}
	
.container {
	overflow:hidden;
	}

.left2col {
	float:left;
	width:390px;
	}
	
.left2col_wide {
	float:left;
	width:575px;
	}
		
.right2col {
	width:390px;
	float:right;
	overview:hidden;
	}
	
.left2col_small {
	float:left;
	width:185px;
	}
	
.emphasis {
	color:#CC0000;
	font-weight:bold;
	}

table.nicetable {
	margin:15px 0;
	border:1px solid #e4f3f8;
	}
	
.nicetable th {
	padding:3px 5px;
	background-color:#b0d0e3;
	color:#000;
	font-weight:bold;
	}
	
.nicetable td {
	padding:3px 5px;
	}
	
tr.altrow td {
	background-color:#e4f3f8;
	}