/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> GLOBALS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

*								{ margin: 0; padding: 0; color: #333; }
body 							{ background: #fff url(images/bg_body_grad.jpg) repeat-x left top; text-align: center; font: 10px/1.45em "Microsoft Sans Serif", Tahoma, Trebuchet, sans-serif; } /* "Myriad Pro", Calibri, Arial, Helvetica, Verdana, sans-serif */
a,img,table,td,th,fieldset		{ border: 0; }
div,ul,ol,dl,li					{ width: auto; }
li								{ list-style: none; }
form,input,select,textarea		{ margin: 0px; padding: 0px; font-family: "Microsoft Sans Serif", Tahoma, Trebuchet, sans-serif; } /* "Myriad Pro", Calibri, Arial, Helvetica, Verdana, sans-serif */
textarea#fcomment				{ font-size: 11px; }

p								{ font-size: 1.2em; margin-bottom: .5em; }

a								{ text-decoration: none; font-weight: bold; color: #007dc3; }
a:hover							{ text-decoration: underline; }

strong,b,.strong,.b				{ font-weight: bold; }
em,i,.em,.i						{ font-style: italic; }
.nowrap							{ white-space: nowrap; }
.clearme						{ clear: both; }
.inline							{ display: inline; }
.block							{ display: block; }
.lowc							{ text-transform: lowercase; }

.tmfix							{ letter-spacing: -.65em; }

.attn							{ color: #f39; display: none; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> CONTENT STYLES  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.b0em							{ margin-bottom: 0em;  }
.b05em							{ margin-bottom: .5em; }
.b1em							{ margin-bottom: 1em;  }
.l1em							{ margin-left: 1em; }
.t2em							{ padding-top: 2em; }

.fll							{ float: left; padding-right: 5px; }
.flr							{ float: right; padding-left: 5px; }

h1,.h1							{ font-size: 2.5em;  font-weight: normal; line-height: 1em;  }
h2,.h2							{ font-size: 1.5em; margin: .75em 0 .25em 0; font-weight: normal; text-transform: uppercase; color: #f93; }
h3,.h3							{ font-size: 1.3em; margin: .75em 0 .15em 0; }
h4,.h4							{ font-size: 1.25em;  }
h5,.h5							{ font-size: 1.15em; }
h6,.h6							{ font-size: 1.15em; }

p.h1							{ line-height: 1em; } /* display: none; */
h1.p1							{ font-size: 1.2em !important; line-height: 1.45em; font-weight: bold; margin-bottom: .5em; } /* .p1 describes paragraph #1 view/display of h1 content */

.test							{ margin-left: 1em; line-height: 1.55em; }
.testatt						{ display: block; color: #666; text-align: right; font-style: italic; }

.flink							{ font-style: italic; }

a.oarrow						{ padding-right: 10px; background: url(images/bg_dropdown_tick.gif) no-repeat right center; }
a.warrow						{ padding-right: 10px; background: url(images/bg_dropdown_tick_wh.gif) no-repeat right center; }

.orange							{ color: #f93;    }
.blue							{ color: #007dc3; }

div#context li					{ margin-left: 7px; padding-left: 7px; background: url(images/bg_foot_nav_tick.gif) no-repeat left 0.5em; font-size: 1.2em; }
div#context li li				{ font-size: 100%; }

dl.alist						{ margin-bottom: .5em; }
dl.alist dt						{ font-weight: bold; font-size: 1.2em; color: #007dc3; }
dl.alist dd						{ margin-left: 7px; padding-left: 7px; background: url(images/bg_foot_nav_tick.gif) no-repeat left 0.5em; font-size: 1.2em; }
div#context dl.alist li			{ font-size: 100%; }

address							{ font-style: normal; font-size: 1.1em; }
address span#addy				{ display: block; }

/* --- Header substitutes for visuals */
.subbold						{ font-size: 1.2em; margin-bottom: .5em; font-weight: bold; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> FORM  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

form#contform					{ margin: 2em 0; }
form#contform label				{ display: block; line-height: 1em; margin-top: 3px; }
form#contform input				{ width: 85%; margin-top: 1px; border: 1px solid #007dc3; }
form#contform textarea			{ width: 85%; margin-top: 1px; border: 1px solid #007dc3; }
form#contform input#fcity		{ width: 50%; }
form#contform input#fstate		{ width: 10%; }
form#contform input#fzip		{ width: 20%; }
form#contform input#fsubmit		{ width: 30%; background: #f93; padding: 5px 3px; margin-top: 5px; cursor: pointer; }

div#formresults					{ color: #007dc3; padding-bottom: 50px; }
div#formresults p				{ color: #007dc3; }

label							{ padding-top: 7px; }

.formerror						{ color: #f00 !important; }
.formerror *					{ color: #f00; }

.freq							{ color: #007dc3; font-weight: bold; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> CONTAINERS  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#wrap						{ width: 800px; margin: 0 auto; text-align: left; padding-top: 50px; }
div#brand						{ position: relative; height: 100px; background: url(images/bg_brand.gif) no-repeat left top; }
div#nav							{ margin-top: 8px; height: 30px; background: #f93 url(images/bg_nav_corner_top_r.gif) no-repeat right top; }
div#contwrap					{ padding: 10px; background: #fff; border: 1px solid #ddd; border-width: 0 1px; }
div#foot						{ padding: 12px 8px; background: url(images/bg_footer_topper.gif) no-repeat left top; color: #999; clear: both; }

div#content						{ float: left;  width: 100%; margin-top: 10px;  }
div#conright					{ float: right; width: 187px; }
div#conleft						{ float: left;  width: 576px; }
div#connav						{ float: left;  width: 180px; }
div#context						{ float: right; width: 378px; min-height: 30em; }

/* --- 2-COL context floats */
.t2coll							{ display: block; width: 184px; float: left;  clear: left;  }
.t2colr							{ display: block; width: 184px; float: right; clear: right; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> LEFT COL / CONNAV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

span.connavhead					{ display: block; background: url(images/bg_connav_top.gif) no-repeat left top; color: #007dc3; text-transform: uppercase; height: 25px; line-height: 25px; font-size: 1.2em; padding-left: 10px; }
span.connavhead	span.lowc		{ color: #007dc3; }

#connavul ul					{ background: url(images/bg_dropdown_grad.gif) no-repeat left bottom; }
#connavul li li a				{ display: block;  color: #007dc3; border-top: 1px solid #eee; border-right: none; text-align: left; text-transform: none; line-height: 14px; padding: 4px 8px; }
#connavul li li a:hover			{ background: url(images/bg_dropdown_tick.gif) no-repeat 97% center; }
#connavul li li a .nowrap		{ color: #007dc3; font-weight: bold; line-height: 14px; }


#connavul li li#cnecrm a:hover	{ background-position: 99% center; }

#connavul li.subn a				{ padding-left: 20px; } /* see also #nav below */


/* NOTE: interior nav "on" state style in page with live variables */

#conaddress						{ margin-top: 50px; font-size: 1em; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> BRANDING  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#logo							{ position: absolute; top: 22px; left: 33px; }
#free							{ position: absolute; top: 1px; right: 10px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> RIGHT COL - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.rbase							{ height: 120px; padding: 0 10px; margin-bottom: 10px; background: url(images/bg_silo_button.gif) no-repeat left top; }
.rbase p						{ color: #f93; padding-top: 5px; text-align: right; }
.rbase *						{ font-size: 10px; line-height: 1.25em; } /* */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> NAV - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#nav li						{ display: inline; float: left; position: relative; color: #fff; line-height: 30px; }
div#nav li a					{ display: block;  color: #fff;  text-decoration: none; text-transform: uppercase; line-height: 30px; text-align: center; border-left: 1px solid #fff; padding: 0 23px; }
div#nav li ul					{ display: none;   width: 180px;   position: absolute; background: url(images/bg_dropdown_grad.gif) no-repeat left bottom; z-index: 99; }
div#nav li li					{ display: inline; width: 180px; z-index: 99; }/**/
div#nav li li a					{ display: block;  color: #007dc3; border-top: 1px solid #eee; border-left: none; text-align: left; text-transform: none; line-height: 14px; padding: 4px 8px; }	/* */
div#nav li li a:hover			{ background: url(images/bg_dropdown_tick.gif) no-repeat 97% center; }
div#nav li li a .nowrap			{ color: #007dc3; font-weight: bold; line-height: 14px; }
div#nav li a span.lowc			{ text-transform: lowercase; color: #fff; }

div#nav li:hover ul	 			{ display: block; }

/* --- fixes top and left in browsers other than IE that position to the top right of the parent li, not bottom left */
div#nav li>ul 					{ top: auto; left: auto; } 

/* --- nav exceptions and tweaks */
div#nav li#nabo					{ background: url(images/bg_nav_corner_top_l.gif) no-repeat left top; }
div#nav li#nabo a				{ border-left: none; }
div#nav li#necrm a:hover		{ background-position: 99% center; }

div#nav li.subn a				{ padding-left: 20px; } /* see also connavul above */

/* --- nav primary widths */					/* necessary because widths and padding vary with fonts and platforms 
li#nabo							{ width: 103px; }
li#nsolu						{ width: 151px; }
li#nserv						{ width: 159px; }
li#npart						{ width: 116px; }
li#ncont						{ width: 112px; }
li#nport						{ width: 153px; }

*/

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

div#foot *						{ font-size: 10px; }
div#foot p						{ color: #999; margin-top: 1.65em; text-align: center; }						
div#foot ul						{ text-align: center; }				/* float: right; width: 75%; */
div#foot li						{ display: inline; } /* float: right; */
div#foot li a					{ text-transform: uppercase; padding: 0 9px 0 5px; color: #999; background: url(images/bg_foot_nav_tick.gif) no-repeat right center; font-weight: normal; }
div#foot li#fnmap a				{ padding: 0 0 0 4px; background-image: none !important; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> EXCEPTIONS & TWEAKS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.clearfix:after 				{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* .clearfix 						{ display: inline-block; }  for--- ignore IE/Mac  */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> SITEMAP - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#sitemapul li					{ margin-bottom: 1em; }
#sitemapul li li				{ margin-bottom: 0; }
#sitemapul a					{ font-weight: normal; }
#sitemapul a .nowrap			{ color: #007dc3; }
#sitemapul a .lowc				{ color: #007dc3; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> HOMEPAGE  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#hometext					{ width: 576px; height: 272px; background: url(images/bg_home_content.jpg) no-repeat left top; z-index: 55; }/* */
/*div#homeplace					{ position: absolute; top: 20px; left: 240px; width: 336px; }*/
div#homeplace					{ margin: 0 0 0 240px; width: 336px; padding-top: 10px; }

ul#htnav						{ position: relative; float: right; }
ul#htnav li						{ background-image: none; }
ul#htnav a,a.htnav				{ padding-right: 13px; background: url(images/bg_dropdown_tick.gif) no-repeat right center; }

body#home div#content			{ margin-top: 0; }
body#home div#context			{ width: 576px; min-height: 0; }
body#home div#contwrap			{ padding-bottom: 3px; }
body#home p.h1					{ display: block; } /* temp style to over-ride the 'hide' from poor copy-writing */

div#silos						{ clear: both; padding-top: 10px; }
div#silos li					{ position: relative; float: left; display: inline; margin-right: 10px; width: 187px; height: 120px; background: url(images/bg_silo_button.gif) no-repeat left top; }
div#silos li.last				{ margin-right: 0; }

div#silos li a.oarrow			{ position: absolute; bottom: 35px; right: 10px; }

div#silos h2					{ font-size: 16px; line-height: 0.8em; font-weight: normal; color: #007dc3; margin: 10px 10px 5px 10px; text-transform: none; }
div#silos p						{ font-size: 10px; line-height: 1.25em; color: #666; margin: 0 10px; }
div#silos a						{ float: right; margin-top: 5px; }

li.bpad { margin-bottom: .5em }