@charset "utf-8";
/*
 * Edit this to include all custom content styles
 */




/** index.html **/

/* left side
   --------- */
.left_content {
  float: left;
  width: 580px;
}
.right_content {
  float: right;
  width: 300px;
}

.left_content h3 {
	clear: both;
	background: #A9C0CE url("corner.gif") no-repeat top right;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}
	.left_side {
		float: left;
		width: 180px;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
		
	.right_side {
		float: right;
		width: 220px;
		background: #FFF url("dotted.gif") repeat-y;
		color: #414141;
		padding: 0 0 0 40px;
		margin: 10px 0;
	}
		
	.left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }
	
		
/* right side
   ---------- */
.right_content h3 {
	background: #6C757A  url("corner.gif") no-repeat top right;;
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

    .right_articles {
        background: #f5f5f5;
        color: #414141;
        padding: 8px;   
        margin: 0 0 3px 0;
    }

    .right_articles .right_links a {
        font-size: 1.1em;
        font-weight: bold;
        line-height: 1.5em;
    }
	
.image {
	float: left;
	margin: 0 9px 3px 0;
}


h3.pTitle,
h3.title {
    
    color: #000;
    background-color: #EEE;
    border-bottom: 1px solid  #CCC;
    
    /*
    color: #FFF;
    background-color: #A9C0CE;
    border-bottom: 1px solid  #999;
    */
    
    clear: both;
    padding: 7px 0 7px 5px;
    font: bold 1em Tahoma, Arial, Sans-Serif;
    margin: 5px 0px;
}