/* CSS Document */



body {
	font: 12px Helvetica, Arial, sans-serif;
	color: #59582B;
	background-color: #59592B;
	}
	
#wrapper {
	width: 796px;
	min-height: 590px;
	margin: 0 auto;
	padding: 0px;
	background-color: #fff;
	}
	
table {
	border-collapse: collapse;
}

	
/* Main Navigation */

#MainNav {
	width: 786px;
	height: 26px;
	margin: 0;
	padding: 0 5px;
	float: left;
	}

#MainNav ul {
	width: 786px;
	height: 26px;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #59582B;
	color: #eee;
	}	

#MainNav li {
	float: left;
	padding:0 0 0 10px;
	margin:0;
	}	
	
#MainNav a {
	color: #eee;
	width: 95px;
	line-height: 28px;   /* read by all browsers */
	#line-height: 26px;  /* read by all IE 7 */
	_line-height: 26px;  /* read by all IE 6 and below */
	padding:0;
	display: block;
	text-decoration: none;
	background: transparent;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	}
	
#MainNav a:hover, #MainNav a.ButtonSelect {
	width: 95px;
	color: #eee;
	background: #B9B8A6;
	}
	
/* End Main Navigation */

/* SubNavigations */

#AboutMenu, #ProjectMenu, #ProjectSubMenu {
	float: left;
	margin: 10px 0;
	padding: 0;
	}
	
#AboutMenu, #ProjectSubMenu {
	width: 200px;
	}

#ProjectMenu {
	width: 235px;
	border-right: 1px solid #B9B8A6;
	padding-right: 10px;
	}
	
#AboutMenu li, #ProjectMenu li, #ProjectSubMenu li {
	list-style-type: none;
	}

#AboutMenu li {
	text-align: left;
	padding: 0 0 10px 30px;
	}

#ProjectMenu li {
	text-align: left;
	padding: 0 0 10px 135px;
	}
		
#ProjectSubMenu li {
	text-align: left;
	padding: 0 0 10px 0px;
	}
	
.bottomLeft 
{
    border: 0;
    margin:0;
    padding:0;
}
	
	
#AboutMenu a, #ProjectMenu a, #ProjectSubMenu a  {
	text-decoration: none;
	color:#B9B8A6;
	background: transparent;
	font-size: 95%;
	} 
	
#AboutMenu a:hover, #AboutMenu a.ButtonSelect, #ProjectMenu a:hover, #ProjectMenu a.ButtonSelect {
	color: #59582B;
	background: transparent;
	font-size: 95%;
	} 
	
#ProjectSubMenu a {
	padding-left: 15px;
	}
	
#ProjectSubMenu a:hover, #ProjectSubMenu a.ButtonSelect  {
	color: #59582B;
	background: transparent url(../images/arrow.gif) center left no-repeat;
	padding-left: 15px;
	}
	
#numberMenu {
	float:left;
	height: 40px;
	margin: 20px 0 0 5px;
	padding:0;
	}
	
#numberMenu ul {
	margin: 0;
	padding:0;
	width: 240px;
	}
	
#numberMenu li{
	float:left;
	list-style-type: none;
	margin: 0px 5px 0 0;
	padding: 0px;
	text-align: center;
	}

#numberMenu a {
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	display: block;
	padding: 0;
	border: 1px solid #59582B;
	width: 25px;
	height: 25px;
	line-height: 25px;
	color:#59582B;
	background: transparent url(../images/number.gif) top left no-repeat;
	}	
	
#numberMenu a:hover, #numberMenu a.ButtonSelect {
	color:#eee;
	background: transparent url(../images/number_over.gif) top left no-repeat;
	}


/* End SubNavigations */


#ContentContainerTop 
{
	padding: 5px;
	height: 390px;
	overflow: hidden;
	}
	
*html #ContentContainerTop {
	padding-bottom: 0px;
	height: 395px;
	}

#topContainerLeft {
	width: 536px;
	float:left;

	}
#topContainerProjectsLeft {
	width: 531px;
	height:390px;
	border-right: 5px solid #fff;
	float:left;
	background-color: #BEB8A5;
	text-align: center;
	}
	
