@import url("common-structure.css");
@import url("common-style.css");

/*-------------------------------------------------------------------------------------------------------*/
/*   STYLE FOR THE LEFT COLUMN ON THE HOMEPAGE                                                           */
/*-------------------------------------------------------------------------------------------------------*/

#left-column {
	width:260px;
	text-align:left;
	background-color:#fff;
	padding-left:5px;
	padding-top:0px;
	}
	
	#left-column h2 {
		margin:0px;
		padding:7px 0px 20px 52px;
		font-weight:bold;
		color:#fff;
		font-size:1.0em;
		}
	
	#left-column ul {
		border:0px;
		margin-left:30px;
		margin-top:0px;
		padding:0px;
		}
	
	#left-column li {	
		display:list-item;
		padding:0px;
		padding-bottom:5px;
		}
	
	#left-column li a:link, #left-column li a:visited {
		margin:0px;
		padding:0px;
		display:inline;
		color:#fff /*3E3E3E*/;
		text-decoration:underline;
		}
	
	#left-column li a:hover, #left-column li a:active {
		color:#fff;
		background-color:#DD8A48;
		text-decoration:none;
		}
	

 /*--- Styles for the orange boxes on the homepage -----------------*/	
	.box {
		width:260px;
		background-color:#dd8a48;
		margin:0px;
		margin-top:10px;
		padding:0px 0px 20px 0px;
		}
	
	.box-content {
		padding:2px 12px 0px 10px;
		}


	.box h2 {
		margin:0px;
		font-size:1.0em;
		font-weight:bold;
		}
		
		h2.working {
			background-image:url("../images/left_working-together.jpg");
			background-repeat:no-repeat;
			background-position:top left;
			}
		h2.news {
			background-image:url("../images/left_news.jpg");
			background-repeat:no-repeat;
			background-position:top left;
			}
		h2.announce {
			background-image:url("../images/left_announce.jpg");
			background-repeat:no-repeat;
			background-position:top left;
			}
			
	.box ul {
		margin:0px;
		margin-left:25px;
		padding:0px;
		}
	
	.box li {
		list-style-type:none;
		padding-bottom:5px;
		text-indent:-0.8em;
		}




/*-------------------------------------------------------------------------------------------------------*/
/*   STYLE FOR THE CONTENT SECTION ON THE HOMEPAGE                                                       */
/*-------------------------------------------------------------------------------------------------------*/

#content {
	margin-left:290px;
	padding-top:10px;
	}


/*-------------------------------------------------------------------------------------------------------*/
/*   STYLE FOR THE GRAY BOXES ON THE HOMEPAGE                                                            */
/*-------------------------------------------------------------------------------------------------------*/


/*---- first, light gray box -----------*/
.welcome-prop {
	height:230px;  /* min height for the box */
    float:right;
    width:1px;
  	}

.welcome-clear {
    clear:right;
    height:1px;
    overflow:hidden;
  	}


.welcome {
	padding:0 0 0 11px;
	margin:0px 0px 10px 0px;
	background:url("../images/welcome-lft.jpg") top left no-repeat;
	zoom:1;
	}
	
	.welcome div.welcome-top {
		background:url("../images/welcome-rt.jpg") top right no-repeat;
		margin:0;
		padding:8px 0 0.5em 0;
		}
		
	.welcome div.welcome-content {
		margin:0 0 0 -11px;
		padding:0 30px 0.5em 15px;
		border:1px solid #c9c8c8;
		border-width:0 1px;
		background-color:#e8e8e8;
		}
		
	.welcome div.welcome-bottom-lft {
		margin:0 0 0 -11px;
		padding:0px;
		padding-left:11px;
		background:url("../images/welcome-lft.jpg") bottom left no-repeat;
		}
		
	.welcome div.welcome-right {
		display:block;
		text-align:right;
		margin:0px;
		padding:0 10px 0px 0;
		background:url("../images/welcome-rt.jpg") bottom right no-repeat;
		}


/*---- second, dark gray box -----------*/

.welcome2-prop {
	height:50px;  /* min height for the box */
    float:right;
    width:1px;
  	}

.welcome2-clear {
    clear:right;
    height:1px;
    overflow:hidden;
  	}
	
.welcome2 {
	padding:0 0 0 11px;
	margin:0px 0px 10px 0px;
	background:url("../images/welcome2-lft.jpg") top left no-repeat;
	zoom:1;
	}
	
	.welcome2 div.welcome2-top {
		background:url("../images/welcome2-rt.jpg") top right no-repeat;
		margin:0;
		padding:8px 0 0.5em 0;
		}
		
	.welcome2 div.welcome2-content {
		margin:0 0 0 -11px;
		padding:0 30px 0.5em 15px;
		border:1px solid #989898;
		border-width:0 1px;
		background-color:#d6d6d6;
		}
		
	.welcome2 div.welcome2-bottom-lft {
		margin:0 0 0 -11px;
		padding:0px;
		padding-left:11px;
		background:url("../images/welcome2-lft.jpg") bottom left no-repeat;
		}
		
	.welcome2 div.welcome2-right {
		display:block;
		text-align:right;
		margin:0px;
		padding:0 10px 0px 0;
		background:url("../images/welcome2-rt.jpg") bottom right no-repeat;
		}