/*
Define fonts and sizes for <p>, <li>, <ul>, <ol> and also for a class called ".text", all equivalent to the font and size set for "body".
These, in addition to the styles that he usually includes for h1, h2, etc... are used when the user or event manager edits session decriptions 
using the WYSIWYG editor. ".text" allows us to set a default font and size for the content area that matches what the WYSIWYG will display by 
default (which is based on "body")
*/


body {
  margin: 0px;
  padding: 0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333;
}

/*------------------------------------------GENERIC DESIGN OPTIONS---------------------*/
/*-------------------------------------------------------------------------------------*/

/* --Page background image and color --*/
	body{background:#E2E2DA;}
/*--Title bar background image/color and font style --*/
	.title_bar{	background: url(images/header_bg.jpg); color: #fff;}
/*--Header colors --*/
	h1, .head1 {color: #000;}
	h2, .head2 {color: #000;}
	h3, .head3 {color: #000;}
	h4, h5, h6, .head4 {color: #000;}
/*--Link colors --*/
	a:link, a:visited, a:active{color:#00f;}
	a:hover{color:#f0f;}
/*--Sidebar link color--*/
	#sidebar a:link, #menu a:visited{color: #fff;}
/*--Sidebar active link color--*/
	#active a:link, #active a:visited{background: #004579;}
/*--Sidebar link roll-over color--*/
	#sidebar a:hover{background-color: #4A8EBB; color: #fff;}
/*--Cart table colors --*/
	div.cart_table table {background-color: #ffffff; font-size: 12px;}
	div.cart_table table tr.row_title td {background-color: #4A8EBB; color: #FFFFFF;}
	div.cart_table table tr.row_odd td {background-color: #CCDFEC; color:#000000}
	div.cart_table table tr.row_even td {background-color: #ffffff; color:#000000}
	div.cart_table table tr.row_total td {background-color: #4A8EBB; color: #FFFFFF;}
	div.cart_table table tr.row_bottom td {background-color: #4A8EBB; color: #000000;}
/*--Checkout table colors --*/
	div.checkout_form { margin-left: 85px; }
	div.checkout_form table {background-color: #ffffff;}
	div.checkout_form table td.col_label {font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color: #00457A; color: #FFFFFF; font-weight: bold; text-align: right; padding-right:5px;}
	div.checkout_form table td.col_label_req {font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color: #4A8EBB; color: #FFFFFF; font-weight: bold; text-align: right; padding-right:5px; width: 120px;}
	div.checkout_form input, select {background-color: #efefef; color: #000000; border: solid 1px #666666; padding:2px; margin:0px;}
/*--Form button colors--*/
	.button{background: #004579; border:1px solid #111;	color: #fff;}
	.button:hover{background: #4A8EBB; color:#333; border:1px soild #111;}

/*------------------------------------------LAYOUT DIVS---------------------*/
/*--------------------------------------------------------------------------*/

#container{
	width: 920px;
	background: url(images/page_bg.jpg);
	margin: 0 auto;
	text-align: center;
}
#content {
  background: url(images/footer_bg.gif) bottom left no-repeat;
  width: 900px;
  min-height: 165px;
  margin:auto;
  padding-bottom:70px;
  text-align: left;
}
#sidebar {
  width: 200px;
  float:right;
  background:#004579;
  margin:10px 40px 0px 0px;
  display: inline;
}
#sidebar img {display: block} /*----THANKS IE!----*/
#text{
	width: 543px;
	float: left;
	margin: 10px 0px 10px 40px;
	display: inline;
}
#footer {
	width:920px;
	margin:auto;
	background: #E2E2DA;
	text-align:center;
	font-size:10px;
}

/*------------------------------------------CLASSES/DEFINITIONS---------------------*/
/*----------------------------------------------------------------------------------*/

.clear{clear:both}
.smalltext {
  font-size: 10px;
  color: #000;
}
h1, .head1, h2, .head2, h3, .head3,h4, h5, h6, .head4 {
  font-family:Arial, Helvetica, sans-serif; 
  font-weight: bold;
}
h1, .head1 {font-size: 19px;}
h2, .head2 {font-size: 17px;}
h3, .head3 {font-size: 15px;}
h4, h5, h6, .head4 {font-size: 13px;}
a:link, a:visited, a:active{text-decoration:underline;}
a:hover{text-decoration:none;}
.button{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 2px;
   _width:0; 
   _overflow: visible;
}
.title_bar{
	text-align: left;
	padding:5px;
	margin-bottom:10px;
	width: 540px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}
#sidebar ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar a{
	display: block;
	font-size:11px;
	padding: 5px 10px;
	width: 180px;
}
#sidebar a:link, #menu a:visited{text-decoration: none;}

/*------------------------------------------SESSION DISPLAY CSS---------------------*/
/*----------------------------------------------------------------------------------*/

.session-entry {
	padding: 5px 5px 7px 5px;
	margin: 5px 0 5px 0;
	border-bottom: 1px dashed #CCC;
	}
	.session-name {
		display: block;
		font-weight: bold;
		}
		.session-name a {
			text-decoration: none;
			color: #000;
			}
		.session-name a:hover {
			text-decoration: underline;
			color: #000;
			}
	.session-datetime {
		display: block;
		color: #666;
		font-size: 11px;
		}
	.session-summary {
		padding: 5px 0 0 0;
		margin: 0;
		}
	.session-description {
		border: 1px solid #CCC;
		background-color: #EFEFEF;
		padding: 5px;
		margin: 10px 0 10px 0;
		}
		.session-description p {
			margin-bottom: 0;
			}
		.session-description > p:first-child {
			margin-top: 0;
			}

	.session-button {
		display: inline-block;
		font-size: 10px;
		padding: 3px 4px;
		margin: 5px 5px 5px 0;
		border: 1px solid #111;
		color: #FFF !important;
		text-decoration: none !important;
		background-color: #004579;
		}
		.session-button:hover {
			color: #FFF !important;
			text-decoration: none !important;
			background-color: #4A8EBB;
			}

	.session-group {
		border: 1px solid #CCC;
		margin-bottom: 15px;
		padding: 0 5px 5px 5px;
		}


.series-summary {
	background-color: #DEDEDE;
	margin: 8px 3px 5px 3px;
	}
	h3.series-title {
		font-size: 16px;
		margin: 0;
		padding: 5px 3px 3px 5px;
		color: #FFF;
		background-color: #00ABD7;
		}
	p.series-description {
		padding: 3px;
		margin: 0;
		}
		
		

#categories {
	text-align: center;
	font-size: 14px;
	color: #4A8EBB;
	line-height: 20px;
	}
	#categories a {
		color: #004579;
		background-color: #FFF;
		padding: 2px 4px;
		text-decoration: none;
		}
	#categories a:hover {
		background-color: #4A8EBB;
		color: #FFF;
		}

.top-link {
	color: #AAA !important;
	font-size: 10px;
	position: relative;
	bottom: 2px;
	left: 3px;
	text-decoration: none !important;
	}

/* UTILITY CLASSES */
.nopadding { padding: 0 !important; }
.nomargin  { margin:  0 !important; }
.noborder  { border:  0 !important; }

/* REGISTRATION TABLE (name, address, etc.) */
#registrant {
	}

/* "Click here if credit card is different than shipping information" */
#ccsame_label {
	display: block;
	margin: 10px 2px;
	padding: 5px 5px 5px 26px;
	font-size: 11px;
	border: 1px solid #CCC;
	background-color: #EFEFEF;
	width: 345px;
	}
#ccsame_label:hover {
	border: 1px solid #33F;
	background-color: #DDF;
	}
#ccsame_label:active {
	border: 1px solid #F00;
	}
	#ccsame {
		float: left;
		margin: 1px 0 0 -19px;
		padding: 0;
		border: 0;
		width: 13px;
		height: 13px;
		}
	#ccsame_text {
		display: block;
		}


