#overall
{
	width: 953px;
	padding:0px;
	margin: 0px auto;
	background-color: #ffffff;	
	}
#header
{
	margin: 0px;
	width: 953px;
	padding: 0px;
	border: 0px dashed red;	
	height: 43px;	
	text-align: left;
	background-color:#ffffff;	
}
#header-image
{
	width: 100%;
	margin: 0px;
	padding:0px;
	text-align: left;
}
#header-image-content
{
	width: 953px;
	height:162px;	
	margin: 0px;
	padding:0px;
}
#header-image-print
{
	display: none;
}

#header-left
{
	float: left;
	text-align: left;
	position:relative;
	margin-left: 6px;
	margin-top: 3px;
	top:10px;
}
#content-container
{
	text-align: left;
	padding: 3px;
	padding-left: 0px;
}

#left-content
{
	float: left;
	margin: 3px;
	padding-right: 8px;	
	}
.header-right
{
    position:relative;
	float: right;
	margin-right: 6px;
	margin-top: 3px;
	font-size: 90%;
	top:13px;
}
#header-right
{
	float: right;
	margin-right: 6px;
	margin-top: 3px;
	font-size: 90%;
	
}


#right-content
{
	float: right;
	text-align: right;
	margin-right: 3px;
	margin-left: 8px;
	margin-top: 1px;
}
#right-content-quote
{
	float: right;
	width: 200px;
	text-align: right;
	margin-right: 3px;
	margin-left: 8px;
	margin-top: 1px;
	border: 0px black solid;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color: #517a44;
	padding-right: 4px;
	padding-left: 12px;
	padding-bottom: 10px;
	padding-top: 6px;
}


#right-content-quoteb
{
	float: right;
	width: 280px;
	text-align: right;
	margin-right: 3px;
	margin-left: 8px;
	margin-top: 1px;
	border: 0px black solid;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	color: #c98000;
	padding-right: 4px;
	padding-left: 12px;
	padding-bottom: 10px;
	padding-top: 6px;
}
#right-date
{
	float: right;
	text-align: right;
	margin-right: 3px;
	margin-left: 8px;
	margin-top: 1px;
	position: relative;
	top: -18px;
	right: 5px;
}

#clear
{
	clear: both;
}
	
#main
{
	
	padding: 0px;
	margin: 0px;
	text-align: center;	
}

#maina
{
	
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -18px;
	text-align: center;	
    height: 180px;
}

#left
{
	width: 168px;
	left:0px;
	top:0px;
	padding: 0px;
	text-align: left;
	float: left;
	border-left: 0px solid #4e4e4e;
	border-bottom: 1px solid #9d9d9d;
	background-color: #eeeeee;
	margin-left: 1px;
	margin: 0px;
}

#middle
{
	width: 562px;
	float:left;
	padding: 6px;
	padding-left: 10px;
	text-align: left;
	border-left: 1px solid #9d9d9d;
	border-right: 1px solid #9d9d9d;
	background-color: #FFFFFF;
	margin: 0px;
	top: 1px;
	position: relative;
	color: #585d4d;
	font-size: 80%;
}

#middle-wide
{
	width: 710px;
	float:left;
	background:#ffffff;
	padding: 6px;
	padding-left: 12px;
	padding-right: 20px;
	margin: 0px;
	text-align: left;
	top: 0px;
	position: relative;	
	font-size: 80%;
}

#full
{
	width: 910px;
	padding: 6px;
	margin: 0px;
	text-align: left;
	font-size: 80%;
}
#fulla
{
	width: 910px;
	padding: 6px;
	margin: 0px;
	text-align: center;
	font-size: 80%;
}


#login
{
	width: 268px;
	left:0px;
	top:0px;
	padding: 10px;
	text-align: left;
	border: 1px solid #9d9d9d;
	background-color: #eeeeee;
	margin: 10px;
}

