/* <Site Layout> */
body
{
	padding:0; 
	margin:0;
	font-family:verdana,tahoma,trebuchet ms,helvetica,arial,sans-serif;	
	font-size:11px;	
	color: #D2D2D2; /*#B8B3A8;	*/
	text-align: center;
	background-repeat:repeat-x; 
}
h1
{
	font-size:16px;
}
.backgroundForHeader
{
	background-image:url('../images/background.jpg');
}
.backgroundForContent
{
	background-image:url('../images/background2.jpg');
}
img /* need this style to remove "margin-bottom: 4px" bug from images in IE6*/
{ 
	vertical-align: bottom; 
} 
a 
{
	padding:0;
	margin:0;
	color:#FFF;
}
a:link 
{
	text-decoration:none;
}
a:visited 
{
	color:#CCC;
	text-decoration:none;
}
a:hover
{
	text-decoration: underline;	
}
#background2
{
	background-repeat:repeat-x; 
	background-image:url('../images/background2.jpg');
}
#wrapper
{		
	padding:0;
	margin:0 auto 0 auto;
	width:950px;
	height:100%;
	text-align: center;
}    
#login
{	
	float:left;	
	height:34px;
	width:937px;	
	padding: 8px 13px 0 0;
	text-align: right;
	background-repeat:no-repeat; 
	background-image:url('../images/loginBackground.jpg');
}  	
#navigation
{	
	float:left;	
	height:85px;
	width:950px;	
	text-align: left;
}   	
#header
{	
	float:left;	
	height:131px;
	width:950px;	
	/*padding:0;
	background-color: Red;*/
	padding: 0 0 24px 0;
	text-align: left;
} 
#content
{
	float:left;
	text-align: left;
	width:950px;
	background-repeat:repeat; 
}
.contentBackgroundForHome
{
	float:left;
	text-align: left;
	width:950px;
	background-repeat:repeat; 
	background-image:url('../images/contentBackground_home.jpg');
}
.contentBackgroundForOther
{
	float:left;
	text-align: left;
	width:950px;
	background-repeat:repeat; 
	background-image:url('../images/contentBackground_other.jpg');
}
#contentTitle
{
	height:35px;
	width:950px;	
	background-repeat:no-repeat; 
}
#footer
{
	padding: 10px 20px 20px 20px;
	text-align: right;
	clear:both;
}
.alignLeft
{
	text-align: left;
}
.footerLink
{
	color: #1e090b;
}
.textbox
{
	width: 107px;
	height: 16px;
	font-size: 11px;
	padding:0;
	margin-right: 7px;
	color: #CCC;
	border: solid 1px #333;
	background-image:url('../images/textboxBackground.jpg');
}
a:link.footerLink
{
	text-decoration: none;	
}
a:hover.footerLink
{
	text-decoration: underline;	
}
.blueLink
{
	color: #6e7684;
}
a:link.blueLink
{
	text-decoration: none;	
}
a:hover.blueLink
{
	text-decoration: underline;	
}
a:visited.blueLink
{
	color: #6e7684;
	text-decoration: none;	
}
.underlineLink
{
	color:#FFF;	
}
a:link.underlineLink
{
	text-decoration: underline;	
}
a:hover.underlineLink
{
	text-decoration: none;	
}
a:visited.underlineLink
{
	text-decoration: underline;	
}
.bulletLink
{
	font-family:verdana,tahoma,trebuchet ms,helvetica,arial,sans-serif;	
	font-size:21px;	
	color: #9E9D9A;	
}
ul.bulletLink
{
	list-style-type: none;
	padding: 0;
	margin:0 0 10px 0;
}
li.bulletLink
{
background-image: url('../images/arrow.gif');
background-repeat: no-repeat;
/*background-position: 0 5px;*/
padding-left: 25px;
}
/* </Site Layout> */

