/*-------------------------------------------
  ELEMENTS
-------------------------------------------*/

body {text-align: center; margin: 0;  font-size: 100%; font-family:Georgia, Garamond, serif; background: #4c433e url(../img/bg/body_bg.jpg) top center no-repeat; }

ul {list-style: none;  margin: 0;  padding: 0;}
a { outline:none; }
body, p, dl, dt, dd, table, td, th, h1, h2, h3, h4, h5, h6 {margin: 0}
address {float: right; font-style: normal; color: #aaa; width: auto; margin-top: -19px}
	   .footer a, .footer a:visited, .third a, .third a:visited {text-decoration: none; border-bottom: 1px dotted #888; color: #bbb; line-height: .7em}
	      .footer a:hover, .footer a:active, .third a:hover, .third a:active  {color: #eee}
ol {padding: 0 0 0 1.3em; margin: .5em 0 0 0}
      ol li {margin: .7em 0 .5em 0}

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

#wrapper {width: 920px; margin: 0 auto; text-align: left; height: 1%; clear: both }
.header, .footer {color: #ddd;  display: block; position: relative;   }
    .header {margin: .4em 0 .7em 0}
    .header h1 {margin: .5em 0 0 0; font-size: 1.5em; font-family: Arial, Helvetica, sans-serif;  letter-spacing: -1px; font-weight: normal; padding-top: 1px}
        .header h2 {font-size: 2em; font-weight: normal; color: #bbb;  margin: 0; text-indent: -9000px}
            .amp {font-size: .9em}
        .header p { display: block; width: 320px; position: absolute; top: 0; right: 12px; line-height: 1.25; font-style: italic; color: #444;}

								
.main {float: left; height: 1%; clear: both; width: 100%}    
.third {width: 27%; margin: 1% 4.1% 0 0; float: left; font-size: .9em; color: #ccc; border-bottom: 1px solid #333; border-right: 1px solid #333; display: inline;  background: url(../img/bg/grey.png);	padding: 1em; }
     .last {margin-right: 0; }
		.third h3 {margin: .3em 0; border-bottom: 1px solid #aaa;  color: #ddd}
		.third p {margin: .7em 0 }
		.third p.indent {text-indent: 1.8em}
		.third .drop {font-size: 2.4em; float: left;  padding-right: .18em; line-height: .9em; color: #af8080;  width: auto}
		.third ol li em {color:  #AF8080}
.footer {background: transparent url(../img/bg/grey.png); border-top: 1px solid #333; border-right: 1px solid #333; color: #bbb; margin: 1.3em 0 -28px 0; padding: 12px 10px 0 10px; width: 888px; height: 28px; position: relative; float: left; clear: both; }

.clearfix:after { content: "."; display: block; height: 0.1px; clear: both; font-size: 0; visibility: hidden; }
.clearfix { display: inline-table; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */


/*-------------------------------------------
  TABS  
-------------------------------------------*/

.usual {color:#111; margin:8px auto; height: 524px;   } 
	.usual div {clear:left;}

.usual ul {margin: 0; }
.usual li { list-style:none; float:left;margin: 0; width: auto}
	.usual li.first {margin-left: 108px}
.usual a {display:block; padding: 6px 13px; text-decoration:none;  margin: 0 1px 0 0; width: auto;
font: normal .7em  'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
color:#fff; background: transparent url(../img/bg/grey.png)}
	.usual a:hover {color:#fff; background:#222; }
	.usual a.selected {margin-bottom:0; color:#fff; background: transparent url(../img/bg/tab_bg.png); cursor:default; background-color: inherit;}

/*-------------------------------------------
  ACCORDION PANELS  
-------------------------------------------*/

 ul.accordion li.panel { float: left; text-align: left; display: block; margin: 3px 5px 0 0;  background: #efefef url(../img/bg/bg.png) repeat-x scroll 0 0;	width: auto; color:#f0cdcd;  }
	
.toggle {display: block; overflow: hidden;	height: 486px; width: 72px; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
		#a1, #b1, #c1, #d1, #e1, #f1, #g1, #h1, #i1, #j1 {width: 830px;	height: 486px; }
	.toggle h2 {font-size: 1.1em;	 color: #fff; margin: 6px 0 4px 6px; cursor: pointer; background-color: inherit;}
  .toggle img { background: #fff; color: #333; padding: 2px; border: 1px solid #bbb; border-right: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f;  width: 620px; height: 420px; float: left; margin: 6px 10px 20px 74px; display: block;}

  dl {margin: 46px 10px 12px 80px; font-size: .75em;}
		dt {text-transform:uppercase; font-weight: bold;	margin: 2.2em 0 1em 0;	}  
		dd {line-height: 1.45em; color: #333; border-bottom: 1px solid  #dadada; padding: .5em 0;}
		dd small {font-size: .85em; color: #727272; text-transform: uppercase; display: block}
		.usual dd a {background: none; color: #333; border-bottom: 1px dotted #bfbfbf; font: normal 1em Georgia, Garamond, serif; display: inline; padding: 0}
		  .usual dd a:hover {background: none; color: #bf5353}

		.usual ul a.site, .usual ul a.site:visited {display: block; width: auto; background: #efefef; font: normal 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;  color: #505050;  text-transform: uppercase; letter-spacing: .01em;  float: right; text-decoration: none; padding-right: 8px; margin-right: 16px; background: #efefef url(../img/bg/site_bg.png) no-repeat center right;}
     .usual ul a.site:hover {color: #bf5353}
  
  
  /*-------------------------------------------
	  IE OVERRIDES 
-------------------------------------------*/

* html .footer {width: 884px}
* + html .footer {width: 886px}
* html ol {padding: 0 0 0 1.7em}
* + html ol {padding: 0 0 0 1.7em}
* html address {margin-top: -8px}
* + html address {margin-top: -13px}
* html .toggle img  {margin-left: 37px}
* html dl {margin-left: 700px}
* html .usual li.first {margin-left: 50px}

  /*-------------------------------------------
	  SAFARI AND CHROME OVERRIDES 
-------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
h1, h2, dt {text-shadow:rgba(0,0,0,0.01) 0 0 0;}
dl {font-size: .8em}

}