ul#projectMainList, ul.projectSubList
{
	list-style-type:none;
	list-style-position:outside;
	padding-left:0px;
	overflow:auto;
}

html
{
	height:100%;
}

body
{
	height:100%;
}

#mainWrapper
{
	margin:10px auto;
	background-color:#CCC9C8;
	border:1px solid #F8FAE7;
	padding:30px 10px;
	
}

#pageTitle
{
	font-size:28px;
	padding-bottom:4px;
	border-bottom:1px solid red;
}

#centerCourt
{
	min-height:500px;
}

.projectCategory
{
	padding:16px 8px 16px 16px;
	font-size:22px;
	/*background-color:rgb(0,110,80);*//*rgb(30,60,90) hsl(15,2,97)*/;
	background-color:#af1823 ;/*rgb(30,60,90) hsl(15,2,97)*/;
	margin:20px auto;
	width:98%;
	height:auto;
	overflow:hidden;
	color:#ECE9E8;
}

.projectCategory .projectCategoryName
{
	float:left;
}

.projectCategory .expand
{
	float:right;
	margin-right:12px;
	padding:4px 8px;
	min-width:1em;
	text-align:center;
}

.projectCategory .expand:hover
{
	background-color:#ea1725;
	padding:3px 6px;
	border:1px solid #ECE9E8;
	min-width:1em;
	text-align:center;
}

.projectCategory .expand::after
{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}

.projectSubList
{
	display:none;
}

ul.projectSubList .itemOuter
{
	padding-top:0;
	padding-left:0px;
	padding-right:2px;
	padding-bottom:2px;
	/*background-color:#F8EAE7;*/
	background-color:#CCC9C8;
	margin:12px 8px 8px 12px;
	border:1px solid #F8FAE7;
	
}
ul.projectSubList .itemOuter:hover
{
	padding-top:0;
	padding-left:0px;
	padding-right:2px;
	padding-bottom:2px;
	/*background-color:#F8EAE7;*/
	/*background-color:#800;*/
	/*background-color:#82B249;*//*rgb(130,178,73) hsl(15,2,97)*/;
	background-color:#92141d;
	
	margin:12px 8px 8px 12px;
	/*border:1px solid #800;*/
	/*border:1px solid #F8FAE7;*/
	border:1px solid #cd1c28;
	
}

ul.projectSubList .item
{
	border:2px solid #E8DBD8/*rgb(232,219,216) hsl(11,7,88)*/;
	/*border:2px solid #E8DBD8*//*rgb(232,219,216) hsl(11,7,88)*/;
	/*border:2px solid #32805A*//*rgb(50,128,90) hsl(11,7,88)*/;
	/*background-color:#FAF7F6;/*rgb(250,247,246) hsl(15,2,97)*/;
	background-color:#ECE9E8;/*rgb(250,247,246) hsl(15,2,97)*/;
	
	margin:-4px 2px 2px -4px;
	
}

ul.projectSubList .item:hover
{
	/*border:2px solid #A00*//*rgb(232,219,216) hsl(11,7,88)*/;
	/*border:2px solid #32805A*//*rgb(232,219,216) hsl(11,7,88)*/;
	/*background-color:#FAF7F6;/*rgb(250,247,246) hsl(15,2,97)*/;
	/*background-color:#EE2222;/*rgb(250,247,246) hsl(15,2,97)*/;
	/*background-color:#A00;*//*rgb(250,247,246) hsl(15,2,97)*/;
	/*background-color:rgb(30,128,60);*//*rgb(147,197,75) hsl(15,2,97)*/;
	border:2px solid #af1823;
	background-color:#cd1c28;/*rgb(147,197,75) hsl(15,2,97)*/;
	margin:-4px 2px 2px -4px;
	/*color:#ECE9E8;*/
	color:#ECE9E8;

}

ul.projectSubList .itemMain
{
	font-size:28px;
	padding:8px;
	border-bottom:2px solid #E8DBD8;
	/*border-bottom:2px solid #32805A;*/
	
}


ul.projectSubList .itemSub1
{
	font-size:14px;
	padding:10px 8px 10px;
	background-color:#FAF7F6;/*rgb(250,247,246) hsl(15,2,97)*/;
	overflow:hidden;
	height:auto;
	color:black;
}

ul.projectSubList .itemSmallTalk
{
	font-size:0.5em;
	font-style:italic;
	display:block;
	margin-top:4px;
}

ul.projectSubList .itemSub1 ul
{
	list-style-type:none;
	margin-bottom:20px;
	line-height:1.8;
	color:black;
	
}

ul.projectSubList .itemSub1PictureList
{
	float:left;
	max-width:325px;
	margin-right:10px;
}

ul.projectSubList .itemSub1Content
{
	float:left;
	/*min-width:600px;*/
	/*max-width:1024px;*/
	/*padding:4px 16px;*/
	max-width:700px;
}

ul.projectSubList .itemSub1Content::after
{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}



ul.projectSubList .itemSub2
{
	padding:8px 10px;
	height:100%;
	clear:both;
}


ul.projectSubList .itemSub2 ul
{
	list-style-type:none;
	list-style-position:outside;
	padding-left:0px;
	
}

ul.projectSubList .taskContent
{
	margin:8px 4px;
	padding:2px;
}

ul.projectSubList .taskContent ul
{
	list-style-type:square;
	list-style-position:outside;
	
}

ul.projectSubList .task
{
	font-weight:400;
	font-size:1.4em;
	margin-bottom:2px;
}

ul.projectSubList .solutionContent
{
	margin:14px 4px 8px;
	padding:2px;
}

ul.projectSubList .solution
{
	font-weight:400;
	font-size:1.4em;
	margin-bottom:2px;
}

ul.projectSubList .solutionContent ul
{
	list-style-type:square;
	list-style-position:outside;
	
}