/* ---------------------- */
/* ----- ACTIVE IDS ----- */
/* ---------------------- */
#ActiveIDs{
	position:absolute;
	bottom:25px;
	right:25px;
}
#ActiveIDs a{
	color:#333333;
	text-decoration:none;
}
#ActiveIDs a:hover{
	color:#999999;
}

/* ------------------------ */
/* ----- DEBUG WINDOW ----- */
/* ------------------------ */
#debugWindow{
	width:300px;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	border:1px solid #cccccc;
	text-align:left;
}

/* -------------------------- */
/* ----- GENERAL LAYOUT ----- */
/* -------------------------- */
html, body{
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#000000;
	height: 100%;
	width: 100%;
	background-color:#FFFFFF;
	text-align:center;
}

#pageLayoutVertical{
   height:100%;
   width:100%;
   display:table;
   vertical-align:middle;
}
#pageLayoutCell{
   display:table-cell;
   vertical-align:middle;
   width:1024px;
   #position: relative; 
   #top: 50%;
} 
#pageContent{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
	#position: relative;
	#top: -50%;
}

h1{
	font-size:14px;
	font-weight:bold;
}
h2{
	font-size:12px;
	font-weight:bold;
}

a{
	text-decoration:none;
	color:#000000;
}
a:hover{
	color:#666666;
}

/* -------------------------- */
/* ----- PROJECT LAYOUT ----- */
/* -------------------------- */

#projectPage{
	height:640px;
	position:relative;
	text-align:left;
	/*border:1px solid #000000;*/
}
#projectBackground{
	position:absolute;
	top:0px;
	left:0px;
	width:1024px;
	height:576px;
	background-color:#666666;
	background-image:url(../img/UDhome.png);
	background-repeat:no-repeat;
	overflow:hidden;
}


#bannerTop{
	width:100%;
	height:40px;
	position:absolute;
	top:0px;
	/*border:1px solid #FF0000;*/
}
#bannerLogo{
	position:absolute;
	bottom:0px;
	left:0px;
}
#bannerLogo img{
	margin:2px;
}
#bannerTitle{
	position:absolute;
	left:64px;
	bottom:5px;
	font-size:18px;
	line-height:1.2;
}
/*#bannerTitle{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:18px;
}
#bannerTitle img{
	margin:5px;
	float:left;
}*/
#projectTitle{
	position:absolute;
	bottom:0px;
	right:0px;
	font-size:18px;
}
#projectTitle img{
	margin:2px;
}

#projectContent{
	width:100%;
	height:576px;
	position:absolute;
	top:40px;
	/*background:#FFFFFF;*/
	/*background-image:url(../img/UDbackground.png);
	background-repeat:no-repeat;
	background-position:left center;*/
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	overflow:hidden;
}

#flashIndex{
}

#flashDownload{
	width:112px;
	height:33px;
	position:relative;
	left:456px;
	top:250px;
}

#bannerBottom{
	width:100%;
	height:24px;
	position:absolute;
	/*top:616px;*/
	top:616px;
	/*border-top:2px solid #00A7E7;*/
}

#navBar, #contact{
	margin-top:4px;
	font-size:14px;
	color:#999999;
}
#navBar a, #contact a{
	color:#999999;
	text-decoration:none;
}
#navBar a:hover, #contact a:hover{
	color:#000000;
}
#contact{
	float:right;
}
#navBar{
	float:left;
}

/* ----------------------- */
/* ----- PORTAL PAGE ----- */
/* ----------------------- */

/* ----- INFO BOX ----- */
#infoBox{
	width:500px;
	height:400px;
	position:absolute;
	top:25px;
	left:25px;
	background:#FFFFFF;
	opacity: .9;
	filter: alpha(opacity=90);
	text-align:justify;
	padding:20px;
}


/* --- SLIDING PANELS --- */

.slidingPanel{
	width:600px;
	height:150px;
	left:-625px;
	padding:15px;
	padding-right:30px;
	background:#FFFFFF;
	opacity: .9;
	filter: alpha(opacity=90);
	text-align:justify;
}
#UrbanDetectivesPanel{
	position:absolute;
	top:20px;
}
#CSIconceptPanel{
	position:absolute;
	top:200px;
}
#CSIworkshopsPanel{
	position:absolute;
	top:380px;
}

.slidingPanelGrip{
	position:absolute;
	top:15px;
	right:5px;
	cursor:pointer;
}


/* --- PROJECT LIST --- */
#projectList{
	width:300px;
	position:absolute;
	top:20px;
	right:20px;
}
.projectListItem{
	width:280px;
	margin-bottom:20px;
	padding:10px;
	background:#FFFFFF;
	opacity: .9;
	filter: alpha(opacity=90);
	text-align:justify;
}
.projectListItem p{
	margin-bottom:5px;
}

.linksNY a, .linksNYoff{
	color:#EAEA00;
	font-weight:bold;
}
.linksNY a:hover{
	color:#666666;
}

.linksSP a, .linksSPoff{
	color:#D20000;
	font-weight:bold;
}
.linksSP a:hover{
	color:#666666;
}

.linksBK a, .linksBKoff{
	color:#009900;
	font-weight:bold;
}
.linksBK a:hover{
	color:#666666;
}

#projectList ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#projectList img{
	margin:0px;
	padding:0px;
}

/* ----- INITIATIVE LIST ----- */
#initiativeList{
	width:280px;
	position:absolute;
	bottom:16px;
	right:20px;
	padding:10px;
	background:#FFFFFF;
	opacity: .9;
	filter: alpha(opacity=90);
}
#initiativeList img{
	margin:0px;
	margin-left:10px;
	margin-right:10px;
}
#initiativeList ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

/* ------------------------ */
/* ----- CONTACT PAGE ----- */
/* ------------------------ */

#contactDetails{
	margin:20px;
}
#contactDetails p{
	margin:50px;
}