/* Behind blue eyes */

/*

------------------------------------------------------
Copyright Chugs, http://www.chugsdesigns.com/
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.

Notes

1. This style sheet uses the Tantek Box Model Hack
(voice-family etc). Read more about this hack here:
http://www.tantek.com/CSS/Examples/boxmodelhack.html

3. You can find an explanation for the image replacement
technique used in this template here:
http://www.kryogenix.org/code/browser/lir/
------------------------------------------------------

*/

body {
background: #DCDEDD;
margin: 0;
padding: 0;
font: normal 100%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", Verdana, sans-serif;
color: #444;
text-align: center;
}

/* -- links --*/

a:link {
background: transparent;
text-decoration: none;
color: #6A1B14;
font-weight: bold;
}

a:visited {
background: transparent;
text-decoration: none;
color: #AB8B7E;
font-weight: bold;
}

a:hover {
background: transparent;
text-decoration: none;
color: #6A1B14;
font-weight: bold;
border-bottom: 1px solid #6A1B14;
}

a:active {
background: transparent;
text-decoration: none;
color: #6A1B14;
font-weight: bold;
}

p {
margin: 10px 0;
}

/* -- hn --*/

h1, h2, h3, h4 {
padding: 0;
border-bottom: 1px solid #444;
background: transparent;
font-weight: bold;
font-family: "Tahoma", "Lucida Grande", "Bitstream Vera Sans", Verdana, sans-serif;
color: #444;
}

h1 {
margin: 0 0 15px 0;
font-size: 1.5em;
color: #6A1B14;
}

h2 {
margin: 15px 0;
font-size: 1.2em;

}

h3 {
margin: 15px 0;
font-size: 1.2em;
}

h4 {
margin: 0 0 15px 0;
font-size: 1.1em;
font-variant: small-caps;
letter-spacing: 0.1em;
}

#container {
width: 770px;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0 10px;
background: #fff;
border-left: 1px solid #444;
border-right: 1px solid #444;
text-align: left;
voice-family: "\"}\"";
voice-family: inherit;
width: 750px;
}

html>body #container {
width: 750px;
}

/* -- banner --*/

#banner {
height: 160px;
margin: 0 auto;
padding: 0;
background: transparent url(images/header-img.jpg) no-repeat 0 0;
border-top: 4px solid #444;
border-bottom: 4px solid #444;
text-align: left;
}




/* -- nav-main -- */

#nav-main {

margin: 165px 0 0 0;
padding: 0;

}

#nav-main ul {
float: left;
height: 25px;
margin: 0;
padding: 0;
font-size: 0.8em;
text-align: center;
}

#nav-main li {
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
}

#nav-main a {
margin: 0 1px 0 0;
padding: 3px 10px;
background: #444;
color: #AB8B7E;
text-decoration:none;
}

#nav-main a:hover {
background: #6A1B14;
color: #AB8B7E;
border-bottom: none;
}

#nav-main a.current {
margin: 0 1px 0 0;
padding: 3px 10px;
background: #AB8B7E;
color: #444;
}

/* -- top level nav -- */

#top {
display: block;
margin: 25px 0 2px 0;
padding: 0 0 10px 0;
border-bottom: 2px solid #444;
height: 36px;
voice-family: "\"}\"";
voice-family: inherit;
height: 26px;
}

html>body #top {
height: 26px;
}

#sitename {
float: left;
display: block;
width: 340px;
overflow: hidden;
padding: 32px 0 0 0;
background: transparent url(images/sanantoniologo.gif) no-repeat 0 0; margin-bottom: 0;
border-bottom: none;
height: 0px !important;
}


#nav-meta {
float: right;
display: block;
margin: 0;
padding: 8px 0 0 0;
text-align: right;
line-height: 18px;
}

#nav-meta ul {
margin: 0;
padding: 0 0 0 3px;
border-left: 1px solid #444;
font-size: 0.75em;
}

#nav-meta li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
border-right: 1px solid #444;
}

#nav-meta a {
margin: 0;
padding: 0 3px 0 3px;
background: transparent;
color: #6A1B14;
text-decoration: none;
}

/* -- content -- */

#wrap {
height: 1%;
margin: 2px 0 0 0;
padding: 35px 0;
background: transparent url(images/wrap_bg.gif) repeat-y 0 0;
border-top: 2px solid #444;
border-bottom: 4px solid #444;
}

#content {
margin: 0 220px 0 0;
padding: 0 35px 0 0;
background: transparent;
font: normal 0.8em/1.6em "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Verdana", sans-serif;
color: #444;
text-align: justify;
}

/* -- subs/supp/section nav -- */

#nav-subs {
float: right;
width: 220px;
margin: 0;
padding: 0;
background: transparent;
font-size: 0.8em;
color: #444;
text-align: left;
min-height: 500px;
}

* html #nav-subs { height: 500px; }

#nav-section {
background: transparent;
margin: 0;
padding: 0;
}

#nav-section ul {
margin: 0 0 15px 0;
padding: 0;
}

#nav-section li {
list-style-type: none;
margin: 0;
padding: 5px 0;
}

#nav-section a {
margin: 0;
padding: 0;
background: transparent;
color: #6A1B14;
text-decoration:none;
}

#nav-section a.youarehere {
border-bottom: 1px solid #6A1B14;
}

#nav-supp {
background: transparent;
margin: 0;
padding: 0;
text-align: left;
}

#nav-supp ul {
margin: 0;
padding: 0;
}

#nav-supp li {
list-style-type: none;
margin: 0;
padding: 5px 0;
}

#nav-supp a {
margin: 0;
padding: 0;
background: transparent;
color: #6A1B14;
text-decoration:none;
}

/* -- site info -- */

#info-site {
width: 750px;
margin: 2px auto 0 auto;
padding: 0;
border-top: 2px solid #444;
font-size: 0.8em;
text-align: center;
}

/* -- misc -- */

div.clear {
clear: both;
height: 0;
line-height: 0;
}