#right
{
	width: 204px;
	float: right;
	border-right: 0px solid #4e4e4e;
	border-bottom: 1px solid #9d9d9d;
	margin: 0px;
	padding: 0px;
	top: 0px;
	position: relative;	
	min-height: 100%;
}

#right-section
{
	width: 203px;
	float: left;
	position: relative;		
	left: 0px;
	top: 0px;
	padding: 0px;
	padding-top: 10px;
	margin: 0px;	
	border-left: 1px solid #9d9d9d;
	background-color: #eeeeee;	
}


#header-news
{
	margin: 0px;
	position: relative;
	height: 20px;	
	background-color: #3c566c;	
	text-align: right;
	padding-right: 5px;
	padding-bottom: 5px;
	background-image: url(../images/heada.gif) ;
	border-left: 1px solid #9d9d9d;
}

#groupc
{
	width: 197px;
	margin: 0px;
	position: relative;
	height: 20px;	
	background-color: #3d709c;	
	text-align: left;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: 1px solid #9d9d9d;
	top: -10px;
	background-image: url(../images/headb.gif) ;
}

#groupd
{
	width: 197px;
	margin: 0px;
	position: relative;
	height: 20px;	
	border-left: 1px solid #9d9d9d;
	background-color: #3f8bcc;	
	text-align: left;
	padding-left: 5px;
	padding-bottom: 5px;
	top: -10px;	
	background-image: url(../images/headc.gif) ;
}



#footer
{	
	clear: both;
	width: 100%;
	border:0px dashed blue;
	text-align: left;
	min-height: 63px;
	bottom: 0px;
	margin: 0px;
	top: 2px;
	left: 0px;
	padding: 0px;
	position: relative;	
	background-image: url(../images/footer.jpg) ;
}

#footer-left, #left-nav
{
	float: left;
	text-align: left;
	padding-left: 10px;
	top: 8px;
	position: relative	
}
#left-nav
{
    top: 0px;
}
#footer-right, #right-nav
{
	float: right;
	text-align: right;
	padding-right: 6px;
}
#video
{
    text-align: center;
    border: 0px red solid;
 }

#topic-nav
{
    position: relative;
    width:100%;
    border: 0px red solid;
}

.left-float 
{
	float: left;
	margin: 0px;
	margin-right: 4px;
	padding: 0px;
	top: 0px;
	position: relative;	
	min-height: 100%;
	font-size: 90%;
}


.cal-container-a,  .cal-container-b, .cal-container-c
{
	float: left;
	margin: 0px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 8px;
	padding-top: 15px;
	padding-bottom: 18px;	
	border-right: 1px solid #aabecc;
	border-left: 1px solid #aabecc;
	top: 0px;
	position: relative;	
	min-height: 100%;
	background-color: #f1f1f1;
	width: 100%;
}
.cal-container-a
{

    background-color: #f1f1f1;
	border-bottom: 1px solid #aabecc;
	border-top: 1px solid #aabecc;
}
.cal-container-b
{
	background-color: #fbfbfb;
	border-bottom: 1px solid #aabecc;

}
.cal-container-c
{
	background-color: #f1f1f1;
	border-bottom: 1px solid #aabecc;
}

#menucase ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;font:bold 14px Helvetica, Verdana, Arial, sans-serif;line-height:175%;width:200px; position: absolute; left:420px; top: -3px; list-style: none;}
#menucase ul.vert-one li{margin:0;padding:0;border-top:0px solid #4D0000;border-bottom:1px solid #8bb897;float: left; position: relative; left: -38px;}
#menucase ul.vert-one li a{display:block;text-decoration:none;color:#fff;background:#4781a6;padding:0 0 0 20px;width:150px;}
#menucase ul.vert-one li a:hover{background:#8bb897 url("../images/vert-two_arrow.gif") no-repeat 0 9px;}
#menucase ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#9c0001 url("../images/vert-one_arrow.gif") no-repeat 0 9px;}



li ul.menu { /* second-level lists */
	display: none;
	position: relative;
	top: 0;
	left: 0px;
}

