/*---------------------------------------------------------*
 * ETAKAPPA.CSS                                                  *
 * Author: Jeffrey Lewis                                        *
 * Revision Date: 10.15.2008                                   *
 * Target: Firefox, with hacks in place for IE6/7     *
 *---------------------------------------------------------*/
html { background: #000000 url(images/background.png) no-repeat fixed center center;  }

html, body {	
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font: 12px/18px Arial, Helvetica, sans-serif;
  color: #000000;
  text-align: left;
}



/*---------------------------------------------------------*
 * TAG REDEFINITIONS                                     *
 *---------------------------------------------------------*/
a img { 
  border: none; 
}

a {
  color: #6f0606;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

strong {
  font-weight: bold;
  color: #6f0606;
}



/*---------------------------------------------------------*
 * LAYOUT ELEMENTS                                        *
 *---------------------------------------------------------*/
#container {  
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -470px;
  margin-top: -328px;
  text-align: left;
}

#container #contentBox {
  width: 922px;	
  height: 686px; 
}

#container #contentBox img {
  margin-right: -3px;
  padding: 0px;
}

#topEdge {
  float: left;
  width: 922px;
  height: 89px;
  background-image: url(images/layout-1.jpg);
}

#navigation {
  float: left;
  width: 328px;
  height: 505px;
  z-index: 0;
  background-image: url(images/layout-2.jpg);
}

#container #contentBox .header {
  float: left;
  display: block;
  clear: both;
  margin-bottom: 15px;  
}

#container #contentBox #rightEdge {
  float: left;
  width: 45px;
  height: 505px;
  background-image: url(images/layout-4.jpg);
}

#footer {
  float: left;
  width: 922px;
  height: 91px;
  margin-top: -3px;
  background-image: url(images/layout-5.jpg);
}



/*---------------------------------------------------------*
 * TEXT AREA TAGS                                            *
 *---------------------------------------------------------*/
#textArea {
  float: left;
  width: 524px;
  height: 495px;
  padding-top: 10px;
  padding-right: 25px;
  background-image: url(images/layout-3.jpg);
}

#textArea p {
  float: left;
  width: 344px;
  height: 410px;
  margin: 10px 0px 0px 0px;
}

#textArea .textColumn {
  float: left;
  width: 344px;
  height: auto;
}

#textArea .textColumn p {
  float: left;
  height: auto;
}

#textArea .textColumn ul {
  float: left;
  list-style-type: disc;
  list-style-position: inside;
  margin: 10px auto;
}

#textArea .gallery {
  float: left;
}

#textArea .gallery a {
  float: left;
  margin: 5px;
}

#textArea .imageLinks {
  float: left;
  margin: 20px 0px 0px 5px
}

#textArea .imageLinks a {
  float: left;
  margin: 0px 0px 10px 0px;
  clear:both;
}

#textArea .imgBig {
  float: left;  
}

#textArea .address {
  float: left;
  margin-left: 20px;
}

#textArea .address h2 {
  font-size: 14px;
  font-weight: normal;
  margin: 5px 0px 0px 0px;
  padding: 0px;
}

#textArea #pictureColumn {
  float: right;
  width: 170px;
  height: 410px;
  margin: 10px 0px 0px 0px;
}

#textArea #pictureColumn img {
  margin: 0px 0px 10px 0px;
}

#textArea #subNavigation {
  float: left;
  width: 500px;
  height: 23px;
}

#textArea #subNavigation a {
  margin: 0px 30px 0px 0px;
}

#textArea .divider {
  float: left;
  width: 500px;
  height: 1px;
  border: none;
  margin: 0px auto;
  padding: 0px;
  background-color: #c8c8c9;
}

#textArea .divider-image {
  float: left;
  width: 500px;
  height: 25px;
  margin: 15px auto 5px auto;
  padding: 0px;
  background-image: url(images/divider.png);
}

#textArea hr {
  float: left;
  width: 500px;
  height: 1px;
  border: none;
  color: #CCCCCC;
  background-color: #CCCCCC;
  margin: 10px 0px 0px 0px;
  padding: 0px;
} * + html #textArea hr {			/* IE7 Specific */
  margin: 12px 0px -22px 0px;
} * html #textArea hr {
  margin: 12px 0px -22px 0px;	/* IE6 Specific */
}

#textArea hr.list {
  float: left;
  width: 500px;
  height: 1px;
  border: none;
  margin: 0px auto;
  padding: 0px;
  background-color: #c8c8c9;
  color: #c8c8c9;
} * html #textArea hr.list {			/* IE6 Specific */
  display: none;
} * + html #textArea hr.list {			/* IE7 Specific */
  display: block;
  margin: 0px 0px -14px 0px;
}

#textArea .cell {
  float: left;
  width: 131px;
  height: 18px;
  padding: 0px;
  margin: 1px 0px 0px 0px;
}

#textArea a.nextPage {
  float: right;
  margin: 15px 20px 0px 0px;  
  width: 100px;
  height: 20px;
}

#textArea a.prevPage {
  float: left;
  margin: 15px 0px 0px 0px;
  width: 100px;
  height: 20px;    
}

#textArea .latestNews {
  float: left;
  width: 500px;
  margin: 10px auto 0px auto;
}

#textArea .latestNews .fullText {
  display: none;
}

#textArea .latestNews h1 img {
  vertical-align: middle;
  margin: 2px 0px 0px 0px;
}

#textArea .latestNews h1 {
  float: left;
  font-size: 18px;
  margin: 0px 0px 5px 0px;
  padding: 0px;
  color: #dd1313;
}

#textArea .latestNews h2 {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  color: #6f0606;
}

#textArea .latestNews h3 {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  color: #dd1313;
}

#textArea .latestNews h4 {
  float: left;
  font-size: 10px;
  margin: 0px;
  padding: 0px;
  color: #6F0606;
}

#textArea .latestNews h5 {
  font-size: 12px;
  margin: 0px;
  padding: 0px;
  color: #6f0606;
}

#textArea .latestNews p {
  float: left;
  width: 500px;
  height: auto;
  font-size: 12px;
  color: #000;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#textArea .cell a:link  {text-decoration: none; color: #000000; font-weight: bold;}
#textArea .cell a:hover {text-decoration: none; color: #d71313; font-weight: bold;}



/*---------------------------------------------------------*
 * CLEARFIX CODE FOR IE                                  *
 *---------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */