/* 
    Document   : mycss
    Created on : Jan 23, 2010, 6:08:04 PM
    Author     : Gary
    Description:
        Purpose of the stylesheet follows.
CSS Measurement Units
inches, pixels(px),points(pt), cm - Fixed
%, em, ex - Variable
CSS Positions
Relative
top, bottom, left, right
Absolute
(ie position:absolute;
    top: 1in;
    left: 0;
*/
/*
Types of Selectors
1- Element selector : The name of an xhtml element ( e.g. body, p, img)
2- ID selector: the name of the ID preceded by a # sign ( e.g. #header,#nav)

*/


root {

}
html{
    height:100%;
}
body {
    margin:0;
    padding:0;
    background-color:#fffff0;
    color:#8e6b23;
    font-size: medium;
    height:100%;
}
#header{
    position:relative;
    top:0;
    height:1.15in;
    background-color:#8e6b23;
}
#header img{
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -o-border-radius: 15px;
    
}
#banner{
    
}
#background{
    width:100%;
    height: 100%;
    background-color:#fffff0;
    background-image: url(http://moodycreekkennels.com/images/pa23005.jpg);
    
 
}
#transbox
  {
  width:85%;
  height:100%;
  margin:30px 50px;
  background-color:#fffffa;
  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  }
#transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#8e6b23;
  }
  #nav {
      height:auto;
      background-color:#8e6b23;
      width:100%;
}
#nav ul {
    
    margin:0;
    padding:.25em 0 0 0;
    overflow: hidden;
    height: 1em;
    color:#8e6b23;
    font-size: larger;
    padding-top:6px;
    padding-bottom:6px;

}
#nav ul li{
    list-style-type: none;
    float:left;
    text-align: center;
        
}
#nav li a {
	display: inline-block;
	margin-left: 1.5em;
        width:130px;
        background-color: #fffffa;
        text-decoration: none;
        border: 1px solid #fff;
        border-top-left-radius: .5em;
        border-top-right-radius: .5em;
        -moz-border-radius-topleft: .5em;
        -moz-border-radius-topright: .5em;
        -o-border-top-left-radius-: .5em;
        -webkit-border-top-left-radius: .5em;
        -o-border-top-right-radius: .5em;
        -webkit-border-top-right-radius: .5em;
}


#nav li a:link {
    color:#8e6b23;
    background-color: #fffffa;
}
#footer li a:link{
    color:#fffffa;
    background-color: #8e6b23;
}
#nav li a:visited{
    color:#8e6b23;
    background-color: #eee8aa;
}
#footer li a:visited{
    color:#fffffa;
    background-color: #8e6b23;
}

#nav li a:hover,
#footer li a:hover
{
    color:#fffffa;
    background-color:#5c4033;
    border-color: #5d460e;
    border-bottom: 1px solid #fff;
}

.home #nav a[title~=Home],
.assignments #nav a[title~=Assignments],
.dogs #nav a[title~=Dogs],
.puppies #nav a[title~=Puppies]{
 color: #fffffa;
 background-color: #8e6b23;
 border-color: #fff;
 border-bottom: 1px solid #fff;
 cursor:default;
}

#subnav{
    width: 14%;
    float:left;
    box-shadow: 3px 3px 3px #666;
    -moz-box-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 3px 3px 3px #666;
    -o-box-shadow: 3px 3px 3px #666;

}
#content a:link,
#subnav a:link{
    color:black;
}
#content a:visited,
#subnav a:visited{
    color:#A6A64E;

}
#content a:hover,
#subnav a:hover{
    
}
#aside{
    float:left;
    width:10%;
     box-shadow: 3px 3px 3px #666;
    -moz-box-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 3px 3px 3px #666;
    -o-box-shadow: 3px 3px 3px #666;
    background-color: #FFFFF0;
    
}

#content{
    float:left;
    width:76%;
    padding-bottom: 4em;
    
}
#content div{
    padding-left: 1em;
}
#container {
    overflow:auto;
    min-height: 100%;
    position: relative;

}
* html #container{
    height: 100%;
}


h1 {text-align: center}
h3 {text-align: center; vertical-align: text-bottom}


#footer {
    position:relative;
    margin-top: -3em;
    height: 2em;

}
#footer ul {
    list-style-type: none;
    margin:0;
    padding:0;
    overflow: hidden;
    background-color:#8e6b23;
    color:#fffff0;
    padding: .75em;
    
}
#footer li{
    display:inline-block;
    float:left;
    padding-left: 1.5em;
}