li>ul.menu { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul.menu, li.over ul.menu { /* lists nested under hovered list items */
	display: block;
}

#content {
	clear: left;
}


#events
{
	width: 670px;
	left:0px;
	top:0px;
	padding: 10px;
	text-align: left;
	border: 1px solid #9d9d9d;
	background-color: #eeeeee;
	margin: 0px;
}
#event_a
{
	padding: 10px;
	text-align: left;
	border: 1px solid #9d9d9d;
	background-color: #c8d2e6;
	margin: 0px;
}

#event_b
{
	padding: 10px;
	text-align: left;
	border: 1px solid #9d9d9d;
	background-color: #cee6c8;
	margin: 0px;
}

#event_c
{
	padding: 10px;
	text-align: left;
	border: 1px solid #9d9d9d;
	background-color: #e6d8c8;
	margin: 0px;
}

#bottom-main
{
	padding: 0px;
	margin: -8px;
	position: relative;
	border: 0px solid black;

}


/*Start code for bottom two areas for certification and webinars*/

#web-section,#cert-section
{
	border: 0px solid  #000000;
	padding: 0px;
	margin: 0px;
	position: relative;
    width: 710px;	
    float: left;
    left: 5px;
}
#cert-section
{
    float: right;   
}

#web-section-title, #cert-section-title
{
	border: 0px solid  #000000;
	padding: 0px;
	margin: 0px;
	position: relative;
	width: 710px;   	
    height: 35px;
	background-image: url(../images/webinar_header-b.jpg) ;  
	background-repeat: no-repeat;
}
#cert-section-title
{
	background-image: url(../images/cert_header.jpg) ;  
}

#web-section-content
{
	border-left: 1px dotted  #919191;
	border-right: 1px dotted  #919191;
	padding:2px;
	width: 704px;
	position: relative;
	background-color:#e5e5e5;		
}
#web-content-area
{
	border: 0px solid  #000000;
	padding:2px;
	margin: 0px;
	position: relative;
	font-size: 90%;
}
#web-section-footer, #cert-section-footer
{
	border: 0px solid  #000000;
	padding: 0px;
	margin: 0px;
	position: relative;
	width: 710px;  	
    height: 20px;
	background-image: url(../images/webinar_footer-b.jpg) ;  
	background-repeat: no-repeat;
}
#cert-section-footer
{
	background-image: url(../images/cert_footer.jpg) ;  
}

#section-text
{
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
	margin: 0px;
	position: relative;
	color: #ffffff;
	font-size: 80%;
}
.bottom-headers
{
 font-size: 120%;
 font-weight:bold;   
}

/*End code for bottom two areas for certification and webinars*/

/* header menu / pure css dropwdown menus for assess-systems.com nav */

#top-menu{
position:relative;
float:left;
width:60%;
top:13px;
font-size:12pt;
z-index:100;
height:20px;
line-height:20px;
}

#top-menu ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#top-menu li{
float:left;
display:inline;
}

#top-menu li a{
color:#4f83b6;
font-size:80%;
margin:0px;
text-decoration:none;
padding:0px 12px 0px 10px;
background-color:#ffffff;
display:block;
}

#top-menu li a:hover{
color:#00a8ff;
font-size:80%;
}

#top-menu li ul {
position:absolute;
display:none;
padding:0px;
}

#top-menu li ul li{
width:200px;
clear:both;
padding:0px;
margin:0px;
}

#top-menu li:hover ul
{
background-image:url(/_images/arrow-bg.png);
background-repeat:no-repeat;
background-position:top left;
display:block;
}

#top-menu li:hover li a {
margin:0px;
width:155px;
padding:3px 25px 3px 15px;
font-size:75%;
color:#ffffff;
background-color:#122534;
position:relative;
top:18px;
left:2px;
border-bottom:1px solid #29657f;
border-left:1px solid #29657f;
border-right:1px solid #29657f;
display:block;
text-align:left;
} 

#top-menu ul ul li a:hover
{
color:#3aaac8;
background-color:#000000;
font-size:75%;
}


