/*---------------------------------
Main Elements, Body & Content
---------------------------------*/

body {
	margin: 0px auto;
	padding: 0px auto;
	font-family: sans-serif;
	color: #666666;
	background-color: white;
	width: 770px;
	vertical-align: 5px;
	font-size: 12px;
}

#pagewrap {
	background-color:white;
	margin: 0 auto;
	}

.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}

#content { 
	float:left; 
	background-color: white;
	background: url(images/background.jpg);
	background-repeat: repeat-x;
	height: 100%;
	width: 770px;
	}
	
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	color: #3c3c3c;
	font-size: 12px;
	line-height: 15px;
	margin: 0px;
	padding: 5px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. 
UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning
at the moment i'm leaving it in only in case the issue turns up again. possibly the original 
bug in march 2001 was caused by an unusual combination of factors, although this solved it 
at the time.*/

h1 {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
color: #669900;}
h2 
{
	margin: 10px 20px 10px 0px;
	padding: 0px 5px;
	font-size: 16px;
	color: #3c3c3c;
	line-height: 30px;
	font-weight: bold;
	background-color: #acacac;
	}
	
h3 {
	color: #3c3c3c;
	margin: 0px;
	padding: 0px 5px;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
	}
h4 {
	margin: 0px;
	padding: 0px;
	color: #006699;
	font-size: 14px;
	line-height: 16px;
	}

img {
	border: 0;
	}

ul { list-style-type: none;
	color: #3c3c3c;
	list-style-position: inside;
	font-size: small;
	margin: 5px 5px 5px 10px;
	padding: 3px;
}
ul li { 
list-style-type: square;
margin-bottom: 6px;
}

p.seminars_sub
{
	margin: 0;
	padding: 0px 5px;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	background-color: #1B3D5A;
	}



.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}	

#btnGo { 
	font-size: .9em; 
	}

#btnSubscribe { 
	font-size: .9em; 
	}
/*.inside_right {padding-left: 0px;}
in IE any padding will wrap it
*/

.btn {
	background-color: #006699; 
	color: white; 
	font-size: 1em; 
	font-family: Arial; 
	font-weight: normal; 
	text-align: center;  }

table.border {
	border: 1px solid;
	border-color: #1B3D5A;}
	
a {
	font-size: 12px;
	text-decoration: underline;
	font-weight: normal;
	color: #1B3D5A;
	outline: none;
	}
	
a:link {
	text-decoration: underline;
	font-weight: normal;
	color: #1B3D5A;
	outline: none;
	}

a:visited {
	color: #1B3D5A;
	}
a:active {
	color:  #1B3D5A;
	}
a:hover {
	color: #990000;
	text-decoration: underline;
	}

.menu_table {
}

/*---------------------------------
Top Section, Logo & Header
---------------------------------*/

#top {
	margin: 0px;
	padding: 0px;
	border: 0px solid #ccc;
	background: white;
	width: 770px;
	height: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 100px;
	}
	
html>body #top {
	height: 100px; /* ie5win fudge ends */
	}
	
#logo {
	float:left; 
	width:275px;
	}

#search { 
	float: left; 
	height: 90px; 
	border: 0px solid white; 
	vertical-align: bottom; 
	padding-right: 1px; 
	}

#search p { 
	padding-top: 25px; 
	font-size: .9em;}

#ad1 {
	float: right; 
	width: 100px; 
	height: 90px; 
	background-color: #FFFFCC; 
	border: solid 1px white; 
	font: normal normal bold .7em Arial; 
	color: Black;
	margin-top: 5px; 
	margin-right: 3px; 
	}
	
#ad1 p { 
	margin: 5px; 
	line-height: normal; 
	text-align:center; }
	
#ad2 {
	float: right; 
	width: 100px; 
	height: 90px; 
	margin-right: 5 px; 
	background-color: #FFFFCC; 
	border: solid 1px white; 
	font: normal normal bold .7em Arial; 
	color: Black; 
	margin-top: 5px; }
	
#ad2 p { 
	margin: 5px; 
	line-height: normal; 
	text-align:center; 
	}
	

/*---------------------------------
Menu & Footer
---------------------------------*/

#menuwrap {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px solid yellow;
	background-color: #006699;
	}
	
