/* general properties    TS Purple is 580870, TS Green is 00a838   orig background on body e6e6e6
------------------------------------------------*/
body {
	color:#000000;
	margin:0;
	padding-right:5px;
	border:0;
	text-align: center;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:9.5pt;
	line-height:160%;
	background: #e6e6e6 url(../images/common/page-bkg.gif) top center repeat-y;
	}

/* properties - un-defined */
	a:link, a:visited {
	color: #000000;
		/*text-decoration: underline;*/}

	a:hover {
		color: #385789;      /* text highlite #e96718
		/*text-decoration: underline;*/}
		
	p {
	margin:0;
	padding-bottom: 10px;
	padding-top: 0;
	padding-right: 10px;
	padding-left: 5px;
}

	div {
		margin:0;
		padding:0;
		border:0;}
		
h1{
	margin:0;
	padding:0;
	padding-bottom:2px;
		font-family: Arial; 
		font-size: 14.5pt;
		font-weight:normal;
		color:#580870 }
		
	h4 {
		margin:0;
		padding:0;
		font-family: Arial, Helvetica, sans-serif; 
		font-size: 14.5pt;
		color:#580870; }
		
	h5 {
		margin:0;
		padding:0;
		padding-bottom:5px;
		padding-left:10px;
		font-family: Arial; 
		font-size: 14.5pt;
		font-weight:normal;
		color:#580870; }
		
	h6 {
		margin:0;
		padding:0;
		padding-left:5px;
		padding-bottom:5px;
		font-family: Arial; 
		font-size: 13pt;
		font-weight:normal;
		color:#580870; }
		
	.indent {
		margin:0 0 20px 10px;
		padding:0;
		border:0; }

	td {
		color:#000000;
		margin:0;
		padding:0;
		font-family:verdana, arial, helvetica, sans-serif;
		font-size:9pt;
		line-height:160%;
		}

/* /properties - un-defined */

a.nounderline {
	text-decoration: none;
	color: #580870;
}
/*
.nounderline a:link, .nounderline a:visited { text-decoration: none;}
.nounderline  a:hover { text-decoration: underline;}
*/

#container {
	margin:0 0 0 0;
	background-color:#fff;
	width: 736px;
	margin-left: auto ;
  	margin-right: auto ;
	min-height:500px;
	text-align:left;}
	
#crumbtrail {
	width: auto;
	font-size:8pt;
	color: #999999;
	text-align:left;
	clear:both;
	margin:10px 0 10px 15px;}

#utilitycontainer {
	float:left;
	width:250px;
	height:auto;
	margin:0;
	padding:0;}

#contentcontainer {
	float:right;
	width: 475px;
	height: auto;
	margin:0;
	padding:0;
	text-align:left;}

#pageid {
	margin:0 0 10px 0;
	float:right;
	width: 450px;
	text-align:left;
	border-bottom:1px solid #d4d4d4;}
	
#pageid h1{
	margin:0;
	padding:0;
	padding-bottom:2px;
		font-family: Arial; 
		font-size: 14.5pt;
		font-weight:normal;
		color:#580870 }

	#pageid h1 a {
		text-decoration:none;}

#maincontent {
	float:right;
	padding:0;
	width:430px;
	margin:10px 20px 10px 10px;}
	html>body #maincontent { width:430px;} /*-- this is hidden from ie/win --- */

	#maincontent h4 {
		margin:0;
		padding:0;
		padding-bottom:5px;
		color:#580870;
		font-size:130%;}

	#maincontent ul {
		border:0;
		margin:0;
		padding:0 0 10px 20px;}
		
		


#maincontent_old {
	float:right;
	padding-right: 15px;
	width: 528px;  /* box model hack */	
	width: 513px;}

.sidebar {
	float:left;
	/*height: 270px;*/
	width:250px;
	margin:15px 0 15px 0;
	background:#e0e3ec url(../images/common/corner-roundbottomright.gif) bottom right no-repeat;}
	
	html>body .sidebar { width:250px;} /*-- this is hidden from ie/win --- */

.sidebar h4 {
	margin:0;
	padding:0;
	padding-left:10px;
	color:#385789;
	font-size:130%;}

.sidebartop {
	margin:-8 0 0 0;
	padding:0;
	background:transparent url(../images/common/corner-roundtopright.gif) bottom right no-repeat;}





/* interior page properties
------------------------------------------------*/
#logo a{
	width: 300px;
	background-color:#385789;
	float:left;}
	
