/* dogbreedcenter.css */

/* Block all default margins and padding */
* {
    margin: 0 auto;
    padding: 0;
}

body {
    /* Required to center wrapper in old browsers */
    text-align: center; 
    /* Style to taste */
    background-color: #54679f;
    font-family: Verdana, Geneva, Sans-Serif;
    font-size: 100%;
}


/* Wrapper sizes the layout */
#wrapper{
	/* Sets the width of the layout */
	width:45em;
	/* Centers the layout (newer browsers) */
	margin: 0 auto;
	/* Wrapper must have a border */
	border: .60em solid #ae8b45;
	/* Required so absolute mesaurement are in wrapper */
	position:relative;
  /* The rest is optional, style to taste */
  background-color:#FFFFCC;  
  margin-top: 1em;
  
}

/* ---------------------- Start layout division styles ---------------------- */
/* Branding division */
#branding{
   /* Style to taste */
  height: 6.9em;  
  background-color: #FFFFCC;
  
}

/* Style Branding H1 */


#branding h1 {
  text-align: center;
  color: #000;
  font-weight: bold;
  
}



/* Navbar division */
#navbar{
  position:absolute;
  /* Top = branding height */
  top:6.9em;
  left:0;
  /* Full wrapper width */
  width:100%;
  height:2.7em; /* Content top padding must match this height */
  background-color:#54679f;
  border-top: .2em solid #ae8b45;
  border-bottom: .2em solid #ae8b45;
  
}

#navbar a {
  float: left;
  list-style-type: none;
  margin-right: 1.5em;
  margin-top: .9em;
  text-align: center;
  color: #000;
  background-color: #d4ddf7;
  font-size: 70%;
  font-weight: bold;
  text-decoration: none;
  width: 7.8em;
  border: .0425em solid #ae8b45;
  display: block;
  
}

#navbar li {
  list-style-type: none;
  float: right;
   z-index: 2; 
}

#navbar p {
  float: left;
  font-weight: bold;
  margin-top: .65em;
  background-color: #d4ddf7;
  width: 14em;
  border: .0425em solid #ae8b45;
  font-size: 100%;
  text-align: center;
  
}



#navbar a:link,
  a:visited {
  background-color: #d4ddf7;
  color: #000;
}

#navbar a:hover {
  background-color: #8A191E;
  color: #fff;
}


/* Left column */
#leftcolumn{
  position:absolute;    
   /* Under branding and navbar */
   top:10.2em;
   left:0;   
   width: 6em;
   padding: 0;
   margin-left: .75em;
   margin-top: .5em;
   display: inline; /* Fixes bug in AOL and IE browsers*/
   
}

/* Leftcolumn menu styles */

/* Applies to leftcolumn links, visited and unvisited */
  .vertcenter a,
  .vertcenter a:link,
  .vertcenter a:visited{
  font-family: Verdana, Geneva, Arial, Sans-Serif;
  font-size: 70%;
  color: #000;
  background-color: #d4ddf7;
  font-weight: bold;
  height: 2.90em;
  width: 8.5em;
  text-align: center;
  padding-top: .200em;
  display: block;
  border: .250em solid #ae8b45;
  margin-bottom: .125em;
 
  
  
  

/* Remove the underline */
  text-decoration: none;

}
  
/* Remove bullets */
  #leftcolumn ul{
  list-style-type: none;
  
}

.vertcenter ul{
  border-bottom: .250em solid #fff;
  width: 6em;
  margin: 0;
  padding: 0;
  
}


/* Leftcolumn hover links styling */
  .vertcenter a:hover,
  .vertcenter a:active{
  background-color: #8A191E;
  color: #fff;
}


/* Content division */
#content {
    padding-top: 2.7em; /* Same as navbar height */
    /* Left margin = leftcolumn width */
    margin-left: 7.6em;
    margin-top: 1em;
    
    /* Style to taste */
    padding-bottom: 0.5em;
    background-color: #FFFFCC;
    color: #000;
    border-left: .60em solid #ae8b45;
    border-bottom: .2em solid #ae8b45;
    position: relative;
    text-align: center;  
}

.hilite {
  background-color: #ebeb38;
  color: #990000;
} 

.hilite2 {
  background-color: #ebeb38;
  color: #000;
} 

.indent {
  padding-left: 3em;
}

#content .bfacd {
   text-align: center;
   font-size: 110%;
   font-weight: bold;
   
   background-color: #000;
   color: #fff;
   margin-left: 2em;
   margin-right: 2em;
 }

#content .appear-box {
   text-align: left;
   font-size: 90%;
   border: .2em solid #ae8b45;
   padding-left: .150em;
   padding-right: .150em;
   
 }

#content .appear-box2 {
   text-align: center;
   font-size: 90%;
   border: .2em solid #ae8b45;
   padding-left: .150em;
   padding-right: .150em;
   
 }

#content .appear-box3 {
   text-align: center;
   font-size: 90%;
   
   padding-left: .150em;
   padding-right: .150em;
   
 }


/* Footer division */
#footer {
    /* Left margin = leftcolumn width */
    margin-left: 10em; 
    /* Style to taste */
    text-align:center;
    background-color: #fff;
    color: #000;
    border-top: solid 1px #B0C4D0;
    min-height: 2em;
    
    
}
/* ---------------------- End layout division styles ---------------------- */
/* ---------------------- Start Content division styles ------------------- */
/* Heading 1 tags in content division */
#content h1 {
    margin-left: .53em;
    font-size: 1.5em;
    margin-top: 1em;
}

/* Paragraphs in content division */
p
{
	font-size: 50%;
	
}

/* Bulleted lists in content division */
#content ul {
    font-size: 100%;
    margin: 1em 1.25em 1em 2.5em;
     
}

#content ul li {
    margin-bottom: 0.5em;
    
}

.top {
  font-size: 100%;
}
/* ---------------------- End Content division styles ------------------- */