#menu {
	color: white; 
	margin: 2px 0px; 
	padding: 0px 10px 0px 10px;
	line-height: normal; 
	font-size: 14px; 
	font-weight: normal;
	text-align: center;
	}
	
#menu table table form { margin: 0px; }

#menu input { 
	margin: 2px 0px;
	padding: 1px;
}
#menu p { 
	color: white;
	margin:5px 3px 5px 3px; 
	padding: 0; 
	line-height: normal; 
	font-size: 14px; 
	font-weight: normal; 
	}

#menu a {
	text-decoration: none;
	color:  #C3C3C3;
	outline: none;
font-weight: normal;}

#menu a:link {
	color:  white;
	outline: none;
	font-weight: normal;}
	
#menu a:visited {
	color:  #ccc;
	font-weight: normal;
	}
#menu a:active {
	color:  #ccc;
	font-weight: normal;
	}

#menu a:hover {
	color: #ccc;
	text-decoration: underline;
	font-weight: normal;
	}

.footnote {
font-weight: bold;
font-size: 10px;
}

.search {
font-weight: normal;
font-size: 12px;
height: 20px;
margin: 4px;
}

.button {
font-weight: normal;
font-size: 12px;
height: 20px;
}

input {
font-weight: normal;
font-size: 12px;
height: 14px;
}

select {}

option {}

textarea {}

fieldset {}

legend {}

#runner { 
	height: 2px;
	margin: 0px 0px 2px 0px; 
	background: #1B3D5A;
	}
	
label { 
	font-size: .9em;
	}

table.menu_table {
	border: 0px solid orange;
	height: 30px;
}

#photowrap {
	float: left;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	background: white;
	height: 110px;
	border: 1px solid white;
}
/*---------------------------------
First Column
---------------------------------*/

#column1 
{
	float: left;
	width: 200px;
	height: 100%;
	margin: 10px 0px 3px 5px;
	padding: 0px;
	border: 0px solid red;
}

#column1h2
{	
	float: left;
	margin: 0px 20px 0px 0px; /*5px 20px 10px 0px;*/
	padding: 6px 6px 0px 10px;
	color: white;
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	background-color: #990000;
	border: 1px #999999 solid;
	/*position: relative;
	z-index: 1;
	top: -10px;
	left: -5px;*/
	}
/*---------------------------------
Left Column
---------------------------------*/
#left 
{
	float: left;
	width: 175px;
	height: 100%;
	margin: 0px 0px 3px 5px;
	padding: 0px 3px 3px 3px;
	border: 0px solid orange;
	background: white;
	/*position: relative;
	z-index: 0;
	top: -35px;
	display:block;*/
	}

	/**/
/*html>body #left {
	height: 100%;
	width: 175px; /* ie5win fudge ends 
	}
*/
	
/*#left h2
{
	margin: -10px 20px 10px 0px;
	padding: 0px 5px;
	color: white;
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	background-color: #1B3D5A; 
	border: 1px solid green;
	}*/

#left p {
	color: #3c3c3c;
	padding: 5px;
	font-size: 12px;
	line-height: 15px;
	margin-top: 0;
	margin-bottom: 0;
	}

#left ul { 
	list-style-type: none;
	color: #3c3c3c;
	list-style-position: inside;
	text-indent: -15px;
	font-size: small;
	margin: 5px 0px 5px 20px;
	padding: 3px;
}

#left ul li {
	list-style-type: square;
}

#left h3 {
	color: #3c3c3c;
	margin: 0px;
	padding: 0px 5px;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	}

/*---------------------------------
Second Column
---------------------------------*/
#column2 
{
	float: left;
	width: 540px;
	height: 100%;
	margin: 10px 0px 3px 10px;
	padding: 0px;
	border: 0px solid red;
}

#column2h2
{
	margin: 0px 150px 0px 0px; /*5px 150px 10px 0px;*/
	padding: 6px 6px 0px 10px;
	color: #333333;
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	background-color: #FFFFCC;
	border: 1px #999999 solid;
	/*position: relative;
	z-index: +10;
	top: -10px;
	left: -5px;*/
	}

#column2_interior {
	float: left;
	width: 520px;
	height: 100%;
	margin: 0px 5px 5px 5px;
	padding: 0px;
	border: 0px solid red;
	background: white;
	/*position: relative;
	z-index: +5;
	top: -35px;*/
	}