#topContainerLeftText 
{
    overflow:hidden;
	width: 518px;
	height: 332px;
	float:left;
	padding: 0px;
	 z-index:100;
	}
	
div#scrollcontainer	{ 
	position:relative; 
	left:0px; top:0px;	
	width:518px; 
	height:260px; 
	clip:rect(0px, 518px, 260px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}	
	

#projectScrollcontainer	
{
    position:relative; 
	left:0px; top:5px;	
	width:215px; 
	height:200px; 
	clip:rect(5px, 215px, 200px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
	

#scrollContent 
{
    position:relative; 
    visibility:hidden;
    height:auto;
	left:0px; top:0px;
	z-index:5; 
	padding:0 0 20px 0;
}

.scrollBar {
	width: 15px;
	margin: 0;
	padding: 0;
    float:left;
	}
	
.scrollUpImage {
	margin: 75px 0;
	}
	
.scrollDownImage {
	margin: 75px 0 0 0;
	}
	
#topContainerRightText {
	width: 225px;
	height: 256px;
	padding: 5px 0px 10px 10px;
	margin: 0;
	float:left;
	}
	
.mainContentText {
	height: 261px;
	margin:0 5px 0 0;
	}
	
.projectContentDescriptionWrapper {
	overflow:auto;
	height: 220px;
	margin:0 0px 0 0;
	}
	
.topImage {
	padding: 0 0 5px 0;
	}

	
.topContainerLeftImages {
	width: 536px;
	padding-bottom: 0px;
	margin: 0;
	}

.leftImage {
	float: left;
	padding: 0 5px 0 0;
	}
	
.rightImage {
	float: left;
	}

#topContainerRight {
	width: 250px;
	height: 390px;
	float: left;
	}

#ContentContainerBottom {
	width: 796px;
	float: left;
	background-color: #fff;
	margin-bottom: 10px;
	}
	
#contentLeft {
	width: 536px;
	min-height: 190px;
	float: left;
	}
	
#contentRight {
	width: 254px;
	float:left;
	}
	
#listContainer {
	position: relative;
	height:100%;
	}
	
#contentRight h1, #topContainerLeftText h1, #topContainerRightText h1 {
	font: 14px Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 15px 0 5px 0;
	}

#contentRight h1 {
	padding: 10px 0 0 15px;
	}
	
#topContainerLeftText h1 {
	padding: 30px 0 0 40px;
	}
	
#topContainerRightText h2 {
	font: 14px Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 18px;
	}
	
h3 {
	font: 12px Helvetica, Arial, sans-serif;
	font-weight:bold;
	padding: 0px 0px 0 40px;
	margin-bottom:0;
	}
	
span.fontNormal {
	font-weight: normal;
	}
	
#contentRight p {
	line-height: 18px;
	padding: 0px 20px 0 15px;
	margin: 0;
	}

#topContainerLeftText p {
	width: 390px;
	padding: 0px 0px 0 40px;
	line-height: 18px;
	margin-top:5px;
	}
	
#topContainerLeftText ul.ListColumnOne {
	width: 200px;
	position: absolute;
	top: 0;
	left: 0px;
	}
	
#topContainerLeftText ul {
	padding: 0px 0px 0 40px;
	}
	
#topContainerLeftText ul.ListColumnTwo {
	width: 225px;
	padding: 0px 0 0 0px;
	position: relative;
	left: 275px;
	top: 5px;
	}
	
#topContainerLeftText ul.ListColumnOne, #topContainerLeftText ul.ListColumnTwo, #topContainerLeftText ul, #topContainerLeftText ul.tableListColumn  {
	line-height: 18px;
	list-style-type:none;
	margin: 5px 0 0 0;
	}
	
#topContainerRightText p {
	line-height: 18px;
	font-size: 95%;
	padding: 10px 10px 0 0;
	margin: 0;
	}
	
#topContainerLeftText ol {
	margin: 5px 0px 0 20px;
	padding-left: 40px;
	line-height: 18px;
	}
	
.topPadding {
	padding-top: 10px;
	}
	
a.link {
	font: 12px Helvetica, Arial, sans-serif;
	color: #59582B;
	}