body 
{

  margin: 0px;
  padding: 0px;
  background: #e6e6e6;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  height: 100%;	
  color: #000;

}
h1, h2, h3, h4, h5, h6 {color:#444444;}

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
	margin-top:1em;
	font-size: 1.4em;
	font-weight: bold;
}
h2 {
	margin-top:1em;
	font-size: 1.3em;
	font-weight: bold;
	color: #004785;
}
h3 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: normal;
	color: #004785;	
}
h4 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.8em;
	font-weight: bold;
}


#wrapper
{
	
	 background-color: #e6e6e6;
	width:1024px;
	margin-top: 5px;
	padding: 5px 5px 5px 5px;
	position: relative;
	top: 0px;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
		min-height: 100%;
height: auto;

}
#wrapper2
{

	width:1024px;
	margin-top: 5px;
	border: solid 1px #000;	
	background-color: #FFF;
	padding: 5px 5px 5px 5px;
	position: relative;
	top: 0px;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	min-height: 100%;
	height: auto;

background-color: #def4d9;

}
#headerwrapper {
	width: 700px;
	height:90px;
	background-color: #e6e6e6;
	position: relative;
	top: 0px;
	left: 0px;

}
#headerlogo
{

	margin: 0;
	top: 5;
	background-color: #e6e6e6;
	width: 267px;
	height: 57px;
	float: left;
}
#mainnav
{

	left: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
	position: absolute;
	 bottom: 0;
	float: left;
	width: 700px;
	text-align: left;
	color: #004785;
	font-size: 10px;
z-index: 900;
	font-weight: bold;

}

#hotbox
{
	
	width: 700px;
	height: 260px;
	border: solid 1px #ccc;	
z-index: 50;	
}

#col1 
{
  margin-top: 7px;
  margin-right: 2px;
  float: left;
  width: 400px;
 
}
 
#col1Header {  
 width: 393px; height: 21px;  
 background-image: url(images/col1Header_new.jpg); 
 background-repeat: no-repeat;  
}  
.box h1 { text-indent: -100em; margin: 0 }

#col2 
{
  margin-top: 7px;
  float: left;
  width: 300px;
  height: 335px;
 min-height: 100%;

}

#col2Header {  
 width: 300px; height: 22px;  
 background-image: url(images/homeshowTitle.jpg); 
 background-repeat: no-repeat;  
}  
.midbox h2 { text-indent: -100em; margin: 0 }
#col3 
{
	float: right;
	width: 310px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	
}

#colMain 
{

  float: left;
  width: 700px;
  height: 540px;
 min-height: 100%;
height: auto;
background-color: transparent;

}


#footer
{
	clear: both;
	margin-top: 20px;
	width: 1013px;
	height: 86px;
	background-color: #004785;	
	color: #fff;
	font-size: 9px;

}
.container {
		margin:5px;
	padding:0.5em;
	background-color:#FFFFFF;
	font-size: 12px;
	border: 1px solid #ccc;
	/*min-height: 610px;*/
}
.container2 {
		margin:5px;
	padding:0.5em;
	background-color:#FFFFFF;
	font-size: 12px;
	border: 1px solid #ccc;
}
.container a
{
	color: #004785;
	font-weight: bold;
	 text-decoration: underline;
}
.container a:hover
{
	color: #333333;
	font-weight: bold;
	 text-decoration: none;
}
.box 
	{
	width: 393px;
	margin-bottom: 5px;
	background-color: #fff;
	}
	
.headerBg
	{
	background-image: url(images/col1Header.png);
	margin: 0;
	width: 390px;
	height: 10px;
	color: #ffffff;
color: #ffffff;
	font-family: Universe;
	font-size: 14px;
	
	padding: 2px;
	}
.loginBg
	{
	background-image: url(images/loginBG.png);
	margin: 0;
	width: 290px;
	height: 20px;
	color: #ffffff;
	font-family: Universe;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	}	
