/* Styles for the Ohio Automobile Dealers Association (OADA), www.oada.com */
/* Designed and developed by TCS Software (www.associationsoftware.com) */
/* built October 2008 */
/* 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/OADA/am/gi]  -->*/
/* navigation styles */

#nav {
	background-color:#004a8e;
	}
	
#nav ul {
	margin:0 auto;
	width:964px;
	text-align:left;
	list-style:none;
	}
	
#nav li {
	float:left;
	margin:0;
	padding:0;
	}
	
#nav a {
	display:block;
	padding:8px 12px;
	color:#fff;
	text-decoration:none;
	background-color:#004a8e;
	}
	
#nav li:hover a, #nav li.sfhover a {
    background-color:#fd9308;
	}

#nav li:hover li a, #nav li.sfhover li a {
    background-color:#fd9308;
	}
	
#nav li a:hover, #nav li:hover, #nav li.hover, #nav li.sfhover {
	position: static;
	}
	
	
/* subnav styles */

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

#nav ul li ul {
	position: absolute;
	width: 11em;
	padding:0;
	margin:0;
	left: -999em;
    background-color:#662288;
	font-size:1em;
	}

#nav ul li ul li {
	clear:both;
	margin:0;
	padding:0;
    background-color:#662288;
	}
	
#nav ul li ul li a {
	width: 11em;
	display:block;
	}
	
 #nav ul li ul li:hover, #nav ul li ul li a:hover {
	background-color:#5A6571;
	}

#nav ul li ul li.mem a {
	background-color:#5A6571;
	}
	
 

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

/*<!--  TCSREPLACE[images,http://www.associationdatabase.com/aws/OADA/am/gi]  -->*/
/* structural styles */
body {
	text-align:center;
	background:#5f6c6e url(http://www.associationdatabase.com/aws/OADA/am/gi/back_body2.png?ver=1) top left repeat-x;
	/* background-color:#000; */
	color:#000;
	font:normal .9em Arial, Helvetica, sans-serif;
	}
	
#searchbox {
	padding:5px 0;
	display:block;
	text-align:right;
	}
	
#searchbox input {
	border:1px solid #555;
	}
	
#searchbox input.button {
	background-color:#0096db;
	color:#fff;
	text-transform:uppercase;
	margin-left:5px;
	}
	
#searchbox input.button:hover {
	background-color:#fd9308;
	}

#frame { /* contains all content and set to center in browser */
	width:940px;
	margin:0 auto;
	text-align:left;
	}
	
#sponsorad {
	float:right;
	}
	
#header {
	background:transparent url(http://www.associationdatabase.com/aws/OADA/am/gi/back_header4.png?ver=1) top left no-repeat;
	padding:15px 20px;
	}
	
#content {
	overflow:hidden;
	background:#fff url(http://www.associationdatabase.com/aws/OADA/am/gi/back_content.png?ver=1) top left repeat-y;
	}
	
#content.homepage {
	background:#fff url(http://www.associationdatabase.com/aws/OADA/am/gi/back_content_home.png?ver=1) top left repeat-y;
	}

#maincontent { 
	float:right;
	display:inline;
	width:740px;
	padding:20px;
	}
	
#subcontent { 
	float:left;
	display:inline;
	width:120px;
	padding:20px;
	}

.homepage #subcontent .subrightcol a, .homepage #subcontent .subrightcol a:visited {
	color:#001a50;
	}

.homepage #subcontent .subrightcol a:hover {
	color:#af3b16;
	}
	
ul.sidenav { /* id for subcolumn navigation of sections applied to the ul */
	margin:0;
	padding:0;
	list-style:none;
	}
	
ul.sidenav li {
	padding:0;
	margin:0;
	}
	
ul.sidenav li a {
	padding:5px;
	display:block;
	}
	
ul.sidenav li a:hover {
	background-color:#fff;
	text-decoration:none;
	}
	
ul.sidenav li a:visited {
	color:#0065a2;
	}
	
#footer {
	margin:0;
	padding:20px 0;
	}
	
