/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }   

html 	{ text-align : center;}

body { 
position : relative; 
width : 864px; 
margin : 0 auto; 
text-align : left; }

div#content { 
position : relative; 
width : 100%; 
}
		  
#content_left {
position: absolute;
top: 0;
width: 269px;
height:810px;                           
background-image: url(../images/left-half-circle.gif);
background-repeat: no-repeat;
background-position: right;
z-index: 2000; 
}

#content_left #left-bar {
position: absolute;
top: 0;
left: 0; 
width: 117px;
background-color: #BF7315; 
min-height: 810px;/* set here min height  */
height: auto !important;/* overwrite the height */
height: 810px;/* this is also the min height for IE */                        
}

#top_bar_with_icons {
position: relative;
width: 100%;
background-color: #6f85a4;
min-height: 62px;/* set here min height  */
height: auto !important;/* overwrite the height */
height: 62px;/* this is also the min height for IE */
}

#icon-nav {
		width: 100%;
}

#icon-nav ul {list-style-type: none; text-align: center; margin: 0; padding: 0 0 0 20px; text-indent: 0em; text-decoration: none;  }

#icon-nav li {
    list-style-type: none;
    display: inline;
    margin: 0; padding: 0; padding-left: 20px; padding-right: 30px; float: left;
}

#icon-nav li a {
	background:url("../images/topbanner/top-banner-icons.png");
	background-repeat: no-repeat;
	display: block;	  
	height:58px;	 
	text-indent: -9999px;
	overflow: hidden;	 
}

#icon-nav li a.video {
	left: 0;
	width: 150px;
	height:59px;
	background-position:0 0; 
}

#icon-nav li a:hover.video {
	left: 0;
	width: 150px;
	height:59px;
	background-position:0 -62px; 
}


#icon-nav li a.flex { 
	left: 150px;
	width: 150px;
	height:59px; 	
	background-position:-150px 0; 

}

#icon-nav li a:hover.flex { 
	left: 150px;
	width: 150px;
	height:59px; 	
	background-position:-150px -62px; 

}

#icon-nav li a.buybook { 
	left: 300px;
	width: 150px;
	height:59px;	
	background-position:-300px 0; 
}

#icon-nav li a:hover.buybook { 
	left: 300px;
	width: 150px;
	height:59px;	
	background-position:-300px -62px; 
}

#icon-nav li a.classes-webinar { 
	left: 450px;
	width: 150px;
	height:59px;	
	background-position:-450px 0; 
}

#icon-nav li a:hover.classes-webinar { 
	left: 450px;
	width: 150px;
	height:59px;	
	background-position:-450px -62px; 
}


#top_bar {
position: relative;
width: 100%;
background-color: #6f85a4;
min-height: 43px;/* set here min height  */
height: auto !important;/* overwrite the height */
height: 43px;/* this is also the min height for IE */                      
}

/*z index is higher than the flash bar so we can see it */
#fash-component {
position:absolute;
left: 175px;
top: 0px;
z-index: 10;
}

#title-box {
position: relative;
width: 100%;
background-color: #889700;
min-height: 421px;/* set here min height  */
height: auto !important;/* overwrite the height */
height: 421px;/* this is also the min height for IE */      
}

/* =interior page styles */
/* right column, main content area */
div#content_main {
left : 22%; 
width : 78%; 
 }
 
/* left column, menu area*/    
div#content_sub { 
left : 0;  
width : 22%; }

div#content_main div#main_content {
min-height: 421px;/* set here min height  */
height: auto !important;/* overwrite the height */
height: 421px;/* this is also the min height for IE */
padding-bottom: 5%;
}

div#content_main div#title-bar {
height:165px;	
background-color:#889700;
}

#bottom_bar {
position: relative;
width: 100%;
min-height: 43px;/* set here min height  */
height: auto !important;/* overwrite the height */
height: 43px;/* this is also the min height for IE */
z-index : 1;                      
} 

#bottom_bar_2 {
position: relative;
width: 100%;
background-color: #6f85a4;
min-height: 43px;/* set here min height  */
height: auto !important;/* overwrite the height */
height: 43px;/* this is also the min height for IE */
z-index: 2010; 
/*margin-top:5px;*/
}

div#top_bar, div#bottom_bar { width : 100%; }

/* =si_clear_children */
.pc,.sc { position : absolute; top: 0; left: 0; }
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */


#formStack {

}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 800px;
  max-width: 800px;
  width: 800px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  /*border-color: #000;
  border-width: 1px;
  border-style: solid;
  */
  padding: 1px;        /* padding in fieldset support spotty in IE */
  margin: 5% 20% 0 5%;

}

form fieldset legend {
	font-size:1.1em; 	  /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	font-size: 80%;
	font-weight: bold;
	color: #0078B5;
}

form .text {
	font-size: 80%;
	color: #0078B5;
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	border-color: #87ceeb;
	border-style: solid;
	border-width: 1px;
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

form input#submit {
	background-color: #889700;
	color:#FFFFFF;
	border-color: #889700;
	padding: 1% 3% 1% 3%;
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

form .button {
background: url(../images/form_submit_button_up.gif) no-repeat left;
width:144px;
height: 35px;
color: #FFFFFF;
background-color: #FFFDDA;
border:none;
font-weight: bold;
padding-bottom:1%;
}

form .button:hover {
background:  url(../images/form_submit_button_down.gif)  no-repeat left;
width:144px;
height: 35px;
color: #FFFFFF;
background-color: #FFFDDA;
border:none;
font-weight: bold;
padding-bottom:1%;
}

.clear  {
    height:0px;
    line-height:0px;
    font-size:0px;
    margin:0;
    padding:0;
    clear:both;
    border:0;
    }
	 

div#signup-dialog div#newsletter-register ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p 
{ margin : 0; padding : 0; }


div#signup-dialog div#newletter-register form#register-form {
		
}

div#signup-dialog div#newletter-register from#register-form table#register {
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 500px;
  width: 50%; 
	}


/*** forum styles ***/

.submit_btns  {
    float: left;
}


#footer img {
    visibility: hidden;
}

/*** end forum styles ***/