/*----------------- Base Style -----------------------------------------
// 
// This CSS page is used for a base design/style for the calling website.
// It controls base page layout and color schemes.
// Base navigation menu styles are controled by this page.
//
//
// Website:     "Pet Safari"
// 
// Developer:   Joshua Robert Lipke
//               
// --------------------------------------------------------------------- */




html {  margin: 0;  padding: 0; }

body {
  margin: 0;
  padding: 0 ;
  background-color: #18280d;
  background-image: url(style_images/GrassBackground.jpg);
  background-repeat: repeat-x;
  color: #000000 ;
  font-family: Verdana, Arial, Helvetica, Sans-serif ;
  font-size: 0.8em ;
  text-align: center;
}


div.container {	
  width: 800px;
  margin: 0 auto 75px auto;
  padding: 0px;
  text-align: left;
  border: solid 1px #8b785b;
}

div {display: block;}

#head {
  height: 120px;
  min-height: 120px;
  padding: 0;
  background-color: #185101;
  border-bottom: solid 1px #8b785b;
}


#main {
  margin: 0;
  padding: 0;
  background-color: #4B791A;
}



/*----- Header -----*/

#logo {
  position: absolute; 
  margin-left: 17px;
  margin-top: 5px;
  text-decoration: none;
  color: white;
}

#logo img { border: none; }

#top_nav { 
  position: absolute;
  margin-top: 80px;
  margin-left: 470px;
  height: 45px;
  text-align: right;
  font-size: 10.25px;
}

#top_nav ul  {
  padding: 0; 
  list-style-type: none; 
  list-style-image: none; 
}

#top_nav li { display: inline; }

#top_nav  li a {
  text-decoration: none;
  padding: 5px 15px 5px 15px; 
  line-height: 47px;
  font-weight: bold;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-align: center;
}

#top_nav a:link { color: #C3A680;}
#top_nav a:visited { color: #C3A680;}
#top_nav a:hover { color: #E7DEBA;}
#top_nav a.ud:hover { color: #C3A680; }
#top_nav a:active {color: #000000;}




/* --------------  Left Navigation  ------------------------------------------- */

#left_nav {
  float: left;
  width: 170px;
  padding: 0;
  margin: 0;
  background-color: #4B791A;
  font-size: .75em;
}

#left_nav ul {	
  list-style-type: none; 
  list-style-image: none; 
  margin-bottom: 10px;
  margin-left: 0;
  padding: 0;
}

#left_nav ul li {
  display: block;
  list-style: none; 
  background-color: #17280C;
  text-align: left; 
  margin: 5px 10px 5px 9px; 
  padding-left: 10px;
  padding-right: 10px
}

#left_nav ul li a {
  color: #B19B4A;
  margin: 0;
  text-decoration: none;
  line-height: 30px;
  font-weight: bold;
  letter-spacing: .12em;
  text-transform: uppercase; 
  padding: .25em; 
}

#left_nav a:hover { color: #E7DEBA;}
#left_nav a.ud:hover { color: #512720;}



/* --------------- Content ------------------------------------------------------ */

#content { 
  min-height: 700px;
  margin-left: 170px;
  margin-right: 0;	
  background-color: #B5973A;
  padding: 1em;
}


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

#footer {
  border: solid 1px #000000;
  margin: 0px;
  background-color: #000000;
}

#footer ul {
  margin: 7px; 
  text-align:right; 
  list-style-type: none; 
  list-style-image: none; 
}

#footer li {  padding: 6px; display: inline; }

#footer a { color: #E7DEBA; text-decoration:none; }
#footer a:hover { color: #472A25; }
#footer a.ud:hover { color: #E7DEBA;}



/*-------------------  Current Page - Style changes: links ----------------------*/

#top_nav a.current_page:link { color: #A5A5A5; }
#top_nav a.current_page:visited { color: #A5A5A5; }
#top_nav a.current_page:hover { color: #A5A5A5; }
#top_nav a.current_page:active { color: #A5A5A5; }
#top_nav a.current_page { color: #A5A5A5; }

#left_nav a.current_page { color: #A5A5A5;}
#left_nav a.current_page:hover { color: #A5A5A5;}

#footer a.current_page { color: #3E3E3E; }





/*------------ Headline Display -----------------------------------------------*/

h1 {visibility: hidden; font-size:0; position: relative; margin:0;}
#head h2{visibility: hidden; font-size:0; position: relative; margin:0;}
#left_nav h2{visibility: hidden; font-size:0; position: relative; margin:0;}
#footer h2 {visibility: hidden; font-size:0; position: relative; margin:0;}

h3 { margin-top: 35px; }

#print_link {text-align:right}




/* ----------- Link colors --------------------------------------------------- */

#content a {font-weight: bold;}
#content a:link { color:   #D9D9D9;;}
#content a:visited { color:  #7C6746;}





/* ----------- Misc Style (i.e. bold, etc.) --------------------------------- */

em { font-weight:bold; font-style:normal; }
#safari_bold { font-weight:bold; }

/* firefox fix */
a { outline: none; }