@charset "UTF-8";
/* CSS Document */

/* -------------------- BASIC TAG ALTERATIONS -------------------- */
html {
	margin:0px;
	padding:0px;
}

body {
	font-family:Tahoma, Arial,  Helvetica, sans-serif;
	color:#000;
	background-color:#c7c9cb;
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:78%;
}
img {
	font-size:1px;
	overflow:hidden; 
	vertical-align:bottom;
}
a img {
	border:none;
}
a {
	color:#00456B;
	text-decoration:none;
}
ol, ul {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 25px;
}
li {
	font-size:90%;
	font-weight:normal;
	color:#333;
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	margin:0px;
}
ul ul, ul ol, ol ol, ol ul {
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 25px;
	list-style-type:disc;
}
ul ul li, ul ol li, ol ol li, ol ul li {
	margin:0px 0px 5px 0px;
	padding:0px;
}
h1 {
	font-size:120%;
	font-weight:bold;
	line-height:125%;
	margin:0px;
	padding:0px 0px 7px 0px;
	color:#4C4C4C;
}
h2 {
	font-size:110%;
	line-height:125%;
	margin:0px;
	padding:10px 0px 3px 0px;
	font-weight:bold;
	color:#214579;
}
h3 {
	font-size:110%;
	margin:0px;
	padding:3px 0px 3px 0px;
	font-weight:normal;
	color:#4C4C4C;
}
h4 {
	font-size:100%;
	margin:0px;
	padding:7px 0px 15px 0px;
	font-weight:bold;
	color:#4C4C4C;
}
h5 {
	font-size:90%;
	margin:0px;
	padding:7px 0px 0px;
	font-weight:bold;
}
h6 {
	font-size:90%;
	margin:0px;
	padding:0px 0px 7px;
}
p {
	font-size:100%;
	font-weight:normal;
	line-height:130%;
	color:#000;
	padding:0px 0px 10px 0px;
	margin:0px;
}

/* EO2 STYLES ------------------------------------------------------------------------------------------------------------ */


/*------------------------------------------LAYOUT DIVS---------------------*/
/*These are completely up to you... use your own layout divs if you want to */
/*-- see styles for menus below.. these are built assuming they are in the  */
/*-- sidebar DIV... so if you change that, change them too                  */
/*--------------------------------------------------------------------------*/

#container{
	width: 800px;
	margin: 0 auto 30px auto;
	}

#header {
	background: #fff;
	width: 800px;
	height: 100px;
	}

#content {
	width: 962px;
	}

#sidebar {
	width: 265px;
	float: right;
	margin: 0px 50px 5px 0px;
	padding-top:20px;
	background-color:#eaebec;
	}

#main{
	width: 485px;
	float:left; 
	margin: 0px 0px 5px 120px;
	}

#footer {
	width: 780px;
	margin: auto;
	text-align: center;
	padding: 10px;
	border-top: 1px solid #999;
	font-size: 10px;
	background: #fff;
	}

#header img {
	display: block;
	}
	
.clear{
	clear: both
	}

/*-------------------------GENERIC DESIGN OPTIONS for WYSIWYG -------------------------*/
/*You have to define these so that when people style content with the WYISWYG, it works*/
/*also, some common definitions needed by all designs, like <a> link colors            */
/*-------------------------------------------------------------------------------------*/

p, .text, .smalltext, h1, .head1, h2, .head2, h3, .head3,h4, h5, h6, .head4, ol, ul, li {
  color: #000;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin:0px 0px 5px 0px;
}

div.text, div.smalltext, div.head1, div.head2, div.head3, div.head4 {
  margin:0px;
}

.smalltext{
   color: #000;
   font-size: 10px;
}

h1, .head1, h2, .head2, h3, .head3,h4, h5, h6, .head4 {
  font-weight: bold;
}

h1, .head1 {
   color: #646464;
   font-size: 19px;
}
h2, .head2 {
   color: #646464;
   font-size: 17px;
}
h3, .head3 {
   color: #646464;
   font-size: 15px;
}
h4, h5, h6, .head4 {
   color: #646464;
   font-size: 13px;
}

