/*
---------------------------------------------
WasatchOutback.com Style
2006.03.07
--------------------------------------------- */

html, body {
   margin: 0 10px 10px 0;
   padding: 0;
   color: #000;
   background: #F6F6F6;
   font: small Verdana, Arial, sans-serif;
}

#container {
   width: 740px;
   margin: 20px auto 0;
   padding: 0;
   background: #FFF;
}

#subcontainer {
   border: 1px solid #666666;
   border-top: none; 
   border-bottom: none;
}

h2 {
   font: Verdana, Arial, sans-serif;
   font-size: 1.2em;
   color: #666;
}


hr {
   color: #666;
   height: 1px;
   margin: 5px 5% 5px 5%;
   clear: both;
}

/* Banner Stuff
--------------------------------------------- */

td.banner {
   background: #666666;
   border-bottom: 3px solid #666666
}

td.banner_middle {
   background: #666666;
   border: none;
}

td.banner_corner {
   background: #F6F6F6;
   border: none;
}

/* Table Stuff
--------------------------------------------- */

tr.smalltext, tr.smalltext a {
   font-size: .8em;
}

td.menu {
   cell-spacing: 1em;
   text-align: center;
}

/* Main Stuff
--------------------------------------------- */

.main {
   font-size: small;
   color: #333;
   margin: 0;
   padding: 4em 20em 2em 2em;
}

/* Main Link Effects
--------------------------------------------- */

a:link {
   color : #666666;
   text-decoration : underline;
}

a:visited {
   color : #666666;
   text-decoration : underline;
}

a:hover {
   color : red;
   text-decoration : none;
}

/* Info Boxes
--------------------------------------------- */

.info {
   width: 130px;
   float: right;
   font-size: .7em;
   margin: 4em 0 0 0;
   padding: .5em 1em .5em 1em;
   border: 1px solid #666;
   border-right: none;
   clear: right;
}

.info_wide {
   width: 160px;
   float: right;
   font-size: .7em;
   margin: 4em 0 0 0;
   padding: .5em 1em .5em 1em;
   border: 1px solid #666;
   border-right: none;
   clear: right;
}

object.right_panel {
   float: right;
   margin: 4em 0 0 0;
   padding: .5em 1em .5em 1em;
   clear: right;
}

#info_home_dark {
   background: #ccccff;
}

#info_home_light {
   background: #eeeeff;
}

#info_contact_dark {
   background: #aaddaa;
}

#info_contact_light {
   background: #ccffcc;
}

/* Photos
--------------------------------------------- */

img.photo_left {
   display: block;
   float: left;
   padding: 4em 2em 2em 2em;
}

img.photo_right {
   display: block;
   float: right;
   padding: 4em 0 0 0;
}

div.gal {
   float: left;
   height: 156px;
   width: 152px;
   padding: 10px;
   margin: 8px 6px;
   background: #ffeebb;
   border: 1px solid;
   border-color: #AAA #555 #555 #AAA;
}

div.gal img {
   border: 1px solid;
   border-color: #555 #AAA #AAA #555;
}

div.ls img {
   height: 114px;
   width: 150px;
   margin: 18px 0;
}

div.pt img {
   height: 150px;
   width: 114px;
   margin: 0 18px;
}

div.gal ul {
   margin: .25em 0 0;
   padding: 0;
   font: bold x-small Arial, Verdana, sans-serif;
}

li.title {
   display: block;
   list-style: none;
   text-align: center;
}

/* Nav Stuff
--------------------------------------------- */

#nav {
   margin: 0;
   padding: 0 0 0 1em;
}

#nav li {
   list-style: none;
   float: right;
   margin-left: 1px;
   padding-left: 16px;
   font-size: 10px;
   line-height: 20px;
   white-space: nowrap;
   background: #FFF url("pix/tab_light.gif") 0 100% no-repeat;
}

#nav a {
   display: block;
   float: left;  /* IE5-Mac Hack */
   padding: 0 16px 0 0;
   text-decoration: none;
   font-weight: bold;
   background: #FFF url("pix/tab_light.gif") 100% 100% no-repeat;
   color: #333;
   width: .1em;
}

html>body #nav a {width: auto;}  /* Fixes IE6 Hack   */

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float: none}             /* End IE5-Mac Hack */

#nav a:hover {
   color: #777;
}

#nav #current, #nav #current a {
   color: #FFF;
   background-image: url("pix/tab_dark.gif");
}

/* Footer
--------------------------------------------- */

.footer {
   font-size: .6em;
   color: #fff;
   text-align: center;
}