.loginTbl
{
	color: #333333;
	font-size: 11px;
	background-image: url(images/login_body_BG.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 100px;	
	border: solid 1px #c6c6c6;	
	background-color: #fff;
	overflow: hidden;
	cursor: pointer;
}
.loginWrapper
{
	padding: 3px;	
}
.loginTbl tr td
{
	padding: 3px
}	
.loginTbl a
{
	color: #333333;
	font-size: 10px;	
}
.miniboxleft
	{
	width: 145px;
	background-color: #fff;
	height: 145px;
	border: 1px solid #c6c6c6;
	float:left;
	margin-bottom: 5px;
	}
.miniboxleft h2
	{
	background-image: url(images/miniBG.png);
	margin: 0;
	width: 141px;
	height: 16px;
	color: #ffffff;
	font-family: Universe;
	font-size: 14px;
	font-weight: normal;
	padding: 2px;
	}	
	.miniboxleft p 
	{
	text-indent: 5px;
	font-size: 11px;

	}	
.miniboxright
	{
	width: 145px;
	background-color: #fff;
	height: 145px;
	border: 1px solid #c6c6c6;
	float:right;
	margin-bottom: 5px;
	}
.miniboxright h2
	{
	background-image: url(images/miniBG.png);
	margin: 0;
	width: 135px;
	height: 10px;
	color: #ffffff;
	font-family: Universe;
	font-size: 14px;
	font-weight: normal;	
	padding: 2px;
	}	
	.miniboxright p 
	{
	text-indent: 5px;
	font-size: 11px;

	}		
.midbox 
	{
	float: left;
	width: 300px;
	background-color: #fff;
	height: 185px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	}

.midbox tr td 
{

	
}
	
	
.midbox h2
	{
	background-image: url(images/loginBG.png);
	margin: 0;
	width: 290px;
	height: 15px;
	color: #ffffff;
	font-family: Universe;
	font-size: 14px;
	font-weight: normal;
	padding: 5px;
	}

.midbox h2 a
	{
	color: #FFFFFF;	
	font-weight:bold;
	}
.midbox h3 {

	color: #003471;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	margin: 0;
}
.midbox h3 a 
{ 	
	color: #000;	
	text-decoration: none;
	}
.midbox h3 a:hover 
{ 	
	color: #333;	
	}	
.midbox h4 {

	color: #9f0f09;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
.midbox a
	{
	color: #336699;	
	}
.midbox li 
	{
	font-weight: normal ;
	text-indent: 5px;
	}
.midbox p 
	{
	text-indent: 5px;
	font-size: 11px;
	color: #000;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
	}	
#col1 .grItem
{
	vertical-align: top;	
	padding: 2px 4px 2px 4px;

}
#col1 .grItem h3 {

	margin: 0;
	color: #003471;
	font-size: 9px;
	font-weight: bold;

}

#col1 .grItem p 
{
	font-size: 9px;
	color: #000;
	margin: 0;
}	
.readmore 
{
		float:right;

}
.Img
{
		border: 1px solid #c6c6c6;
		
}

.imgfloatright {
	float:right;
	display:inline;
	margin: 0.25em 0 0.25em 1em;
		border: 1px solid #000;
}
.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
		border: 1px solid #000;
}	
.imgfloatright2 {
	float:right;
}
.teaser{
	margin-top:0;
	color:#777777; 
	font-size:0.9em; 
	font-weight:normal;
}
.readmore {
	text-align:right;
	font-size:0.9em;
}

.stbl
{
	width: 100%	
}

.stbl td th
{
	padding:5px;
	
}

.checklist
{
	font-size: 9px;	
}

.financeLinks
{
	font-family: Arial;
	font-size: 11px;
	text-align: center;
	width: 100%;
	background-color: #2d5c3d;
	color: #ffffff;	

}
.financeLinks a
{
	text-decoration: underline;	
	color: #ffffff;
}
.financeLinks a:hover
{
		text-decoration: none;	
	color: #cccccc;
}


.projects-links {

	margin-left: 100px;
	list-style-image: url(images/arrow.png)
}

.projects-links li 
{
	list-style-image: url(images/arrow.png)
}
.projects-links li a {

	font-size: 11px;
	color: #333;
}
.projects-links li a:hover {
	color: #096;
}

#gallery 
{
	z-index:50; 	
	position:relative;
	height:260px;
	font-family:  Universe;
	font-size: 1.0em;
	width:700px;
	
					
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:100;
	}

	#gallery .caption {
		z-index:200; 
		 
	background-repeat: no-repeat;
		background-color: Transparent;
		color:#fff; 
		height:260px; 
		width:300px; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
		font-weight: bold;
		font-size: 1.2em;
	}
		
.AspNet-Menu, .AspNet-Menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	
}
.AspNet-Menu {
	line-height:	1.0;

}
.AspNet-Menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	
}
.AspNet-Menu ul li {
	width:			100%;

}
.AspNet-Menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
		
}
.AspNet-Menu li {
	float:			left;
	position:		relative;
	
}
.AspNet-Menu a {
	display:		block;
	position:		relative;
}
.AspNet-Menu li:hover ul,
.AspNet-Menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */

}
ul.AspNet-Menu li:hover li ul,
ul.AspNet-Menu li.sfHover li ul {
	top:			-999em;
}
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.AspNet-Menu li li:hover li ul,
ul.AspNet-Menu li li.sfHover li ul {
	top:			-999em;
}
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.AspNet-Menu {
	float:			left;
	margin-bottom:	1em;

}
.AspNet-Menu a {
	border-left:	1px solid #e8e8e8;
	border-top:		1px solid #e8e8e8;
	padding: 		.75em 1em;
	text-decoration:none;
}
.AspNet-Menu a, .AspNet-Menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#4F789F; /* Text in menu #13a;*/
}
.AspNet-Menu li {
	background:		#e6e6e6; /* First level background #BDD2FF; */

}
.AspNet-Menu li li {
	background:		#d2d7e1; /*#AABDE6;*/
	width: 180px;

}
.AspNet-Menu li li li {
	background:		#d2d7e1;
	left: 80px;
}
.AspNet-Menu li:hover, .AspNet-Menu li.sfHover,
.AspNet-Menu a:focus, .AspNet-Menu a:hover, .AspNet-Menu a:active {
	background:		#e8e8e8;
	outline:		0;
	color: #ffcc34;
}

/*** arrows **/
.AspNet-Menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.AspNet-Menu ul .sf-sub-indicator { background-position:  -10px 0; }
.AspNet-Menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.AspNet-Menu ul a:focus > .sf-sub-indicator,
.AspNet-Menu ul a:hover > .sf-sub-indicator,
.AspNet-Menu ul a:active > .sf-sub-indicator,
.AspNet-Menu ul li:hover > a > .sf-sub-indicator,
.AspNet-Menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
		
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}