/*
orange rule: #EBAC7D
rose nav: #DA6C6C
blue nav selected: #006600;
tag blue: #006600
maincontent text: #6D7274;
*/

body {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
 text-align: center; 
}

body, div, p, th, td, li, dd {
  font-family: Arial, Helvetica, sans-serif;

}

form { margin: 0; padding: 0;}
h1 { padding: 0px; margin: 0px; }
h2 { padding: 0px; margin: 0px; }

p { margin: 0px 0px 1em 0px; padding: 0px; }
td { line-height: 150%; } 
img { border: 0px; }
a img { border: 0px; }

ul.HNav { 
list-style-type: none; 
padding: 0px; 
margin: 0px; 
white-space: nowrap;
}
ul.HNav li { float: left;  }
ul.HNav li a { display: block; text-decoration: none; }


table.Form { margin: 1em 0px 0px 0px; padding: 0px; }
table.Form tr th { font-weight: bold; text-align: right; padding-right: 1em; vertical-align: top;}
table.Form tr td { padding-bottom: .75em; vertical-align: top; padding-right: 1em;}
table.Form tr td select,input { width: auto; }
table.Form tr td input.Submit { width: 100px; }
table.Form tr td input.Text { width: 200px; }
table.Form tr td textarea { width: 500px; }

table.Results {  margin-top: 1em;}
table.Results tr.Title { font-size: 110%; }
table.Results tr td { padding: 0px .5em .25em 0px; vertical-align: top;}
table.Results tr th { text-align: left; white-space: nowrap; vertical-align: top; }


table.Overview {} 
table.Overview tr th { 
  text-align: left; 
  vertical-align: top; 
  padding: 0px 1em 0px 0px; 
} 
table.Overview tr td {
  vertical-align: top; 
  padding: 0px 0px .25em 0px; 
}

.FloatRight { float: right; margin: 0px 0px 1em 2em; clear: right; }

div.Clear { clear: both; font-size: 0px; line-height:0px; }

div#Container {
  margin: 0px auto;
  padding: 0px;
  width: 760px;
  position: relative;
  text-align: left;
  /*font-size: 12px;*/
}

body.Popup #Container { width: 300px; margin: 0;}

div#Header {
  background: url(/res/images/global/header_highlight.jpg) no-repeat top right;
  height: 99px;
  background-repeat: no-repeat;
  position: relative;
}

div#Header img#Logo {
  position: absolute;
  left: 0px; top: 20px;
}

div#Header div#TextScaler { position: absolute; right: 0; bottom: -24px; z-index: 99; text-transform: uppercase; vertical-align: bottom; letter-spacing: .2em; font-size: 10px; }
	div#TextScaler a { color: #999; }
	div#TextScaler a.normal { font-size: 12px; } 
	div#TextScaler a.big { font-size: 14px; }
	div#TextScaler a.bigger { font-size: 16px; }
	div#TextScaler a.biggest { font-size: 20px; }

div#Header div#SuperNav { position: absolute; left: 189px; top: 0px; height: 50px;}
#SuperNav li a {  width: 80px; position: relative; color: #494949; font-size: 11px; text-transform: uppercase; display: block; height: 32px; vertical-align: bottom; padding: 9px;}

div#Header div#TopNav {
height: 50px;
width: 590px;
position: absolute;
right: 0; top: 49px;
background: url(/res/images/global/nav-bg.jpg) top right no-repeat;
}

div#TopNav ul.HNav { 
margin-top: 25px;
}

div#TopNav ul.HNav li.Home {  }
div#TopNav ul.HNav li.First {  }
div#TopNav ul.HNav li a { line-height: 100%; color: #FFF; padding: 5px 9px 9px 9px; font-size: 11px; text-transform: uppercase; }
div#TopNav ul.HNav li {  }
div#TopNav ul.HNav li.Selected a { }
div#TopNav ul.HNav li.Last a { /*padding: 0px;*/ } 
div#TopNav ul.HNav li.Last  { padding-right: 10px; } 
div#TopNav ul.HNav li.Selected a,
div#TopNav ul.HNav li a:hover { background-color: #fff; color: #0053a0;}


div#LeftNav {
  float: left;
  width: 141px;
  height: 400px;
  position: relative;
  margin: 25px 0 0 0;
clear: none;
}


div#LeftNav ul.VNav {
  list-style-type: none;
  margin: 0;
  padding: 0px 0px 17px 0px;

}

div#LeftNav ul.VNav li { margin: 0 0 .5em 0;
}

div#LeftNav ul.VNav li.Tall { 
   
}

div#LeftNav ul.VNav li.Last {  }
div#LeftNav ul.VNav li.Selected { font-weight: bold;  }
div#LeftNav ul.VNav li.Tall.Selected {  }
div#LeftNav ul.VNav li
{ 
  font-size: 10px;
  
}

div#LeftNav ul.VNav li a { 
  font-size: 10px;
  color: #00529f; 
  text-decoration: none;
  text-transform: uppercase;
  display: block; 
}

div#LeftNav ul.VNav ul.SubNav {
  margin: 0px 0 10px 0;
  padding: 0px;
}


div#LeftNav ul.VNav ul.SubNav li {
  color: #FFF;
  padding: 0 0 0 18px;
  margin: 0;
  
  
}

div#LeftNav ul.VNav ul.SubNav li a { color: #FFF; line-height: 100%; margin: 0px; padding: 0px; }


div#MainContent {
  padding: 27px 0 0 0;
  width: 580px;
  margin: 0 0 0 178px;
  background-repeat: no-repeat;
  background-position: 100% 0%;
  color: #6D7274;
  position: relative;

}

