/* CSS Document */

#pictureleft{
	float: left;
	width: 177px;  
	margin-left: 0px; 
	padding: 0px;
	background-color: #CCD3D7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#pictureleft p{ font-size: 75%; color:#990000;
}

#pictureleft #nav {
	border-bottom: none; /* 1px solid #cccccc; */

}

#pictureleft #nav ul {
	padding: 0;
	margin: 0;
	/* background-color: #CCFF00; */ /* transparent */
	list-style-type:none;
	/* when you set this value to none it removes the bullets from the list items*/
	font-size:70%;
	/* border:1px solid #000000; */
	/* this sets the border for all four sides one pixel wide, solid, and black*/
}

/*inline rule lists are moved to a horizontal plane and bullets are dropped*/
#pictureleft #nav ul li {
/*display: inline;*/
	display: block;
	padding: 0;
	margin: 0;
}

#pictureleft #nav ul li a { background-color:#CCD3D7; color: #21536A; 
	display:block; border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc; padding: 2px 0 2px 2px; text-decoration:none; height:1%;
}

/* display block makes links act like buttons - clickable along the length. The height of 1% makes IE behave in this way too*/
/* { background-color:#CCD3D7; border-bottom:1px solid #999999; color:#FFFFFF; display:block; padding: 4px 0 6px 4px; text-decoration:none; height:1%; */

/*focus is for when users use the tab and not the mouse*/
/*#leftcolumn #nav ul li a:hover, #leftcolumn #nav ul li a:focus {
background-color: #990000;
}*/
#pictureleft #nav a:hover, #main #nav a:focus {
background-color: #990000;
border-right:1px solid #ffffff;
border-bottom: 1px solid #ffffff;
color: #ffffff;
}


#maincontent3{float:right; padding: 0 1% 0 0;
}

#maincontent3 p{
		padding: 0px 10px 0px 10px;
/*		font-size: 0.9em; */
		font-size: 90%;
	}

.maincontenttop3 {
	/*height: 200px; 
	min-height: 180px; */
	/* background-color:#F7F7F4; */
	padding: 0px 10px 0px 10px;
	font-size: 90%;
	border-bottom: 1px solid #cccccc;
}

  /* *************************************** new test */
#maincontent4{
	width: 75%; 
	margin-left: 220px;
	margin-right: 20px;
/*	margin: 0; */
	padding: 0 1% 0 0;
}
  
#maincontent4 p{
	padding: 0px 10px 0px 10px;
/*	font-size: 0.9em; */
	font-size: 90%;
	}

.maincontenttop4 {
	/*height: 200px; 
	min-height: 180px; */
	/* background-color:#F7F7F4; */
	padding: 0px 10px 0px 10px;
	font-size: 90%;
	border-bottom: 1px solid #cccccc;
}

/* ******************************************** */
#contactbner {
	width: 175px;
	height: 300px;
	background-image: url(../images/left_side/contact.jpg);
	background-repeat: no-repeat;
}