@charset "utf-8";

* html {
font-size:101%;
}

body {
font:0.625em arial,helvetica,sans-serif;
margin:0;
padding:0;
background:url(../Images/Layout/header_pink.gif) top center no-repeat;
color:#6a747c;
}

p {
font-size:1.3em;
margin:0 0 0.6em 0;
}

li {
font-size:1.3em;
}

h1 {
margin:0 0 0.6em 0;
font-size:2em;
font-weight:normal;
}

h2 {
margin:0 0 0.6em 0;
font-size:1.3em;
font-weight:bold;
}

h3 {
margin:0 0 0.6em 0;
font-size:1.3em;
font-weight:bold;
}

a {
color:#576066;
text-decoration:underline;
}
	a:hover {
	color:#576066;
	text-decoration:none;
	}

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

#pagecontainer {
width:955px;
margin:0 auto;
}

/* HEADER --------------------*/

#headercontainer {
width:226px;
height:150px;
padding:0 0 0 729px;
}
	#headertop {
	height:35px;
	padding:10px 0 0 0;
	text-align:center;
	}
		#headertop p {
		margin:0;
		color:#ffffff;
		}
			#headertop a {
			color:#ffffff;
			text-decoration:none;
			}
				#headertop a:hover {
				color:#ffffff;
				text-decoration:underline;
				}
	#headerbottom {
	width:226px;
	padding:11px 0 0 0;
	}

/* CRUMB TRAIL AND TABS --------------------*/

#crumbtrail {
width:955px;
height:20px;
}
	#crumbtrail ul {
	list-style:none;
	margin:0;
	padding:0;
	}
		#crumbtrail li {
		display:inline;
		font-size:1.1em;
		}
			#crumbtrail a {
			display:block;
			float:left;
			color:#576066;
			text-decoration:none;
			padding:0.3em 1em 0 0;
			background:url(../Images/Graphics/crumb_bullet.gif) top right no-repeat;
			}
				#crumbtrail a:hover {
				text-decoration:underline;
				}
			

#tabcontainer {
clear:both;
width:955px;
height:50px;
}
	#tabcontainer ul {
	list-style:none;
	margin:0;
	padding:0;
	}
		#tabcontainer li {
		display:inline;
		}
			#tabcontainer a {
			display:block;
			float:left;
			width:226px;
			height:6px;
			margin:0 0 0 17px;
			padding:28px 0 0 0;
			font-size:1px;
			color:#e6e7e8;
			}
				#tabcontainer a:hover {
				color:#e9ebea;
				}
			#tabcontainer a.toplink {
			margin-left:0;
			}
				/* Individual tabs */
				#tabcontainer a#tab01 {
				background:url(../Images/Tabs/tab01a.gif) no-repeat;
				}
					#tabcontainer a#tab01:hover {
					background:url(../Images/Tabs/tab01a.gif) 0 -34px no-repeat;
					}
				#tabcontainer a#tab02 {
				background:url(../Images/Tabs/tab02a.gif) no-repeat;
				}
					#tabcontainer a#tab02:hover {
					background:url(../Images/Tabs/tab02a.gif) 0 -34px no-repeat;
					}
				#tabcontainer a#tab03 {
				background:url(../Images/Tabs/tab03a.gif) no-repeat;
				}
					#tabcontainer a#tab03:hover {
					background:url(../Images/Tabs/tab03a.gif) 0 -34px no-repeat;
					}
				#tabcontainer a#tab04 {
				background:url(../Images/Tabs/tab04a.gif) no-repeat;
				}
					#tabcontainer a#tab04:hover {
					background:url(../Images/Tabs/tab04a.gif) 0 -34px no-repeat;
					}

/* BODY --------------------*/

#bodycontainer {
clear:both;
width:955px;
background-image:url(../Images/Layout/bodyall_bg.gif);
background-repeat:no-repeat;
}

/*

bodycontainer
---------------------------
| bodyleft         | col3 |
| - cols 1 & 2     |      |
| - timeline       |      |
| - bodybottom 1&2 |      |
---------------------------

*/

/* Container for cols 1 and 2 */
#bodyleft {
float:left;
display:inline;
width:712px;
}

/* TOP PART OF BODY BEFORE TIMELINE --------------------*/

#bodytop {
width:712px;
height:358px;
padding:12px 0 0 0;
}

/* COLUMN 1 --------------------*/

#col1 {
float:left;
display:inline;
width:202px;
height:336px;
padding:0 12px;
overflow-y:auto;
overflow-x:hidden;
}
	#col1 ul {
	list-style:none;
	margin:0;
	padding:0;
	}
		#col1 li {
		font-size:1.3em;
		}
			#col1 a {
			display:block;
			width:202px;
			color:#576066;
			font-weight:normal;
			text-decoration:none;
			padding:0.1em 0;
			border-bottom:1px solid #c5c0a3;
			}
		#col1 li ul li {
		font-size:100%;
		}
			#col1 li ul li a {
			color:#576066;
			width:190px;
			padding-left:12px;
			background:url(../Images/Graphics/margin_bullet.gif) no-repeat;
			}
/* Collapsing menus */
/* Embedded lists in col2 are set to display:none unless told otherwise in the page head */
#col1 li ul {
display:none;
}

/* COLUMN 2 --------------------*/

#col2 {
float:left;
display:inline;
width:445px;
height:358px;
padding:0 0 0 12px;
margin:0 0 0 17px;
overflow:auto;
}
	#col2 table td {
	font-size:1.3em;
	padding: 0 0.2em 0.2em 0;
	}
	
	#col2 ul.col2list {
	list-style:none;
	margin:0 0 1.6em 0;
	padding:0;
	width:202px;
	border-top:1px solid #cccccc;
	}
		#col2 ul.col2list li {
		padding:0.1em 0;
		border-bottom:1px solid #cccccc;
		}
		#col2 ul.col2list li a {
		text-decoration:none;
		}

/* TIMELINE --------------------*/

#timelinediv {
clear:both;
width:712px;
height:69px;
padding:1px 0 0 0;
background:url(../Images/Layout/bodymiddle_bg.gif) no-repeat;
overflow:hidden;
}

/* BOTTOM PART OF BODY BELOW TIMELINE --------------------*/

#bodybottom {
width:712px;
height:135px;
}

	#col1bottom {
	float:left;
	display:inline;
	width:202px;
	padding:0 12px;
	}
	#col2bottom {
	float:left;
	display:inline;
	width:445px;
	padding:0 12px;
	margin:0 17px;
	}

/* COLUMN 3 --------------------*/

#col3 {
float:left;
display:inline;
width:226px;
margin:0 0 0 17px;
}
	#col3 p {
	font-size:1.1em;
	}
	#col3 div.projectdiv {
	display:none;
	}
#col3top {
height:493px;
/* CORRECTED WHILE BOTTOM DIV IS HIDDEN */
height:547px;
width:202px;
padding:12px 0 0 12px;
overflow-y:auto;
}
#col3bottom {
/* HIDDEN FOR NOW */
display:none;
margin:26px 0 0 0;
}

/* FOOTER --------------------*/

#footer {
clear:both;
width:955px;
height:50px;
margin:9px 0 0 0;
padding:10px 0;
border-top:1px solid #84837b;
}
	#footer ul {
	list-style:none;
	margin:0;
	padding:0;
	}
		#footer li {
		display:block;
		float:left;
		font-size:1.1em;
		padding:0 5px;
		border-left:1px solid #cccccc;
		}
			#footer a {
			color:#666666;
			text-decoration:none;
			}
				#footer a:hover {
				text-decoration:underline;
				}
			#footer ul > li:first-child {
			padding-left:0;
			border-left:none;
			}

/* OTHER DIVS --------------------*/

div.cleardiv {
clear:both;
font-size:1px;
}