constant.css

/*--------------------- body ---------------------*/

html {
	margin: 0;
	padding: 0;
	/*background: #F2F2F2;*/
	/*background: #1051A3;*/
	background: #464444;
	font-family: "Verdana", "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
	font-size: 14px;
	color: white;
	text-align: left;
	/* http://www.splintered.co.uk/experiments/49/ */
	min-height: 100%;
	margin-bottom: 1px;
}

#header {
	height: 50px;
}




/********************* top elements *******************/

#container {
	max-width: 760px;
	/* http://www.svendtofte.com/code/max_width_in_ie/ */
	width: expression(document.body.clientWidth > 760? "760px": "auto");
	margin: 0 auto;
	padding: 0;
	text-align: left;
	border:0;
}

#titlebar{
	width: 100%;
	float: left;
	background: #2D6400 url('images/PerceptionBar3D.png') no-repeat;
	border: 2px solid black;
	border-bottom: 0;
}

#nav{
	width: 170px;
	float: right;
	
	text-align: left;
	font-size: 18px;
	font-family: "Trebuchet MS", "Century Gothic", "Lucida Sans Unicode", sans-serif;
	font-weight: normal;
	
	margin:0;
	padding:0;
	margin-bottom: 15px;
	
	list-style-type:none;
	marker-offset:inside;
}

#nav li{
  margin:0;
	padding:0;
}

#nav a {
	display:block;
	padding: 2px 10px;
	/*background: #6BCC0C;*/
	background: #4BB400;
	width:150px;
}

#nav a:link, #nav a:visited {
	color: white;
	text-decoration: none;
	font-weight: normal;
}

#nav a:hover, #nav a:focus{
	color: #2D6400;
	background: white;
}

#nav em {
  font-style:normal;
	text-decoration:underline;
}

#navfill{
	width: 560px;
	float: left;
	padding: 10px;
	padding-top: 0;
	text-align: justify;
	font-family: "Century Gothic", sans-serif;
	font-size: 12px;
}

#titlebar{
	min-height: 120px;
	/* http://www.svendtofte.com/code/max_width_in_ie/ */
	height: expression(document.body.clientWidth > 120? "120px": "auto");
}

/************************** fixed content sections **********************/

#main {
	float: left;
	width: 100%;
	padding-top: 25px;
	/*background: #448800;*/
	background: #8BDD3A;
	/*color: #2D6400;*/
	color: black;
	border: 2px solid black;
}

#innerfooter{
  display:block;
	position:relative;
	background: black url(images/branding.gif) center no-repeat;
	/*background: black url(images/branding2.gif) center no-repeat;*/
	color: white;
	/*color: black;*/
	border-top: 2px solid black;
	clear: both;
	width: 734px;
	height: 80px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	padding: 3px;
	padding-right: 23px;
	cursor: hand;
}

.ifootheader{
  position:absolute;
	top:15px;
	left:50px;
  font-size:40px;
	font-weight:bold;
	font-variant:small-caps;
	letter-spacing:5px;
	border:0;
	display:none;
}
.ifootheader em{
  font-style:normal;
}

.ifootertop{
	position:absolute;
	top:0;
	left:280px;
}

.ifooterbottom{
	position:absolute;
  bottom:0;
	right:10px;
}

#footer{
	clear: both;
	width: 100%;
	height: 50px;
}

/***********************************************************************/

h1{
  margin:0;
	padding:0;
	font-size: 46px;
	color: white;
	text-align: center;
	font-weight:normal;
}