/*-----------------*/
/*------BASICS-----*/
/*-----------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%; /*About 13pt*/
	color: #4D4D4D;
}

.containerWrap {}
	
	.container {}

a, a:visited {
	color:#3A7182;
	text-decoration: none;
}

a:hover {
	color: #0069AA;
}

h1 {
	font-size: 145%;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #333;
}

h2 {
	font-size: 120%;
	
	font-weight: normal;
}

h3 {
	font-size: 110%;
}

h4 {
	font-size: 100%;
}

h5 {
	font-size: 95%;
}

h6 {
	font-size: 90%;
}

hr {}

p {
	line-height: 1.3em;
}




/*------COMMON ELEMENTS FOR STYLING MAIN CONTENT------*/

.viewAll {}
	.viewAll a {}

.readMore {}
	.readMore a {}

.externalURL {}
	.externalURL a {}
	
.location {}
	.location a {}
	
.date {}
	.date a {}
	
.byLine {}
	.byLine a {}

.email {}
	.email a {}
	
.caption {}
	
.relatedItems {}

.paging {}
	.paging ul {}
	.paging li {}
	.paging li a {}

	.nextPage {}
	.nextPage a {}
	.prevPage {}
	.prevPage a {}

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

#header {
	
}	

	#logo {}
	
	#logoImg {}
	
	#skipLinks {}
	
	#header ul {
	
	}
	
	#header ul li {
		
	}
	
	#header ul li a {
		color: #E6E6E6;
		text-decoration: none;
		font-size: 90%;
	}
	
	#header div {
	
	}
	
	#header div blockquote, #header div cite {
		font-family: Helvetica, Arial, sans-serif;
		font-style: italic;
		font-weight: bold;
		color: #FFF;
		font-size: 110%;
	}
	
	#header div cite {
		font-style: normal;
	}
/*----Navigation----*/

#nav {}
	
	#nav ul {}
		
	#nav li {}
	
	#nav li a {
		text-decoration: none;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
		color: #FFF;
		font-size: 90%;
	}
	
	#nav li a:hover {}
	
	#nav li.current {}
	
	#nav li.current a {
		
	}
	
	#nav li.current a:hover {}
	
	/*for rare cases when the client wants sub-items on the top nav such as dropdown menus.*/
	
	/*NOTE: IE6 doesn't support the :hover on anything but the <a> element so we need to use 
	javascript to add a special hover class onmouseover and onmouseout*/
		
		#nav ul li ul {
		}
		
		#nav li ul li {
		}
		
		#nav li ul li a {
		}
		
		#nav ul li:hover ul {}
		
		#nav ul li:hover li a {}
		
		#nav ul li:hover ul li:hover {}
		
		#nav ul li:hover ul li:hover a {}
	
#locationBar {

}

#search {}

	#search label {}
	
	#search input#searchBox {}
	
	#search input#searchBtn {
		color: #CCCCCC;
		font-weight: bold;
	}

#login {}

#account {}

/*-------------------------*/
/*----MAIN CONTENT AREA----*/
/*-------------------------*/


/*---BANNERS---*/

#homeBanner {}

	#homeBannerText {}

	#homeBannerImg {}

#banner {}

	#bannerText {}
	
	#bannerImg {}
	
	#projects #banner div {color: #FFF;}
	
	#projects #banner div h1 {
		font-size: 160%;
		font-family: Verdana, Arial, sans-serif;
		color: #FFF;
	}
	
	#projects .info h1 {
		font-family: Verdana, Arial, sans-serif;
		color: #333;
		
		margin-bottom: 4px;
	}
	
	#projects .info h2 {
		font-family: Verdana, Arial, sans-serif;
		
	}

/*---MAIN CONTENT AREA---*/
	
#mainWrap {}

#main {}

#sidebar {}

#sidebarA {}

#sideBarB {}


/*----Sub-Navigation----*/
#subNav {}

	#subNav ul {}
	
	#subNav li {}
	
	#subNav li a {
		color: #333;
		
	}
	
	#subNav li.current {}
	
	#subNav li.current a {}
	
	#subNav li.current a:hover {}
	
	#home #subNav li {
			
		}
	
		#home #subNav li a {
			text-decoration: none;
			color: #666;
			font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
			font-size: 115%;
		}
		#home #subNav li a:hover {
			color: #FFF;
		}
	
	/*--if clicking on a subnav list item makes sub-items appear--*/
	
		#subNav ul li ul {
		}
		
		#subNav li ul li {
		}
		
		#subNav li ul li a {
		}

#content {}
	#home #content .carousel .slideContents div p {
			line-height: 1.5em;
	}
	
	#projects #content p.start span {
	
		font-size: 110%;
	}
	
	#projects #content #projectSort {
		font-size: 95%;
	}
	
	#projects #content #projectSort p, #projects #content #projectSort ul li a {
		font-size: 95%;
	}
	
.bottomCallouts {}

	.bottomCallouts .col1 {}
	
	.bottomCallouts .col2 {}
	
	.bottomCallouts .col3 {}


blockquote.testimonial {}

	blockquote.testimonial cite {}
	


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

.row {}

.col16, .col25, .col30, .col33, .col40, .col48, .col50, .col60, .col66, .col70, .col75, .col83 {
	float: left;
}

.col16 {width: 16%;}
.col25 {width: 25%;}
.col30 {width: 30%;}
.col33 {width:33%;}
.col40 {width: 40%;}
.col45 {width: 45%;}
.col48 {width: 48%;}
.col50 {width: 50%;}
.col60 {width: 60%;}
.col66 {width: 66%;}
.col70 {width: 70%;}
.col75 {width: 75%;}
.col83 {width: 83%;}

/*--fairly common spaces to put between columns--*/
.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}

/*--margin-bottom, handy if you wish to override an element's inherited bottom margin--*/

.mb0 {margin-bottom: 0px;}


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

#footerWrap {}

#footer {

}
	
	.branding {
		
	}

		.branding p {
		
		}
	
		.branding p.copy {
			text-transform: uppercase;
			color: #B3B3B3;
		}
		
		.branding p.address {
			color: #CCC;
		}
	.footerNav {}
	
	.footerNav li {
		color: #CCCCCC;
		
	}
	
	#footer .footerNav li a {
		color: #CCCCCC;
		text-decoration: none;
		text-transform: uppercase;
	}
	

	
	.footerContact {}
	
	.legal {}
	
	
/*--------------------*/
/*--------FORMS--------/
/*--------------------*/


/*--------------------*/
/*-------TABLES--------/
/*--------------------*/
 tr.alt td {}
 
 td.label {}
 .tbl_align_right td {text-align:right}

 .tbl_align_right .td_align_center{
 text-align:center
 }