body {background: #f5edd3;}

.outer ul {margin-top:14em; padding:0; list-style-type:none; background:transparent; }
.outer li {display:block; float:left;}
.outer {width: 957px ;
  margin-left: auto ;
  margin-right: auto ;
  padding-top: 2px;
  margin-top: 0px;}


.navleft {color: #454545; text-decoration: none; font-size:0.8em; padding-left:10px; font-family: Arial, sans-serif}

img
{  border-style: none;
}

.right {float:right}

.middle {text-align:center}


.zsnazzy {padding-top:180px;}
.zsnazzy h1, .zsnazzy h2, .zsnazzy p {margin:0 10px; letter-spacing:1px; padding-bottom:0em; padding-top:0.5em; font-family: myriad pro, ariel; font-weight: 600;}
.zsnazzy h1 {font-size:18px; color:#00ab67; line-height: 18px; font-family: Myriad Pro, Arial, sans-serif; font-weight: 600; margin-bottom:5px;}
.zsnazzy h2 {font-size:15px; color:#00ab67; line-height: 18px; font-family: Myriad Pro, Arial, sans-serif; font-weight: 600; margin-bottom:5px;}
.zsnazzy p {font-size:12px; color:#454545; padding-bottom:0.5em; line-height: 14px;  padding-right:0.5em; font-family: Arial, sans-serif; font-weight: 400;}
.zsnazzy h2 {padding-top:0.5em; font-family: myriad pro, ariel; font-weight: 600;}

h3 {font-size:15px; color:#454545; font-family: Myriad Pro, Arial, sans-serif; font-weight: 600; }
.zsnazzy {margin:1em; }


.ztop, .zbottom {display:block; background:transparent; font-size:1px; }
.zb1, .zb2, .zb3, .zb4 {display:block; overflow:hidden; }
.zb1, .zb2, .zb3 {height:1px;}
.zb2, .zb3, .zb4 {background: transparent url(../images/transparentbgnd.png); border-left:1px solid #f3f3f3; border-right:1px solid #f3f3f3; margin: 40pt; }
.zb1 {margin:0 5px; background: transparent url(../images/transparentbgnd.png); }
.zb2 {margin:0 3px; border-width:0 2px; }
.zb3 {margin:0 2px; }
.zb4 {height:2px; margin:0 1px; }

.zboxcontent {display:block; background: transparent url(../images/transparentbgnd.png);  border:0 solid #f3f3f3; border-width:0 1px;  padding-left:6px; padding-right:6px; }


.span { font-size:13px; font-family: sans-serif; font-weight: 600;}

.home { font-size:12px; font-family: sans-serif; font-weight: 600;   margin-top:-2px; margin-left: 0px; margin-right:-10px;letter-spacing:1px;}

.gold {color:#dda727}
.silver {color:#958f81}
.bronze {color:#987a31}
.green {color:#00ab67}

.small {font-size:10px; font-family: sans-serif; }

blockquote {font-size:12px; font-family: Arial, sans-serif; font-weight: 400;color: #454545; margin-top:-5px; margin-left: 25px; margin-right:0px; margin-bottom:5px; letter-spacing:1px;}

.all {width:100%; margin-left: auto; margin-right: auto;}


.colmask {position:relative; clear:both; float:left; width:100%; overflow:hidden;}
.colright, .colmid, .colleft {float:left; width:100%; position:relative;}
.col1, .col2, .col3 {float:left; position:relative; padding:0 0 1em 0; overflow:hidden;}
	
.threecol {background: #FFFFFF url(../images/headers/header.jpg) no-repeat;}

/* width of the right column */
.threecol .colmid {right:35%;}			
	
/* width of the middle column */	
.threecol .colleft {right:35%;}			
	
	.threecol .col1 {
		width:37%;			/* width of center column content (column width minus padding on either side) */
		left:98%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:28%;			/* Width of left column content (column width minus padding on either side) */
		left:34%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:35%;			/* Width of right column content (column width minus padding on either side) */
		left:69%;			/* (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	
/* 2 Column (left menu) settings */
.leftmenu {background: #FFFFFF url(../images/headers/header.jpg) no-repeat;}

/* right column width */
.leftmenu .colleft {right:75%;}
	
.leftmenu .col1 {
		width:72%;			/* right column content width */
		left:103%;			/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:28%;			/* left column content width (column width minus left and right padding) */
		left:4%;			/* (right column left and right padding) plus (left column left padding) */
	}

#footer {clear:both; float:left;width:100%;}
	
	#footer p {font-size:12px; font-family: Arial, sans-serif; font-weight: 400; color: #454545;}
	
A.nav:link  {color: #454545; text-decoration: none}
A.nav:active  {color: #454545; text-decoration: none}
A.nav:visited  {color: #454545; text-decoration: none}
A.nav:hover {text-decoration: none; color: #00ab67;}

A:link  {color: #00ab67; text-decoration: underline;}
A:active  {color: #00ab67; text-decoration: underline;}
A:visited  {color: #00ab67; text-decoration: underline;}
A:hover {text-decoration: underline; color: #00ab67;}



#tabs {
      float:left;
      width:100%;
      background:#f5edd3;
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
	margin:0;
	padding:0px 0px 0 664px;
	list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("../images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
     text-decoration:none; 
     font-size:0.9em; 
    font-family: Arial, sans-serif;
      }
    #tabs a .tabs {
      float:left;
      display:block;
      background:url("../images/tabright.gif") no-repeat right top;
      padding:7px 16px 4px 10px;
      color:#454545;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a .tabs {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover .tabs {
      color:#00ab67;
      }
      #tabs a .tabgreen {
      color:#00ab67;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }