/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #222;
  background: #E1E3E8;
  background-image:url(/aassets-lfaz/3parts/3back.jpg);
  background-position: center;
  background-repeat: repeat-y;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #093A5B; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; font-family:Georgia, "Times New Roman", Times, serif; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}



/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 0 1.5em /*1.5em*/ 0 0; padding: 0; }
p img.left_tight  { float: left; margin: 0 ; padding: 0; }
p img.right { float: right; margin: 0 /*1.5em*/ 0 0 1.5em; }
img.left    { float: left; margin: 0 1.5em/*1.5em*/ 0 0; padding: 0; }
img.left_tight  { float: left; margin: 0; padding: 0; }
img.right   { float: right; margin: 0 /*1.5em*/ 0 0 1.5em;; }

a:link      { color: #B00; text-decoration: underline; }
a:visited   { color: #900; text-decoration: underline; }
a:active,
a:focus,
a:hover     { color: #F00; text-decoration: underline; }


blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul.no_indent, ol.no_indent {
	padding-left: 18px;
	}

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; /*width:100%;*/ }
table {
	border-collapse: collapse;
	/*clear: left; left-over from complex css example*/
}
th          { font-weight: bold; text-align: right; vertical-align: top;}
td          { vertical-align: top;}
thead th    { background: #949381; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
td.td_right { text-align: right; }
table.table_lined tr {
	border-bottom: 1px solid #ddd;
}
table.table_lined tr.top_row, tr.top_row {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #093A5B;
}
tr.top_row td {
	background-color: #eee;
}

table.standard_table th { text-align: left;}
table.standard_table { background: #eee; border: #ccc solid 1px;}
table.standard_table caption     { background: #ccc; text-align: center; }
tfoot       {  background: #ddd;  font-style: italic; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.big      	{ font-size: 1.2em;}
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.tight_line { line-height: 1.1em; }

p.breadcrumb          { font-size: .8em; color: #666; }
p.breadcrumb a        { color: #666; text-decoration: underline; }
p.breadcrumb a:hover  { color: #F00; text-decoration: underline; }

a.quietlink           { color: #222; text-decoration: underline; }
a:hover.quietlink     { color: #F00; text-decoration: underline; }
.lineless_link a, ul.lineless_link a, a.lineless_link       { text-decoration: none; }
.lineless_link a:hover, ul.lineless_link a:hover, a:hover.lineless_link { text-decoration: underline; }
a.bluelink            { color: #093A5B; text-decoration: none; }
a:hover.bluelink      { color: #F00; text-decoration: underline; }

ul.small_list, ol.small_list {
	margin: 0;
	padding: 0 0 0 3px;
	line-height: 1.2em;
	font-size: .8em;
	}
ul.small_list { list-style-type: circle; }
ul.small_list  a { text-decoration: none;}
ul.small_list  a:hover { text-decoration: underline; }


/* Layout
-------------------------------------------------------------- */

#bottom3 {
  background: #E1E3E8;
  background-image: url(/aassets-lfaz/3parts/3bottom.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  height: 50px;
  padding-top: 10px;
}
#bottom3 a { color: #666; text-decoration: underline; }
#bottom3 a:hover, #bottom3 a:focus { color: #900; text-decoration: underline; }

#fm1 a, #fm2 a, #fm3 a, #fm4 a  { color: #666; text-decoration: none; }
#fm1 a:hover, #fm2 a:hover, #fm3 a:hover, #fm4 a:hover { color: #900; text-decoration: underline; }

#sustain_bottom {
	/*width: 780px;*/
	background-color: #CCCCCC;
	background-image: url(/aassets-lfaz/parts2/sustain-bottom-back.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding: 5px 0 0 0;
	margin: 10px auto 15px auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 1px solid #999; 
	border-bottom: 1px solid #999; 
	height: 85px;
	}

#header {
	width: 100%;
	background: #E1E3E8;
}

#top_nav {
	width: 100%;
	height: 42px;
	background: #E1E3E8;
	background-image: url(/aassets-lfaz/3parts/3top.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
}

#sub_nav {
	width: 100%;
	background-image: url(/aassets-lfaz/3parts/3sub.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#top_text_menu {
	text-align: right;
}
#top_text_menu a { color: #666; text-decoration: none; }
#top_text_menu a:hover, #top_text_menu a:focus { color: #900; text-decoration: underline; }


#header_search {
	background-image: url(/aassets-lfaz/3parts/header-search-back.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 950px;
	text-align: center;
	padding: 0px 0 0 0;
	margin: 10px auto 18px auto; /* the auto margins (in conjunction with a width) center the page */
	height: 40px;
	/* border: 1px solid #ccc;  no border will provide exact graphic match in centered background */
	}

/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

-------------------------------------------------------------- */

a.button, button {
  /*display: block;*/
  /*float:left;*/
  margin: 0.7em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */
  
  border:1px solid #949381;
  border-top:1px solid #B4B5B9;
  border-left:1px solid #B4B5B9;

  background-color:#f5f5f5;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}

/* Negative */
body .negative {
  color:#d12f19;
}
a.negative:hover, button.negative:hover {
  background-color:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}