/* <Page Template #1> Description: 66/33 Two Column Layout. Left column has fluid height, Right column has fixed height. */
#contentBodyT1
{
	padding: 20px;
	margin: 0;
}
#leftColumnT1
{
	float:left;
	width:600px;
	margin-right:30px;
	line-height:15px;
}
/*.rightColumnT1 (before news scrolling)
{  
  overflow:auto;
	height: 210px;
	float:right;
	width:275px;
	font-size:11px;
	text-align:left;
	padding-right: 3px;
}*/
.rightColumnT1
{
  /*overflow:auto;
	height: 210px;*/
	float:right;
	width:275px;
	font-size:11px;
	text-align:left;
	padding-right: 3px;
}
/* </Page Template #1> */

/* <Page Template #2> Description: Used for pages with simple static content. Images are positioned in the top-right corner of the page.*/
#contentBodyT2
{
	margin:0px 20px;
}
#contentHeaderT2
{
	float:left;
	width:905px;
	height: 78px;
	padding:68px 0 0 5px;
	margin: 0;
	background-position:right;
	background-repeat:no-repeat; 
}
#contentLeftT2
{
	float:left;
	width:754px;
	padding-left: 30px;
	line-height:15px;
}
#imageRightT2
{
	float:right;
	width:126px;	
}
/* </Page Template #2> */

/* <Page Template #3> Description: "Project Portfolio" MAIN template. Images are positioned to the left of title & introductory content*/
#contentBodyT3
{
	margin: 20px 20px -10px 20px;
}
#imageLeftT3
{
	float:left;
	width:123px;	
	height: 269px;
	padding-bottom: 20px;
}
#titleRightT3
{
	float: right;	
	width:766px;	
	height: 74px;
}
#contentRightT3
{
	margin-bottom: 20px;
	float: right;	
	width:762px;	
	padding-left: 4px;
	line-height:15px;
}
#linksBottomT3
{
	margin: 0 0 30px 0;
	clear: both;
	text-align:center;
}
.portfolioInfoBk1
{
	width: 678px;
	border: solid 1px #4F373F;
	padding: 20px;
	background-image:url('../images/projectContentBackground.jpg')
}
.portfolioInfoBk2
{
	color:#FFF;
	line-height:15px;
	width: 678px;
	border: solid 1px #4F373F;
	padding: 20px;
	background-image:url('../images/projectContentBackground.jpg')
}
/* </Page Template #3> */

/* <Page Template #4> Description: "News (Full Story)" template. */
.newsTitle
{
	margin: 0;
	padding: 0;
	color:#6e7684;
	font-size:16px;
}
.newsDate
{
	margin: 0 0 12px 0;
	padding: 0;
	color:#6e7684;
	font-size:12px;
}
#contentBodyT4
{
	padding: 20px;
	line-height:15px;
}
/* </Page Template #4> */

/* <Page Template #5> Description: "Staff Profile" template. */
#contentBodyT5
{
	margin: 25px;
	padding: 0;
}
#titleT5
{
	float: left;
	width:700px;	
	height: 74px;
}
#listT5
{
	float: right;
	height: 44px;
	padding-top: 30px;
}
#gridWrapperT5
{
	clear:both;
	width:770px;	
	margin: 0px auto 0 auto;
	padding-top:10px;
}
#tableGrid
{
  border-color: #5C5C5C;
  border-width: 0 0 3px 3px;
  border-style: solid;
}
#tableGrid td
{
  border-color: #5C5C5C;
  border-width: 3px 3px 0 0;
  border-style: solid;
  margin: 0;
  padding: 10px;
}
/* </Page Template #5> */

/* <Page Template #6> Description: "Management Team" template. Centered Updatepanel content with images on the left and links to the right*/
#contentBodyT6
{
	margin: 20px 20px -10px 20px;
}
#imageLeftT6
{
	float:left;
	width:123px;	
	height: 269px;
	padding-bottom: 20px;
}
#titleRightT6
{
	float: right;	
	width:766px;	
	height: 74px;
}
#contentMiddleT6
{
	margin-bottom: 20px;
	float: right;	
	width:762px;/*	520 content width */
	padding-left: 4px;
	line-height:15px;
}
.innerImgRight 
{
float:right;
margin-left:10px;
margin-bottom:10px;
}
.managementInfoBk1
{
	color:#FFF;
	line-height:15px;
	width: 600px;
	border: solid 1px #4F373F;
	padding: 20px;
	background-image:url('../images/projectContentBackground.jpg')
}
/* </Page Template #6> */