#column2_interior p
{
	margin: 3px 0px 0px 0px;
	padding: 5px;
	}


/*---------------------------------
Middle Column (inside 2nd column)
---------------------------------*/

#middle
{
	float:left;
	height: 100%;
	margin: 3px 0px 0px 0px;
	padding: 3px 0px 0px 10px;
	border: 0px #c30000 solid;
	width: 160px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 160px;
	position: relative;}

html>body #middle {
	height: 100%;
	width: 160px; /* ie5win fudge ends */
	}
	
	
button { height: 14px;
}
/*---------------------------------
Right Column (inside 2nd column)
---------------------------------*/

#right {
	float: right;
	height: 100%;
	margin: 3px 3px 3px 0px;
	padding: 3px 5px 5px 0px;
	background: white;
	width: 320px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 320px;
	color: #3c3c3c;
	position: relative;}

html>body #right {
	height: 100%;
	width: 320px; /* ie5win fudge ends */
	}

	


/*---------------------------------
 Footer 
---------------------------------*/

#footerwrap {
	float: left;
	width: 100%;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	border: 0px solid yellow;
	background-color: #006699;
	/*height: 25px;  ie5win fudge begins 
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 25px;
	vertical-align: +5px;
	}
		
html>body #footerwrap {
	height: 25px; ie5win fudge ends */
	}
	
#footer {
	color: white; 
	margin: 2px 0px 0px 0px; 
	padding: 0px; 
	line-height: normal; 
	font-size: 14px; 
	font-weight: normal;
	text-align: center;
	}
	
#footer p { 
	color: white;
	margin: 5px 3px 5px 3px; 
	padding: 0; 
	line-height: normal; 
	font-size: 12px; 
	font-weight: normal; 
	}

#footer a {
	text-decoration: none;
	color: white;
	outline: none;
	font-weight: normal;}

#footer a:link {
	color:  white;
	outline: none;
	font-weight: normal;}
	
#footer a:visited {
	color:  #ccc;
	font-weight: normal;
	}
#footer a:active {
	color:  #ccc;
	font-weight: normal;
	}

#footer a:hover {
	color: #ccc;
	text-decoration: underline;
	font-weight: normal;
	}

/*---------------------------------
 Tooltip
---------------------------------*/

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #1B3D5A;
padding: 5px;
background-color: #f1f1f1;
visibility: hidden;
z-index: 100;
color: #000000;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

/*---------------------------------
Single column
---------------------------------*/

#single_column {
width: 500px;
padding: 10px 5px 5px 10px;
margin: 0px 3px 3px 5px;
}

/*---------------------------------
Entry Formatting - Classes
---------------------------------*/

#classes {
	width: 150px;
	margin: 3px 0px 3px 0px;
	padding: 3px;
	border: 1px #b2c6b0 solid;
    background-color: #f1f3ee;}

#class_full {
	width: 320px;
	margin: 3px 0px 3px 0px;
	padding: 3px;
	border: 1px #b2c6b0 solid;
    background-color: #f1f3ee;}

.title {
color: #990000;
font-weight: bold;
font-size: 16px;
line-height: 16px;
}

.title_small {
color: #990000;
font-weight: bold;
font-size: 12px;
line-height: 14px;
}

.date {
color: #666666;
font-weight: bold;
font-size: 10px;
font-weight: normal;
}

.host {

font-weight: normal;
font-size: 14px;
line-height: 16px;
color: #006699;}

.guest {
font-weight: bold;
font-size: 12px;
line-height: 13px;
}

/*---------------------------------
Forms Formatting - Expand / Contract
---------------------------------*/

.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: left;
margin-top: 4px;
margin-left: 3px;
}

.headers{
width: 400px;
font-weight: bold;
border: 1px solid black;
line-height: 20px;
margin-left:30px;
}

.switchcontent{
width: 400px;
border-top-width: 0;
margin-left:40px;
}

.boxheaders{
width: 400px;
font-weight: bold;
border: 1px solid black;
background-color: lightyellow;
line-height: 20px;
}
.boxcontent{
width: 400px;
border: 1px solid black;
border-top-width: 0;
}

.boxcontent p{
padding: 5px;
}