div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

a {
	text-decoration: none;
}

#menuContainer {
	position: absolute;
	top: 192px;
	left: 22px;
	width: 248px;
	height: 400px;
	padding: 0px;
	z-index: 100;
}

#thumbnailWindow {
	position: absolute;
	width: 50px;
	height: 380px;
	border: 0px solid red;
	margin: 0px;
	left: 250px;
	top: 200px;
	z-index: 100;
}

#textDetail {
	position: absolute;
	left: 320px;
	top: 200px;
	width: 150px;
	z-index: 100;	
}


#outer {
    height: 455px;
	width: 455px;
	top: 180px;
	left: 514px;
	overflow: visible;
	position: absolute;
	z-index: 100;
}

#thumbDetail {
	border: 1px solid #ffffff;
	z-index: 100;	
}

.thumbNail {
	margin-bottom: 4px;
	border: 1px solid #363548;
	border-left: 5px solid #363548;
}

ul.subcatTitle {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: bold 11px/11px verdana;
}

ul.projectTitle {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font: bold 10px/12px verdana;
}

li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

li.subcatli {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}



li.projectli {
	margin: 0px 0px 0px 0px;
}

.subcatTitle a:link, .subcatTitle a:visited {
	display: block;
	padding-left: 24px;
	margin-top: 2px;
	width: 248px;
    height: 15px;
	background-image: none;
	color: #c6dea9;
}

.subcatTitle a:hover {
	display: block;
	width: 248px;
	height: 15px;
	margin-top: 2px;
	/*background-image: url('../images/subCatBtn_over.png');*/
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
	(src='images/subCatBtn_over.png', sizingMethod='crop');
	color: #e5eeda;
	cursor: hand;
}

a.subcatdown:link, a.subcatdown:visited, a.subcatdown:hover {
	width: 248px;
	height: 15px;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
	(src='images/subCatBtn_down.png', sizingMethod='crop'); 
	color: #e5eeda;
	cursor: hand;
}

/* added .subcatdown_nd (no disclosure) for states with no subitems to show */
.subcatdown_nd {
	width: 248px;
	height: 15px;
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
	(src='images/subCatBtn_over.png', sizingMethod='crop'); 
	color: #e5eeda;
	cursor: hand;
}

.projectTitle a:link, .projectTitle a:visited {
	display: block;
	width: 248px;
	height: 12px;
	color: #223e71;
	padding-left: 34px;
	margin-top: 1px;
	background-image: none;
}

.projectTitle a:hover, a.projectdown:link,  a.projectdown:visited, a.projectdown:hover, {
	display: block;
	width: 248px;
	height: 12px;
	color: #FFD874;
	padding-left: 34px;
	margin-top: 1px;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
	(src='images/projectBtn_over.png', sizingMethod='crop'); 
	cursor: hand;
	color: #f8d785;
}

.detailWindow {
	position:absolute;
	left: 310px;
	top: 20px;
	width: 700px;
	margin: 0px;
}

.thumbnailWindow img {
	margin-bottom: 2px;
	border: 1px solid gray;
}

.details {
	margin: 0px;
}

.title, .title2 {
            font: bold 16px arial;
            color: white;
            margin: 0px 0px 0px 0px;
}

.title2 {
            margin: 5px 0px 20px 0px;
}

.label {
	font: bold 10px verdana;
	color: rgb(163, 163, 177);
	margin: 10px 0px 1px 0px;
}

.data {
	font: bold 10px verdana;
	color: rgb(255, 255, 255);
	margin: 0px;
}