#footer address { /* footer content resides here */
	font:normal normal .8em Arial, Helvetica, sans-serif;
	line-height:1.2em;
	color:#fff;
	}
	
#footer a, #footer a:hover, #footer a:visited {
	color:#fff;
	}
 

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

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

h1, .heading1 {
	font: normal normal 2.2em Arial, Helvetica, sans-serif;
	color:#1c305d;
	margin-bottom:.4em;
	}
	
h2, .heading2 {
	font: normal normal 1.8em Arial, Helvetica, sans-serif;
	color:#002c5f;
	text-transform:uppercase;
	border-bottom:1px solid #002c5f;
	margin:.6em 0 .3em 0;
	padding:0;
	}
	
h3, .heading3, .tcsSubHeadFont {
	font: normal normal 1.5em Arial, Helvetica, sans-serif;
	color:#105793;
	margin-bottom:.3em;
	}
	
h4, .heading4 {
	font-size:1.3em;
	color:#fd9308;
	margin:.4em 0 .3em 0;
	}
	
h5 {
	font-size:1.1em;
	color:#fd9308;
	margin-top:,4em;
	}
	
h6 {
	font-size:1em;
	color:#36424a;
	margin-top:,4em;
	}
	
	
p {
	margin-bottom:.8em;
	}

ul, ol {
	margin: 0 1em .8em 1em;
	padding:0 1em;
	}
	
li {
	margin-bottom:.2em 1em;
	}
	
blockquote {
	margin:0 1.5em;
	}
	
a {
	color:#0065a2;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	color:#fd9308;
	}
	
a:visited {
	color:#0065a2;
	}
	
cite {
	}
	
strong, b {
	font-weight:bold;
	}
	
em, i {
	font-style:italic;
	}


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

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

.tcsnews {
	
	}

.tcsnews h5 { /* date posted */ 
	font-size:1em;
	}

.tcsnews h3 { /* headline */ 
	margin:.4em 0 0 0;
	}

.tcsnews h4 { /* subtitle */ 
	font-size:1.1em;
	margin:0;
	}

.tcsnews h2 { /* section headings */ 
	font-size:1.5em;
	}

.tcsnews p { /* abstract, article, etc. */ 
	font-size:1em;
	}

.tcscalendars h3 {
	margin:0;
	font-weight:bold;
	}
	
.tcscalendars h4 {
	margin:0;
	font-weight:normal;
	}



	
	
/* default jobs styles  ------------------------------------------------------ */

.tcsjobs h3 { /* position */
	font-size:1.2em;
	}

.tcsjobs h4 { /* organization */
	font-size:1.1em;
	}
	
.tcsjobs h5 { /* date posted */
	font-size:1em;
	}

.tcsjobs p { /* description */
	font-size:1em;
	}

/* default links styles  ------------------------------------------------------ */

.tcslinks {

	}

.tcslinks h2 {

	}

.tcslinks h5 { /* date posted, expiration date */ 
	font-size:1em;
	}

.tcslinks h3 { /* displayed link */ 
	font-size:1.2em;
	margin:.6em 0 0 0;
	font-weight:bold;
	}
	
.tcslinks h4, .tcslinks .heading4 { /* subtitle */ 
	margin:0;
	font-weight:normal;
	}
	
.tcslinks h6 {

	}

.tcslinks p { /* additional text */ 
	font-size:1em;
	}

.tcslinks ul {
	margin:0;
	padding:0;
	}
	
.tcslinks li {
	margin:0;
	padding:0;
	}
	
.tcslinks table {
	}
	
.tcslinks td {
	padding:0 10px 20px 0;
	}

ul.tcslegend {
	margin:0 1.5em 1.2em 1.5em;
	padding:0;
	}
	
ul.tcslegend li {
	margin:0 1em;
	}

.tcssearch table {
	border:none;
	background:none;
	}
	
.tcsTable_Format1 td {
	padding-bottom:10px;
	vertical-align:top;
	border:none;
	}
	
.pagination {
	border-top:1px solid #546061;
	padding:5px;
	background-color:#e5e8ed;
	}


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

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