body.Popup #MainContent { width: 300px; margin: 0 0 0 1em;}

* html div#MainContent {  }

div#MainContent.Homepage,
div#MainContent.Location {
	width: 760px;
    margin:0;   
}

* html div#Container div.Homepage { margin: 0; }
* html div#MainContent.Location { margin: 0; } 

div#MainContent.Homepage h1 {
	margin: 0 0 0 30px;
	padding: .25em;
	line-height: 1.5em;
}

body.locations div#LocationLeftCol { width: 300px; padding: 0 15px 0 0; float: left;  }
body.locations div#LocationLeftCol #LocationSlideshow { margin-bottom: 1em;} 
body.locations div#LocationLeftCol #LocationSlideshow #SlideshowController { width: 100%; border: 1px solid #f00; }
	div#SlideshowController div#slideIndex {}
body.locations div#LocationRightCol { width: 245px; margin-left: 315px;  }  
body.locations div#LocationRightCol div#LocationInfo {
	width: 200px;
	margin: 1em auto;
;
}

body.locations div#LocationRightCol div#LocationLogo {
	text-align: center;
	width: 245px;
	margin-bottom: 1em;
}
div#LocationLogo { width: 245px;}
div#LocationLogo img { margin: 0px auto; }

body.locations div#LocationRightCol div#MapInfoContainer { margin-bottom: 1em;}

    p#ComingSoon { 
		background-color: #609add;
		padding: 0 .5em;
		font-family: Georgia;
		color: #fff;
	}

body.news h2 span.date { font-weight: normal; display: inline;}

div#MainContent h1 {

  color: #006600;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.5em;
}

div#MainContent h2 {
  color: #237BAE;
  font-size: 125%;
  margin-bottom: .5em;
}

div#MainContent h3 {
  color: #237BAE;
  font-size: 110%;
  font-weight: normal;
  margin-bottom: .5em;
}

div#MainContent b { color: #237BAE;}

div#MainContent ul {
  margin-left: 1.25em;
  padding-left: 0em;
}

div#MainContent ul li {
  margin-left: 0em;
  margin-bottom: .5em;
  padding-left: 0em;
}

div#MainContent a {
/*color: #237BAE;*/
/*color: #6D7274;*/
color: #556FCC;
}

div#MainContent span.Attrib { margin-left: 50px; }

div#MainContent ul.HNav { margin: 0px 0px 1em 0px;}
div#MainContent ul.HNav li { padding: 0em 1em; border-right: 1px solid #6D7274; } 
div#MainContent ul.HNav li.First { padding-left: 0px; }
div#MainContent ul.HNav li.Last { border-right: 0px; }

div#MainContent ul.List li { list-style-image: url(../images/bluearrow.jpg);}
div#MainContent ul.List ul li { list-style-type: circle; list-style-image: none;}

div#MainContent p { line-height: 175%; }

span.Emp { color: #237BAE; font-weight: bold; }

body.news div#MainContent p { margin: 0px 0px .5em 0px; }
body.news div#MainContent p.ReadMore {  margin-bottom: 1em; }


/********* H E A D E R  H I G H L I G H T S *********/
body.options div#Header { background: url(/res/images/options/header_highlight.jpg) no-repeat top right; }
body.difference div#Header { background: url(/res/images/difference/header_highlight.jpg) no-repeat top right; }
body.compliance div#Header { background: url(/res/images/compliance/header_highlight.jpg) no-repeat top right; }



/********** F O O T E R ****************/

div#Footer {
  clear: both;
  padding: 60px 0 0 0;
  
  position: relative;
}

div#Footer p { color: #063261; font-size: 9px; line-height: 100%; margin: .25em 0; text-transform: uppercase; }  
div#Footer p.Bottom, div#Footer p.Bottom a { color: #bbb8b7 }


div#Footer img#bpw { position: absolute; left: 0; bottom: 2em; }      
div#Footer img#bpwhomepage { position: absolute; left: 690px; top: -10px; }


/* SLIDESHOW */
div#SlideshowContainer { float: right; margin: 0 0 1em 1em; width: 254px; /*position: absolute; right: 0; top: 125px; width: 254px;*/}
div#Container div.SlideshowWidth { width: 580px; margin-right: 0px;  }

/******* H O M E ****************/

/* find a location on homepage */
#MainContent.Homepage table { width: 750px;}
#MainContent.Homepage img.Highlight  { margin-right: 18px }   
#MainContent.Homepage  #thingies {width: 295px; }
#MainContent.Homepage  #thingies h2 { font-size: 11px; font-weight: normal; padding:0; margin:0; }
#MainContent.Homepage  #thingies p { font-size: 11px; margin-bottom: 0em; }
#MainContent.Homepage  #thingies select, #MainContent.Homepage  #thingies input { width: 119px; font-size: 11px;}
#MainContent.Homepage #findLocation { 
	float: left; 
	
	width: 129px;
	height: 109px; 
	padding: 10px 21px 14px 18px;
	text-align: center; 
	
	/*border:solid #000;
	border-width:0 1px;
    background-color: #e7e3da;*/
	background: url(/res/images/home/find-bg.jpg) no-repeat;
	}

#findLocation button { background-color: #f00; color: #fff; border: 0; cursor: pointer; margin: .25em 0 0 0;}
#MainContent.Homepage  #trilogynews { float: left;  width: 108px; padding: 11px 0px 11px 18px;}               
#MainContent.Homepage  #trilogynews ul { list-style-type: none; margin: 0; padding:0;}    
#MainContent.Homepage  #trilogynews a { color: #0099a4; font-size: 11px; }