/* begin styles for conferences info scrolling box (styles for the scrollbars and such are in jScrollPane.css) */
#conferences-home{
border:1px solid #dae4eb;
position:relative;
float:left;
width:450px;
background:url(/_images/conf-cert-bg.png) repeat-x top;
}

#conferences-scroll{
width:450px;
margin:0px;
overflow:auto;
height:172px;
padding:0px;
background-color:#ffffff;
}

a.conferences-scroll{ /*styles for upcoming events info links*/
position:relative;
float:right;
top:10px;
right:20px;
display:block;
}

a.conferences-scroll:hover{ /*styles for upcoming events info links*/
text-decoration:none;
}

#conferences-scroll p{
margin:0px;
padding:10px 20px 10px 30px;
}

.conferences-bg{
background-color:#e5f8f4;
}


#conferences-scroll strong{
color:#688587;
}

#conferences-home h3{
color:#148d87;
font-size:155%;
margin:10px 0px 10px 30px; 
line-height:20px; 
font-family:"Times New Roman", Times, serif;
}

.conferences-date{
color:#148d87;
}

.certifications-date{
color:#5895b1;
}

.dotted-bottom{
border-bottom:1px dotted #999999;
}

.siop{
background:url(/_images/siop-logo.png) no-repeat;
height:39px;
line-height:39px;
display:block;
width:300px;
padding-left:45px;
}

.hrshow{
background:url(/_images/hrshow-logo.png) no-repeat;
height:39px;
line-height:39px;
display:block;
width:300px;
padding-left:115px;
}

.astd{
background:url(/_images/astd-logo.png) no-repeat;
height:39px;
line-height:39px;
display:block;
width:300px;
padding-left:93px;
}

.shrm{
background:url(/_images/shrm-logo.png) no-repeat;
height:39px;
line-height:39px;
display:block;
width:300px;
padding-left:109px;
}

.hrtechnology{
background:url(/_images/hrtechnology-logo.png) no-repeat;
height:39px;
line-height:39px;
display:block;
width:300px;
padding-left:115px;
}

.od{
background:url(/_images/od-logo.png) no-repeat;
height:39px;
line-height:39px;
display:block;
width:300px;
padding-left:49px;
}

/* end styles for conferences info scrolling box */

/* begin styles for training / certifications info scrolling box */

#training-cert-info{ /*styles for upcoming events info*/
border:1px solid #dae4eb;
position:relative;
float:left;
margin-left:25px;
width:450px;
background:url(/_images/conf-cert-bg.png) repeat-x top;
}

#training-cert-info-scroll{
width:450px;
margin:0px;
overflow:auto;
height:172px;
padding:0px;
background-color:#ffffff;
}

#training-cert-info p{ /*styles for upcoming events info*/
margin:0px;
padding:10px 0px 10px 30px;
}

a.training-cert-info{ /*styles for upcoming events info links*/
position:relative;
float:right;
top:0px;
right:20px;
display:block;
}

a.training-cert-info:hover{ /*styles for upcoming events info links*/
text-decoration:none;
}

.rss{
position:relative;
float:right;
top:8px;
right:22px;
width:23px;
height:22px;
}

a.rss-link{ /*styles for upcoming events info links*/
text-decoration:none;
background-color:transparent;
width:23px;
height:22px;
}

a.rss-link:hover{ /*styles for upcoming events info links*/
text-decoration:none;
background-color:transparent;
}

.training-cert-bg{
background-color:#e5f4f9;
}

#training-cert-info strong{
color:#5e7b95;
}

#training-cert-info h3{ /* heading style for register title on homepage */
color:#5895b1; 
font-size:155%;
margin:10px 0px 10px 30px; 
line-height:20px; 
font-family:"Times New Roman", Times, serif;
}

/******************** end main positioning styles for homepage */

#date-container
{
    position: relative;
    text-align: left;
    font-size: 75%;
}

#larger-padding
{
    padding-top:20px;
}