/*   	
		stylesheet for joelwardseminars.com   
		/css/inside.css
		
		used for 3-column layout
*/


/*  pad bottom of survey thank you page  */
p.surveythanks { padding-bottom: 350px; }

/*
3-column layout
---------------
*/

#block_1			/*  content  */
{
	float: left;
	width: 480px;
	margin-left: 24%;
	margin-right: 30px;
	margin-bottom: 40px;
	font-size: 125%;
	line-height: 1.5em;
}

* html #block_1
{
	display: inline;
}

#block_1 a:link { color: #A9253C; text-decoration: none; }
#block_1 a:visited { color: #A9253C; text-decoration: none; }
#block_1 a:hover { color: #000000; text-decoration: underline; }
#block_1 a:active { color: #A9253C; text-decoration: none; }



#block_2       /* left-side navigation */
{
	float: left;
	width: 200px;
	margin-left: -77%;
	font: bold 1.5em Times, "Times New Roman", serif;
	color: #450F19;
}

#block_2 li
{
	list-style: none;
	padding-bottom: 15px;
	margin-left: -30px;
}

#block_2 a
{
	display: block;
	padding-left: 15px;
	color: #450F19;
	text-decoration: none;
}

#block_2 a:hover
{
	color: #450F19;
	text-decoration: none;
	background: url(../images/bullet.gif) no-repeat left top;
	background-position: 0 1px;
}

#block_2 a.on
{
	color: #450F19;
	text-decoration: none;
	background: url(../images/bullet.gif) no-repeat left top;
	background-position: 0 1px;
}
	
#block_3			/*  right sidebar  */
{
	float: left;
	width: 200px;
	margin-top: 15px;
}


/*  images  */

img.photo
{
	border: 1px solid #000000;
	width: 180px;
	height: 216px;
}

div.courselist
{
	border-left: 1px solid #FDB826;
	width: auto;
	padding-left: 10px;
}

h4.courselist_h
{
	font: small-caps bold 18px Times, "Times New Roman", serif;
	color: #A9253C;
	margin-bottom: 1em;
}

div.courselist p, span
{
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	margin-bottom: 0.5em;
}

div.listing
{
	margin-bottom: 2em;
}

div.listing2
{
	margin-bottom: 2em;
	border-bottom: 1px solid #FDB826;
}

p.coursename
{
	font-weight: bold;
}

img.regbutton
{
	width: 89px;
	height: 22px;
	float: right;
	padding: 0 5px;
}

img.regbutton_lg
{
	width: 182px;
	height: 42px;
	padding: 35px 0 20px 0;
}

img.regicon
{
	margin-top: 10px;
}

span.open { color: #006600 }
span.full { color: #000099; }
span.canceled { color: #cc0033; }

p.regsteps 
{
	border-left: 1px solid #FDB826;
	font: normal medium/1.5em Times, "Times New Roman", serif;
	color: #A9253C;
	width: auto;
	padding-left: 10px;
}

div.sidebar_quote
{
	padding-bottom: 2em;
	font: italic small/1.5em Verdana, Helvetica, sans-serif;
	color: #000000;
}


/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes makes the width of wrapper too small the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case */
	float/**/: none;
	}
	
/* easy clearing */
#wrapper:after
	{ 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */


#footer
{
	clear: both;
	width: 880px;
	margin: 30px;
	border-top: 1px solid #FDB826;
}

#footer p
{
	line-height: 1.25em;
	color: #000000;
}

#footer a:link { color: #A9253C; text-decoration: none; }
#footer a:visited { color: #A9253C; text-decoration: none; }
#footer a:hover { color: #000000; text-decoration: underline; }
#footer a:active { color: #A9253C; text-decoration: none; }