/* COMMON STYLE
--------------------------------------------------------- */
* { margin:0; padding:0 }

body {
	color: #333333;
	background: #755254;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.7em
}

a {
	color: #666
}

a:hover, a:active, a:focus {
	color: #999;
}

small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
	color: #666666;
	font-size: 92%;
}

ul {
	list-style: none;
}

.article-content ul {

list-style: disc;
margin-left: 14px;

}

#ja-col1 .wrap {

min-height: 350px;

}

hr {
	border-top: 2px solid #d4c9bc;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 2px;
	margin:0 0 15px -10px;
			*margin:0 0 5px -20px
}

img {
	border: none;
}


/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	padding: 3px 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.button {
	padding: 2px 5px;
	border: 1px solid #b9bcb7;
	background: url(../images/grad1.gif);
	color: #eee;
	cursor:pointer;
	font-size: 85%;
	text-transform: uppercase;
}

.button:hover, .button:focus {
	border: 1px solid #b9bcb7;
	background: #5f3a3d;
	color: #FFFFFF;
}


.inputbox {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
	background: #FFFFCC;
}



/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
	background: url(../images/bg.jpg) repeat-x;
	color: #CCCCCC;
	line-height: normal;
	height: 78px;
}

#ja-header {
	position: relative;
	height: 80px;
	width:708px;
	margin:0 auto
}




/* WRAP 
--------------------------------------------------------- */
#ja-containerwrap {
	background: #cae3df url(../images/bg1.jpg) center top;
	padding:20px 0 30px
}
#ja-container {
	width:708px;
	margin:0 auto;
	background: url(../images/bg3.png) no-repeat;
}
#ja-contentwrap {
	min-height: 500px;
	height: auto;
	_height: 300px;
	background: url(../images/bg4.png) no-repeat left bottom;
	margin-bottom:-10px
}



/* CONTENT
--------------------------------------------------------- */
#ja-content {
	width:668px;
	margin:0 auto;
	padding-top:20px;
	 padding-bottom:30px ;
	 color:#4f434b;
	 line-height:1.5em
}
#ja-content h1 { font-size:1.5em }
#ja-content h2, .componentheading,.contentheading { font:italic normal 1.5em Georgia, "Times New Roman", Times, serif;color:#765355; line-height:1.5em; margin-bottom:10px }
#component-contact .contentheading { padding-bottom:10px }
#ja-content h2 span { color:#a2c8cc; font-size:.7em; font-weight: bold;}
#ja-content h3 { font:italic normal 1.1em Georgia, "Times New Roman", Times, serif; color: #a2c8cc; font-weight: bold;}
#ja-content h4 { font:italic normal 1.1em Georgia, "Times New Roman", Times, serif; color: #765355; font-weight: bold; padding-bottom:10px;padding-top:10px}

#ja-content ul.list { color:#765355; font:italic .85em Georgia, "Times New Roman", Times, serif; margin-bottom:50px; line-height:1.8em }
#ja-content blockquote { color:#765355; font:italic .85em Georgia, "Times New Roman", Times, serif }
#ja-content h1,#ja-content h3,#ja-content p,#ja-content ul,#ja-content blockquote { margin-bottom:10px }
#ja-content .article_separator { display:none }
/* COLUMNS*/
#ja-content .pageleft,#ja-col1  {  line-height:1.4em; float:left; color:#765355; font-size:.85em; background:url(../images/bg5.png) no-repeat  }
#ja-content .pageleft .wrap,#ja-col1 .wrap  { width:120px; padding:14px 14px 32px; background:url(../images/bg6.png) no-repeat left bottom; margin-bottom:-10px}
#ja-content  .pageleft h3, #ja-col1 h3 { font:italic normal 1em Georgia, "Times New Roman", Times, serif; margin-bottom:10px }
#ja-content  .pageleft h3.margin0,#ja-col1 h3.margin0 { margin:0 }
#ja-content  .pageleft ul,#ja-col1 ul { margin-bottom:20px }
#ja-content  .pageleft ul li,#ja-col1 ul li  {margin-bottom:3px;background:url(../images/item.png) no-repeat 0 5px; padding-left:7px }

#ja-content .pageright { padding-top:36px; width:410px; float:left; margin: 0 75px 0 35px; }
#ja-content .pageright #h2,#ja-content .pageright p,#ja-content .pageright ul.list  { margin-right:75px }
#ja-content .pageright p.margin0 { margin:0 }

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
	padding: 23px 0 0;
	height:80px;
	color: #fff;
	background:url(../images/bg2.jpg);

}

#footer { width:708px; margin:0 auto 0; background:url(../images/footer.jpg); height:65px; position:relative}
#footer  #barratt a { width:217px; display:block; position:absolute;left:244px; top:3px; height:0; padding-top:20px;background:url(../images/0.png); overflow:hidden; z-index:99; }
#footer #address { display:none }
#footer ul { width:100%; height:20px; position:relative ; top:3px;}
#footer ul a { position:absolute; height:0; display:block; overflow:hidden; padding-top:20px; top:0px ; background:url(../images/0.png) }
#footer ul #press a { width:46px; left:0;}
#footer ul #store a { width:46px; left:53px;}
#footer ul #contact a { width:60px; left:571px;}
#footer ul #calendar a { width:66px; left:641px;}



/* ARTICLES
--------------------------------------------------------- */

/* About */
#ja-content h1#barratbreathworks { overflow:hidden; padding-top:26px; height:0; background: url(../images/barrat.jpg) no-repeat; margin-bottom:30px }

#ja-content .aboutpage { 
	width:440px;
	margin:0 auto;
	/*padding-top:65px;*/
	color:#5b3736;
	font-size:10pt;
	line-height:1.5em
}

/* CE Courses for Healthcare Professionals */
/*
----------------------------------------------------------- */




/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}


.clr {
	clear: both;
}


/* Clearfix */
* html .clearfix { height: 1% }
.clearfix { display: inline-block}
html[xmlns] .clearfix { display: block}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
