/* Layout */

* { padding: 0; margin: 0; }
body { background-color:#ecfbe6;}
#topleftbk { background-image:url(../images/top_left_bk.jpg); width:568px; height:380px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:auto; background-repeat: no-repeat; float:left;position:absolute;left:0px;top:0px;z-index:-1}
#wrapper { width:691px; margin: 0px auto 0 auto;}
#header { width:691px; height:186px; margin-top:25px; background-image:url(../images/top_header.gif)}
#footer {clear:both; height: 30px;}

/* Menu */
#menu, #menu ul{margin:10px 0 10px 0;padding:0;list-style-type:none;list-style-position:outside;position:relative;line-height:20px; float:left;}
#menu ul{float:left;display: inline; width:691px; line-height:20px;}
#menu ul li {	display:inline;	margin:0 5px 0 5px;	border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #fce100; text-align:center;}
#menu ul {font: normal 100% Century Gothic, Verdana, Arial, Sans-Serif;  padding-left:15px;}
#menu a:link, a:visited {display:inline; width:100%; padding:0.3em 5px 0.3em 5px;  text-decoration:none; color: #c26a0a; font-variant:small-caps; font-weight: 500;}
#menu a:hover {display:inline;	width:100%;	padding:0.3em 5px 0.3em 5px;	margin:0;	text-decoration:none;	background-color:#d19429;	color:#FFFFFF;}

/*PHoto Slideshow Rules*/
#headerPhotos { width:450px; height:332px; float:left; padding:100px;}
#slideshowframe {width:650px; height:532px; margin:20px 20px 0px 20px; background-image:url(../images/frame.jpg); z-index: 2;}


/* Content Background And Content List Rules*/

#topslice { background-image:url(../images/top_table.jpg); width:682px; height:10px; float:left;}
#ctrcontent { background-color:#FFF; width:682px; height:auto; float:left; background-image:url(../images/ctr_table_bk.jpg); background-repeat: repeat-y;}
#ctrcontent1 { width:682px; height:auto; float:left; margin-top:0px;}
#botomslice{background-image:url(../images/botom_table.jpg); width:682px; height:10px; float:left; z-index:-1;}
#contentlist {margin:10px 0 5px 0px;padding:0px;list-style-type:none;float:left}
#contentlist li { display:inline; background-color: #FFFFFF; padding: 7px; border: 1px solid #333333;	margin: 7px; float:left;}
#contentlist li a:link, a:visited { text-decoration:none; outline:none; }
.rightimg {background-color: #FFFFFF;	padding: 7px;	border: 1px solid #333333;	margin: 10px; float:right;}
.leftimg {background-color: #FFFFFF;	padding: 7px;	border: 1px solid #333333;	margin: 10px; float:left;}
.ctrimg {background-color: #FFFFFF;	padding: 7px;	border: 1px solid #333333;	margin: 10px; float: none;}

/* Typography */
#content {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:16px;}
#content a:link, a:visited {text-decoration:none; color: #c26a0a; font-variant:small-caps; font-weight: 200;}
#a[href^="mailto:"] {text-decoration:none; color: #c26a0a; font-weight: 200;}
#ctrcontent p {padding: 0 25px 10px 25px; margin: 0;line-height: 1.2em; text-align:justify;}
#ctrcontent h1 {margin: 20px 20px 15px 20px;border-bottom: 1px solid #ccc;font: normal 180% Century Gothic, Verdana, Arial, Sans-Serif;color: #990000;}
#ctrcontent h2 {margin: 20px 20px 10px 20px;border-bottom: 1px solid #ccc;font: normal 140% Century Gothic, Verdana, Arial, Sans-Serif;color: #990000;}
#ctrcontent h3 {margin: 20px 20px 10px 20px;border-bottom: 1px solid #ccc;font: normal 110% Century Gothic, Verdana, Arial, Sans-Serif;color: #990000;}
#footer {padding: 20px 0 10px 0;font: normal 100% Century Gothic, Verdana, Arial, Sans-Serif;color: #fff;}
.blockquote {font: normal 130% Trebuchet MS, Arial, Helvetica, sans-serif; font-style : italic;color : #2c8287;}
#footer {text-align:center; font:Verdana, Arial, Helvetica, sans-serif; vertical-align:baseline; color:#000000;  text-transform: capitalize; font-size:10px;}
.tax {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px
}

/* ---------- Misc Classes -----------*/
.clear { clear:both;}

/* sIFR (Font Replacement) Rules*/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }