body, div, p, h1, h2, h3, h4, ul, li, table, img
{
	margin:0 0 0 0;
	padding:0;
	border:none;
}

body
{
	background: #DADAC5;	
	font-family: verdana, Arial, sans-serif;
	font-size:76%;
}
	
.spacer { clear: both; }
	
.masthead
{
	margin: 5px auto 0 auto;
	width: 900px;
	height: 200px;
	background: url(../images/branding.jpg) no-repeat left top;
}

.masthead_create
{
	margin: 5px auto 0 auto;
	width: 900px;
	height: 200px;
	background: url(../images/masthead_create.jpg) no-repeat left top;
}

.masthead_planning
{
	margin: 5px auto 0 auto;
	width: 900px;
	height: 200px;
	background: url(../images/masthead_planning.jpg) no-repeat left top;
}

.masthead_civil
{
	margin: 5px auto 0 auto;
	width: 900px;
	height: 200px;
	background: url(../images/masthead_civil.jpg) no-repeat left top;
}

.masthead_landscape
{
	margin: 5px auto 0 auto;
	width: 900px;
	height: 200px;
	background: url(../images/masthead_landscape.jpg) no-repeat left top;
}

.masthead_challenge
{
	margin: 5px auto 0 auto;
	width: 900px;
	height: 200px;
	background: url(../images/masthead_challenge.jpg) no-repeat left top;
}
.masthead_job
{
	margin: 5px auto 0 auto;
	width: 900px;
	height: 200px;
	background: url(../images/masthead_job.jpg) no-repeat left top;
}
.masthead_library
{
	margin: 5px auto 0 auto;
	width: 900px;
	height: 200px;
	background: url(../images/masthead_library.jpg) no-repeat left top;
}

.masthead_whatsnew
{
	margin: 5px auto 0 auto;
	width: 900px;
	height: 200px;
	background: url(../images/masthead_whatsnew.jpg) no-repeat left top;
}

.masthead_talk
{
	margin: 5px auto 0 auto;
	width: 900px;
	height: 200px;
	background: url(../images/masthead_talk.jpg) no-repeat left top;
}

#logo 
{
	position: relative; 
	z-index: 10; 
}
  
#logo a:link, #logo a:visited 
{
	position: absolute;
	top: 140px; 
	left: 25px;
	padding-top: 13px; 
	/*
	width: 126px; 
	height: 126px;
	background: url(../images/logo.png)top left no-repeat;*/
}


#container
{
	margin: 0 auto 10px auto;
	width: 900px;
	background: #fff url(../images/two-col_bg.gif) left top repeat-y;
}

	#content
	{
		color: #666666;
	}

	.sideBar
	{
		padding: 70px 10px 5px 0;
/*		background-color: #E8DFD2; */
		line-height: 1em;
		min-height:245px;
		overflow:auto;		
		height:auto;
		float: left;
		width: 172px;		
	}
	
	#contentContainer
	{
		padding: 10px 15px 5px 25px;
/*		background-color: #fff; */
		line-height: 1.5em;
		min-height:300px;
/*		overflow:auto;*/
		height:auto;
		float: right;
		width: 678px;		
	}
	
	/* navigation
	----------------------------------------------- */
	#navBar
	{
		margin: -1px auto 0 auto;
		padding:0 0 0 15px;
		width:885px;
		height: 26px;
		background-color:#544E4A;
	}
	
	.menuTable 
	{
		height:26px;
		font-size:0.9em;	
		width:880px;
		margin:0;
		padding:0;
		border:0;	
	}
	
	.menuTableLine
	{
		border-right:solid 1px 7395C1;
	}

	.panel
	{
		vertical-align:text-top;
		padding: 10px 0 10px 10px; 
		margin: 5px 3px 5px 0;
		background-color:#F4F4E5; /*ffffe0*/
		border:1px solid #c9c9c9;
		border-collapse:collapse; 		
	}
	
	.error
	{
		vertical-align:text-top;
		padding: 10px 0 10px 10px; 
		margin: 5px 3px 5px 0;
		background-color:#FFFFEE; /*#FFFFCC*/
		border:1px solid #c9c9c9;
		border-collapse:collapse;
		color:#8E2323; /*firebrick*/
	}
	
	.titlePanel
	{
		vertical-align:text-top;
		padding: 2px 0 2px 4px; 
		margin: 5px 3px 5px 0;
		background-color:#F4F4E5; /*ffffe0*/
		border:1px solid #c9c9c9;
		border-collapse:collapse; 		
	}
	
	.subPanel
	{
		float:right;
		vertical-align:text-top;
		padding: 2px 0 2px 4px; 
		margin: 5px 3px 5px 0;
		background-color:#F4F4E5; /*ffffe0*/
		border:1px solid #c9c9c9;
		border-collapse:collapse;
	}	
		
	.notify 
	{
		color: #B95E19;
		font-style:normal;		
		font-size: 1em;	
	}
	
	#footer
	{
		clear: both;
	}	
	
	#footerLeft
	{
		padding: 0 15px 5px 15px;
		background-color: #942125;
		line-height: 1.5em;
		height:49px;
		float: left;
		width: 152px;		
	}
	
	#footerRight
	{
		padding: 8px 0 8px 0;
		background-color: #544E4A;
		line-height: 1.5em;
		text-align:center;
		vertical-align:middle;
		font-size:0.9em;
		color:#fff;
		height:38px;
		float: right;
		width: 718px;		
	}	
	
	/* =image
	----------------------------------------------- */
	.thumbnail {
		float: left;
		width:180px;
		height:190px;
		margin: 0 15px 0 5px; 
		padding:0 10px 0 0; 
		font-size:0.9em;
		text-align:center;
	}	

	/* =project
	----------------------------------------------- */
	#projectLeft 
	{
		float: left;
		margin: 10px 0 0 0;
		width:400px;
	}

	#projectRight
	{
		float: right;
		margin: 68px 0 0 0;		
		width:250px;
	}
	
	#designations
	{
		float:right;
		margin: 10px 0 0 0;	
	}
	
	.imgDispMain
	{
		border: Solid 1px #000;
	}
	
	a.info{
		position:relative; /*this is the key*/
		z-index:24; background-color:#fffffc; 
		color:#000;
		text-decoration:none}

	a.info:hover{z-index:25; background-color:#fff; text-decoration:none;}

	a.info span{display: none}

	a.info:hover span{ /*the span will display just on :hover state*/
		display:block;
		position:absolute;
		top:-5.5em; left:0; width:14em;
		padding:5px 5px 5px 5px; 		
		border:1px solid #E9E0D4;
		background-color:#E9E0D4; color:#000;
		text-align: left;
		text-transform:none;	
		font-weight:normal;
		}

	/* =links
	----------------------------------------------- */
	a:link, a:visited {
		color: #45518D;
		text-decoration: underline;
	}
	a:hover {
		color:#C39439;
		text-decoration: underline;
	}

	a.topmenu:link, a.topmenu:visited {
		color: #FFFFFF;
		text-decoration: underline;

	}
	a.topmenu:hover {
		color:#FFFFFF;
		text-decoration: underline;

	}

	a.footer:link, a.footer:visited {
		color: #E9E0D4;
		text-decoration: underline;

	}
	a.footer:hover {
		color:#E9E0D4;
		text-decoration: underline;

	}

	.imageSpacer
	{
		border:1px #000000;
		padding-top:5px;
		padding-right:10px;
	}

	ul.docs 
	{
		margin:0;
		padding:4px 0 0 5px;
		list-style-type:none;
		border:none;
	}

	li.docs
	{
		background-image:url(../images/acrobat-icon.gif);
		background-repeat:no-repeat;
		padding:0 0 0 20px;
	}


	ul.level1 
	{
		margin:0;
		padding:4px 0 0 20px;
		list-style-type:square;
		border:none;
	}

	ul.level2 
	{
		margin:0;
		padding:4px 0 0 20px;
		list-style-type:circle;
		border:none;
	}

	ul.bullet 
	{
		margin:0;
		padding:0 0 0 5px;
		list-style-type:none;
		border:none;
	}

	li.bullet
	{
		background-image:url(../images/bullet.png);
		background-repeat:no-repeat;
		padding:0 0 0 20px;	
		vertical-align:top;

	}		

	ol 
	{
		margin:0;
		padding:4px 0 0 40px;
		border:none;
	}
	
	ul 
	{
		margin:0;
		padding:0 0 0 20px;
		border:none;
		list-style-type:square;		
	}

	h1 {
		padding: 0.6em 0 0.25em 0;
		color:#000000;
		font-family: Trebuchet MS, Verdana, Sans-Serif;
		font-weight:bold;
		font-size:1.4em;
	}

	h1.home {
		padding: 1em 0 0.25em 0;
		border-bottom-style:dotted;
		border-bottom-width:1px;
		border-bottom-color:#B95E19;	
		color:#587292;
		font-family:Trebuchet MS, Verdana, Sans-Serif;
		font-weight:bold;
		font-size:1.1em;
		text-transform: uppercase;	
	}

	h2 {
		padding: .25em 0 0.25em 0;
		color:#000000;
		font-family: Trebuchet MS,Verdana, Sans-Serif;
		font-weight:bold;
		font-size:1.2em;
	}

	h3 {
		padding: .2em 0 0 0;
		color:#666666;
		font-family: Verdana, Sans-Serif;		
		font-weight:bold;
		font-size:1em;
	}

	p {
		margin-top: 6px;
		margin-bottom: 3px;		
	}

	p.footer {
		margin-top: 0.1em;
		margin-bottom: 0.5em;
		color:#E9E0D4;
	}

	p.indent 
	{
		margin-left:2.0em;	
		margin-top: 0.3em;
		margin-bottom: 0.3em;
	}

	p.indentGraphic
	{
		margin-left:2.0em;	
		margin-top: 1.0em;
		margin-bottom: 0.3em;
	}

	p.indentGraphic2
	{
		margin-left:1.3em;	
		margin-top: 0.3em;
	}
	
	/* =cuteditor styles
	----------------------------------------------- */	
		
	.Normal {
		margin-top: 6px;
		margin-bottom: 3px;
	}

	.Heading_Level1 {
		padding: 1em 0 0.25em 0;
		color:#000000;
		font-family: Trebuchet MS, Verdana, Sans-Serif;
		font-weight:bold;
		font-size:1.4em;

	}

	.Heading_Level2 {
		padding: .25em 0 0.25em 0;
		color:#000000;
		font-family:Trebuchet MS, Verdana, Sans-Serif;
		font-weight:bold;
		font-size:1.2em;
		text-transform:none;
	}		
	
	/* =calendar
	----------------------------------------------- */
	a.calendar:link, a.calendar:visited {
		color: #45518D;
		text-decoration: none;
	}
	a.calendar:hover {
		color:#C39439;
		text-decoration: underline;
	}
	
	/* =signup
	----------------------------------------------- */
	
	.panelTable
	{
		vertical-align:text-top;
		padding: 10px 0 10px 10px; 
		margin: 5px 3px 5px 0;
		background-color:#F4F4E5; /*ffffe0*/
		border:1px solid #c9c9c9;
		border-collapse:collapse; 
	}
	
	.panelTable table { 
	 background-color: #F9FBFD; 
	 color: #000000; 
	 width: 490px; 
	 border: 1px solid #D7E5F2; 
	 border-collapse:collapse; 
	}
	
	.panelTable td { 
	border: 1px solid #D7E5F2; 
	padding-left: 4px; 
	}

	.panelFont
	{
	font-family: verdana, Arial, sans-serif;
	}
	
	/* =controls
	----------------------------------------------- */
	.special
	{
		BORDER-RIGHT: #003466 1px solid; 
		BORDER-TOP: #003466 1px solid; 
		BORDER-LEFT: #003466 1px solid; 
		BORDER-BOTTOM: #003466 1px solid; 
		background-color:#F8F7F7;
		font-family:Verdana;
	}

	.btn
	{
		border-color:#DADAC5;
		border-style:solid;
		border-width:thin;
		background-color:#F4F4E5;
		color:#000000;
		cursor:hand;
		font-family:Verdana, Sans-Serif;
		font-size:1.0em; 
	}
	
	em.required
	{
		padding: 0; 
		margin: 0;
		font-style:normal;
		COLOR:Maroon
	}
	
	.imgDownload
	{
		border:0;
	}
	

	.designations
	{
		padding:1.2em 0 0 0;
		color:#666666;
		font-family:Trebuchet MS, Verdana, Sans-Serif;
		font-weight:bold;
		font-size:1.1em;
		text-transform: uppercase;
	}
	
	.pDesignation
	{
		padding:1em 0 0 0;
	}

	.imgDesignationsFirst
	{
		padding:0 0.1em 0 0;
		vertical-align:middle;
		border:0;
	}
		
	.imgDesignations
	{
		padding:0 0.1em 0 1.5em;
		vertical-align:middle;
		border:0;
	}		

	.imgtblDesignations
	{
		padding:0 0 0 0;
		vertical-align:middle;
		width:40px;
		height:40px;
		border:0;
	}	
		
	.imgTitle
	{
		padding:1.1em 0 0.2em 0;
		border:0;
	}	
	
	.imgMenu
	{
		padding:0 0 0 0;
		vertical-align:middle;
		border:0;
	}	

	.imgQuote
	{
		padding:0 6px 0 14px;
		border:0;
	}	

	.imgDot
	{
		padding:0 10px 0 10px;
		vertical-align:middle;
		border:0;
	}