/* CSS Document */

/* Image border/ padding*/	
.img-border{
	background-color: #fff;
	border: 1px solid #999;
	margin: 0 1% 0 1%;
	padding: 1px;}
	
/* NOTE 
Previously CSS drop shadows were used for [MOST] images. Images are now styled in accordance with the ".img-border" class above. The drop shadow classes below were modified to match the ".img-border" class. 
 */

/* Image Drop Shadow with left padding*/
.drop-shadowl img{
	float:left;
	clear:left;
	margin: 5px 6px 0 3px !important;
	margin: 5px 6px 0 3px;	
	display: block;

	background-color: #fff;
	border: 1px solid #999;
	padding: 1px;}

/* Drop Shadow with right padding*/	
.drop-shadowr img{
	float:right;
	clear:left;
	margin: 5px 2px 0 6px !important;
	margin: 5px 2px 0 6px;
	display: block;

	background-color: #fff;
	border: 1px solid #999;
	padding: 1px;}		
		
/* Image Drop Shadow Centered*/				  
.drop-shadow img{
	display: block;
	margin: 5px auto 0 auto;
	background-color: #fff;
	border: 1px solid #999;
	padding: 1px;}	


/* Justify for <P> within module-content DIV */
.module-content p{
text-align:justify;}

/* Centers  drop shadow images */
.center  {
 padding-left:25% !important;
 padding:0;
 width:1%;
margin:0 auto 0 auto;
text-align: center;
}


/* Image Caption */
.caption{
font-size:85%;
font-style:italic;
color:#000;
padding: 0 5px 10px 5px;
}


/* Image Padding */
.pad{
margin:0 5px 0 5px;}


.module-abablue{
	* position:static; 
	}
	
	
/** 2 Column, 50/50 Split **/
#left_50 {
	float:left;
    width:49%;}

#right_50 {
	float:right;
    width:49%;}
	
.left_50 {
	float:left;
    width:49%;}

.right_50 {
	float:right;
    width:49%;}

.content-left {float:left;width:100%;}		

.read-more{	color: #0066cc;
	font-style: italic;}
	
/** Dotted HR **/
hr.dashed {
	color: #fff;
	border-width:0 0 1px 0;
	border-style: dashed;
	border-color: #ccc;}	
	
.box-frame {
	height:1%;
	margin:0 0 5px 0;
	clear:both;
	border:#ddd solid 1px; }	
	
.box-tab {	
	clear:both;
	background:#F1F7FF;
	width:50%; 
	margin:0;
	padding:5px; 
	border-width:1px 1px 0 1px; 
	border-color:#ccc;
	border-style:solid;
	font-weight:bold;}
	
.box-content{width:67%;}
.box-image {width:30%;}	
	
.box-left {width:100%;}			
.box-left .box-tab {float:left;}		
.box-left .box-image {float:right;}		
.box-left .box-content{float:left}	
			
.box-right {width:100%;}	
.box-right .box-tab {float:right; }		
.box-right .box-image {float:left;}
.box-right .box-content{float:right;}

.module-content table {
width:90%;
float:left;
clear:right;
border-bottom: #000000 thin solid;
margin:0 90% 2% 1%}