#logo h3 {display:none;}
#logo a:hover{ background-color:#748aad;}
	
	/* page specific logo properties, sets band color for 'normal' and 'over-state'
	------------------------------------------------*/
	body#home #logo a{ background-color:#385789;}
	body#home #logo a:hover{ background-color:#748aad;}
	
	body#styleorange #logo a{ background-color:#f28e18;}
	body#styleorange #logo a:hover{ background-color:#f6b05e;}
	
	body#styleblue #logo a{ background-color:#6572a2;}
	body#styleblue #logo a:hover{ background-color:#949dbe;}
	
	body#stylegreen #logo a{ background-color:#78bd49;}
	body#stylegreen #logo a:hover{ background-color:#a1d180;}
	
	body#styletan #logo a{ background-color:#99866e;}
	body#styletan #logo a:hover{ background-color:#b8ab9a;}
	
	body#styledartblue #logo a{ background-color:#35498d;}
	body#styledartblue #logo a:hover{ background-color:#6e82c7;}
	
	/* page specific color properties: h1, crumbtrail links, text links, subnav bkg colors...
	------------------------------------------------*/
	/* - styleorange f1772d------- */
		body#styleorange a{ color:#e18417;}
		body#styleorange a:hover{ color:#f5a06c;}
		body#styleorange #crumbtrail { color:#e18417;}
		body#styleorange #pageid h1{ color:#e18417;}
		body#styleorange .sidebar { background:#fdeedd url(../images/common/corner-roundbottomright.gif) bottom right no-repeat;}
		body#styleorange .sidebar h4 { color: #e18417;}
		body#styleorange .subnav ul li a { color: #e18417;}
		body#styleorange .subnav ul li a:hover,
		body#styleorange .subnav a:active {color: #e18417;}
		body#styleorange #maincontent h4 {color: #e18417; font-size:16px; font-weight:normal}
		

	/* - styleblue ------- */
		body#styleblue a{ color:#6572a2;}
		body#styleblue a:hover{ color:#949dbe;}
		body#styleblue #crumbtrail { color:#6572a2;}
		body#styleblue #pageid h1{ color:#6572a2;}
		body#styleblue .sidebar { background:#e0e3ec url(../images/common/corner-roundbottomright.gif) bottom right no-repeat;}
		body#styleblue .sidebar h4 { color: #6572a2;}
		body#styleblue .subnav ul li a { color: #6572a2;}
		body#styleblue .subnav ul li a:hover,
		body#styleblue .subnav a:active {color: #6572a2;}

	/* - stylegreen ------- */
		body#stylegreen a{ color:#78bd49;}
		body#stylegreen a:hover{ color:#a1d180;}
		body#stylegreen #crumbtrail { color:#78bd49;}
		body#stylegreen #pageid h1{ color:#78bd49;}
		body#stylegreen .sidebar { background:#e4f2db url(../images/common/corner-roundbottomright.gif) bottom right no-repeat;}
		body#stylegreen .sidebar h4 { color: #78bd49;}
		body#stylegreen .subnav ul li a { color: #78bd49;}
		body#stylegreen .subnav ul li a:hover,
		body#stylegreen .subnav a:active {color: #78bd49;}
	
	/* - styletan ------- */
		body#styletan a{ color:#99866e;}
		body#styletan a:hover{ color:#b8ab9a;}
		body#styletan #crumbtrail { color:#99866e;}
		body#styletan #pageid h1{ color:#99866e;}
		body#styletan .sidebar { background:#ebe7e2 url(../images/common/corner-roundbottomright.gif) bottom right no-repeat;}
		body#styletan .sidebar h4 { color: #99866e;}
		body#styletan .subnav ul li a { color: #99866e;}
		body#styletan .subnav ul li a:hover,
		body#styletan .subnav a:active {color: #99866e;}
		
	/* - styledartblue ------- */
		body#styledartblue a{ color:#234894;}
		body#styledartblue a:hover{ color:#949dbe;}
		body#styledartblue #crumbtrail { color:#234894;}
		body#styledartblue #pageid h1{ color:#234894;}
		body#styledartblue .sidebar { background:#d4def3 url(../images/common/corner-roundbottomright.gif) bottom right no-repeat;}
		body#styledartblue .sidebar h4 { color: #234894;}
		body#styledartblue .subnav ul li a { color: #234894;}
		body#styledartblue .subnav ul li a:hover,
		body#styledartblue .subnav a:active {color: #234894;}
		

/* /interior page properties ------------------------------------------------*/