.homepage #maincontent {
	width:420px;
	background-image:url(http://www.associationdatabase.com/aws/OADA/am/gi/banner_welcome.jpg?ver=1);
	background-position:top left;
	background-repeat:no-repeat;
	padding:225px 20px 20px 20px;
	display:inline;
	float:left;
	}
	
.homepage #subcontent {
	float:right;
	overflow:hidden;
	width:480px;
	margin:0;
	padding:0;
	display:inline;
	}
	
.subleftcol {
	float:left;
	display:inline;
	width:200px;
	padding:20px;
	}
	
.subrightcol {
	float:right;
	display:inline;
	width:200px;
	padding:20px;
	}
	
#servicesad {
	background-color:#fff;
	padding:5px;
	text-align:center;
	margin:10px 0;
	}


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

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

input.search_button, .tcsFormButton {
	margin-left:5px;
	background-color:#0065a2;
	color:#fff;
	text-transform:uppercase;
	border:1px solid #0065a2;
	}
	
input.search_button:hover, .tcsFormButton:hover {
	background-image:none;
	background-color:#fd9308;
	border:1px solid #fd9308;
	}
	
#directoryform {
	padding:15px;
	background-color:#e5e8ed;
	}
	
#directoryform h6 {
	padding:3px 5px;
	background-color:#004a8e;
	color:#fff;
	}
	
#directoryform table {
	margin:5px 0 10px 0;
	}
	
#directoryform td {
	padding:3px 3px 3px 0;
	}


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

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

.clearleft {
	clear:left;
	}
	
.clearright {
	clear:right;
	}
	
.clearboth {
	clear:both;
	}
	
.floatleft {
	float:left;
	}
	
.floatright {
	float:right;
	}
	
.imgleft {
	float:left;
	margin:0 10px 10px 0;
	}
	
.imgright {
	float:right;
	margin:0 0 10px 10px;
	}
	
.imgcenter {
	display:block;
	text-align:center;
	margin:10px 0;
	}
	
.colcontainer {
	width:100%;
	overflow:hidden;
	}
	
.bigcolleft {
	float:left;
	width:480px;
	display:inline;
	}
	
.smallcolright {
	float:right;
	width:220px;
	padding:10px;
	background-color:#e5e8ed;
	display:inline;
	}
	
.buttonlink {
	}
	
.buttonlink span {
	}
	
.contentsearch {
	margin:.4em 0;
	}

#content.showoverflow {
	overflow:visible;
	}

.subbox {
	float:right;
	width400px;
	}

table.nicetable {
	margin:10px 0;
	border:1px solid #acabac;
	font:normal normal 1em Helvetica, Arial, sans-serif;
	}

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

.nicetable td {
	padding:3px 5px;
	border-top:1px solid #acabac;
	}

.nicetable td + td {
	border-left:1px solid #acabac;
	}

.altrow td {
	background-color:#e9e9e9;
	font-weight:bold;
	}



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

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

/* calendarbox styles */

table.calendarbox {
	}

.subbox table.calendarbox {
	width:100%;
	}
	
.calendarbox th {
	width:42px;
	text-align:center;
	height:42px;
	color:#fff;
	font-weight:bold;
	vertical-align: middle;	
	border:1px solid #fff;
	background-color:#1C305D;
	}

.calendarbox td {
	width:42px;
	text-align:center;
	vertical-align: middle;
	height:42px;
	background-color:#EAE8E1;
	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:#1C305D;
	}
	
.calendarbox tr.monthrow th a {
	color:#0065A2;
	}
	
.calendarbox td.todaydate {
	background-color:#36424a;
	color:#fff;
	font-weight:bold;
	}
	
td.eventdate {
	background-color:#0065A2;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
	
.calendarbox td.eventdate.todaydate {
	background-color:#105793;
	}
	
td.eventdate a, td.eventdate a:hover, td.eventdate a:visited {
	color:#fff;
	text-decoration:none;
	}
	
td.eventdate:hover {
	background-color:#FD9308;
	}
	
.events {
	position: relative;
	}

.events ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 10px;
	margin:0;
	background-color:#FD9308;
	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;
	}