a:link, a:visited, a:active{color:#646464;text-decoration:underline;}
a:hover{color:#4C4C4C;text-decoration:none;}

/*----------------------------------EO2 SITE CLASSES--------------------------------*/
/*Define these classes and IDs to control the look of reg site content generated by */
/*Carl's PHP programming... lists of webinars, shopping cart, checkout forms, etc.  */
/*--------------------------------------------------------------------------------- */

/* -------- series .. may contain a list of sessions ----------*/
div.series{
   border:dotted 1px #666;
   padding:5px;
   margin-bottom: 5px;
}

div.series_title {
   color: #eeb211;
   font-size: 17px;
   font-weight: bold;
   border-bottom:dotted 1px #666;
}

div.series_summary{
   font-size:12px;
   font-weight: normal;
   padding:3px 0px;
}

/* ------------------- session listings ------------------- */
div.session_list{
	padding:0px 0px;
}

div.session{
	margin:-5px 0px 10px 0px;
	padding-bottom:10px;
	border-bottom:1px dotted #666;
}

div.solo_session_title {
   color:#e89e00;
   font-size:16px;
   font-weight:bold;
}

div.session_title{
   font-size:14px;
   font-weight:bold;
   margin-top:20px;
}

.session_datetime{
	font-style:italic;
	margin-top:3px;
}

div.session_summary{
   padding:5px 0px;
}

.session_buttons{
	padding:5px 0px;
}

/*--title bars used for "Upcoming webinars, Archived webianrs, and View Cart, Checkout, etc..--*/
.title_bar{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px;
	font-weight:bold;
	color:#00456A;
	margin-top:15px;
	margin-bottom:3px;
	}

/*--buttons--*/
/*-- Button Styles are in the file round-button.css now --*/

/*--Cart table colors --*/
div.cart_table {background-color:#ffffff; padding:0px; margin:-10px 0px 10px 0px;}
div.cart_table table {background-color:#ffffff;}
div.cart_table table tr.row_title td {background-color:#38698e; color:#ffffff;}
div.cart_table table tr.row_odd td {background-color:#d1d2d3; color:#4C4C4C;}
div.cart_table table tr.row_even td {background-color:#eaebec; color:#4C4C4C;}
div.cart_table table tr.row_total td {background-color:#38698e; color:#ffffff;}
div.cart_table table tr.row_bottom td {background-color:#38698e; color:#fff;}

/*--Checkout table colors --*/
div.roundbox {background-color: #aaa; padding:4px;}
div.checkout_form table {background-color: #ffffff; margin-bottom:10px;}
div.checkout_form table td.col_label {font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#d1d2d3; color:#4C4C4C; font-weight: bold; text-align:right; padding-right:5px;}
td.col_label_req {font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#38698e; color:#ffffff; font-weight:bold; text-align: right; padding-right: 5px;}
div.checkout_form input,select {background-color:#ffffff; color:#4C4C4C; border: solid 1px #666666; padding: 2px; margin: 0px;}

/*sidebar ul li and a are used for menus */
#sidebar ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#sidebar li{
	margin: 0px 0px;
	padding: 0px;
}

#sidebar a{
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 10px;
	margin:0px 0px;
}
#sidebar a:link, #sidebar a:visited{
	color:#00456B;
	text-decoration:none;
}

/*--Sidebar link not current or roll-over--*/
#sidebar a:link, #sidebar a:visited {
	width:265px;
	}
	
/*--Sidebar link roll-over color--*/
#sidebar a:active, #sidebar a:hover {
	background:#38698e;
	color:#fff;
	width:245px;
	}

/*--Sidebar current link color--*/
#sidebar li.current a:link{
	color:#00456B;
	width:245px;
	background-color:#d1d2d3;
	}
#sidebar li.current a:visited{
	color:#00456B;
	width:245px;
	background-color:#d1d2d3;

	}

/* HOME DIV IDs ---------------------------------------------------------------------------------------------------------- */
#outer_universe {
	text-align:left;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:982px;
	vertical-align:top;
	overflow:hidden;
	background-image:url(images/bg.gif);
	background-repeat:repeat-y;
}
#universe {
	text-align:left;
	margin:0px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	width:962px;
	vertical-align:top;
	overflow:hidden;
	background-color:#FFF;
	border:1px none #CCC;
}
#headerbar {
	background-image:url(images/header_home.jpg);
	background-color:#F5E0A5;
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:20px;
	padding-right:10px;
	padding-bottom:20px;
	padding-left:20px;
	float:left;
	width:100%;
	margin-bottom:2px;
}
#logobar {
	float:left;
}

/* MENU ------------------------------------------------------------------------------------------------------------------- */
#menu_container {
	position:relative;
	width:962px;
	/* min-width hack for ie6 */
		min-height:29px;
		height:auto !important;
		height:29px;
	z-index:100;
	text-align:left;
	font-size:87%;
	background-color:#00456B;
	white-space:nowrap;
	clear:both;
}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul, #pmenu li {
	font-size:100%;
	padding:0; 
	margin:0; 
	list-style-type:none;
}

/* Set up the list items */
#pmenu li.topmenu {
	float:left; 
	background-color:#38698E;
	padding:0px;
	margin:0px;
}

/* FOOTER --------------------------------------------------------------------------------------------------------------- */	
#footer_container {
	clear:both;
	margin:0px auto 0px auto;
	color:#00456a;
	width:982px;
	
}
#footer_floatcontainer_bg {
	float:left;
	width:982px;
	background-image:url(images/bg.gif);
	background-repeat:repeat-y;
}
#footer_floatcontainer {
	float:left;
	width:962px;
	padding:0px 10px 20px 10px;
	background-image:url(images/footer_curve.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#footer {
	clear:both;
	margin-top:20px;
	padding-top:15px;
	text-align:center;
	border-top:1px solid #CCC;
	color:#00456a;
}
#footer p {
	color:#00456a;
}
#footer1 {
	width:209px;
	float:left;
	padding-left:120px;
	padding-top:3px;
	color:#00456a;
	}
#footer1 p {
	font-weight:bold;
	color:#00456a;
	font-size:80%;
}
#footer1 a {
	color:#00456a;
}
#footer2 {
	float:left;
	width:152px;
	padding-top:3px;
}
#footer2 p {
	color:#00456a;
	font-size:80%;
	text-align:left;
}
#footer3 {
	float:left;
	width:163px;
	padding-top:3px;
}
#footer3 p {
	color:#00456a;
	font-size:80%;
	text-align:left;
}
#footer4 {
	float:left;
	width:135px;
	padding-top:3px;
}
#footer4 p {
	font-weight:bold;
	text-transform:uppercase;
	color:#00456a;
	font-size:80%;
	text-decoration:none;
	text-align:left;
}
#footer4 a {
	text-decoration:none;
}
#footer5 {
	float:left;
	width:146px;
	padding:3px 0px 5px 0px;
	text-align:right;
}
#footer5 p {
	font-weight:bold;
	text-transform:uppercase;
	color:#00456a;
	font-size:80%;
	text-decoration:none;
	text-align:left;
}
#footer5 a {
	text-decoration:none;
}
#dotted_line {
	background-image:url(images/dot.gif);
	background-repeat:repeat-x;
	background-position:center;
	width:100%;
	clear:both;
}