/* homepage properties
------------------------------------------------*/
#homeimagery {
	background-color:#ffffff;
	clear:both;}
		
	#newshighlight ul {
		border:0;
		margin:8px 0 0 0;
		padding:0;
		padding-left:15px;
		list-style-type:none;}
		
		#newshighlight ul li { margin:0;}
		html>body #newshighlight ul li { margin:10px 0 0 0;} /*-- this is hidden from ie/win --- */
		#newshighlight ul li a {
			border:0;
			margin:-17px 0 0 60px;
			padding-right: 5px;
			text-decoration:underline;
			display:block;
			text-align: left;
			font-size: 100%;
			line-height: 150%;
			font-weight:normal;}
		#newshighlight ul li a:hover,
		#newshighlight a:active { color:#385789;}

		#newshighlight ul li .date{
			margin:0;
			font-size: 100%;
			line-height: 150%;
			font-weight:normal;}
		
	.morenews {
		margin:10px;
		float:right;
		font-weight:bold;}
		
		.morenews a{ color:#580870; text-decoration:underline;}
		.morenews a:hover{ color:#00a838; text-decoration:none;}
		
/* /homepage properties ------------------------------------------------*/


/* globalnav properties
------------------------------------------------*/
#globalnav { 
	height:41px;
	width:425px;
	float:right;
	background:url(../images/common/nav-bkg.jpg) no-repeat top left;}

#globalnav li a span { display: none;}

#globalnav a { 
	height: 41px;
	background-position: 0 0;}
	
#globalnav a:hover { background-position: 0 -41px;}

div#globalnav ul {
	margin:0;
	padding:0;
	float:right;
	list-style:none;}

div#globalnav li {
	float:left;}

div#globalnav li a {
	height: 41px;
	float: left;
	display: block;}

#globalnav a#services { 
	width: 85px;
	background-image: url(../images/common/nav-services1.jpg); }

#globalnav a#work { 
	width: 62px;
	background-image: url(../images/common/nav-work1.jpg); }

#globalnav a#contact { 
	width: 85px;
	background-image: url(../images/common/nav-contact1.jpg); }

#globalnav a#company { 
	width: 84px;
	background-image: url(../images/common/nav-company1.jpg); }

/*  sub navigation styles */


.subnav {
	margin: 0;
	padding: 0;
	width:250px;
	font-size: 9pt;
	color:#580870;
	background: transparent;}
	
	.subnav p {
		padding-left:25px;}
	
	.subnav ul {
		border:0;
		margin:0;
		padding:0;
		list-style-type:none;}

		.subnav ul li a {
			width: 225px;
			border:0;
			margin:0;
			padding-top: 5px;
			padding-bottom: 2px;
			padding-left: 30px;
			text-decoration: none;
			text-indent: -15px;
			display: block;
			text-align: left;
			font-size: 9pt;
			color:#580870;
			line-height: 120%;}
		.subnav ul li a:hover,
		.subnav ul li a:active { background:#fff url(../images/common/subnav-arrow.gif) center left no-repeat;}


/*  /sub navigation styles */

.highlight {
	float:right;
	text-align:center;
	margin:5px 0 10px 10px;
	padding-top:75px;
	width:200px;
	height:110px;}

#footer {
	clear:both;
	height:41px;
	background:url(../images/common/footer-bkg.jpg) top right no-repeat;
	padding-left:15px;
	padding-right:15px;}

#copyright {
	float:right;
	color:#00a838;
	font-size:85%;
	padding-top:10px;}
	
		.copyright a{ color:#580870; text-decoration:underline;}
		.copyright a:hover{ color:#00a838; text-decoration:none;}


	#copyright a,
	body#styleorange #copyright a,
	body#styleblue #copyright a,
	body#stylegreen #copyright a,
	body#styletan #copyright a{
	body#styledartblue #copyright a{
		color:#999;
		text-decoration:none;}
	#copyright a:hover,
	body#styleorange #copyright a:hover,
	body#styleblue #copyright a:hover,
	body#stylegreen #copyright a:hover,
	body#styletan #copyright a:hover{
	body#styledartblue #copyright a:hover{
		color:#777;
		text-decoration:underline;}



/*  --- form elements ----------------------------------------- */
input.search {
	background-color: #fff;
	color: #000000;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	border-left: #333 1px solid;
	border-bottom: #333 1px solid;
	text-decoration: none;
	font-size:100%;
	padding:2px;
}

input.button {
	/*background-color: #ccc;
	color: #000000;
	font-weight: bold;
	text-decoration: none;*/
	font-size:100%;
	letter-spacing:1px;
}
