* {
	margin: 0;
	padding: 0;
}

html {
	font-family:Arial,Helvetica,sans-serif;
}

body {
	
	font-size: 12px;
	background: #ffffff url(http://www.keepingpetfish.com/cache/447554-body_bg.jpg) top center repeat-y;
color:#000;
}

/* Template Layout */

#header{
	background: #ff5801;
	width:950px;
	height:200px;
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-475px;
	z-index:2;
}

#pattern{
	width:650px;
	height:200px;
	position:absolute;
	top:0px;
	z-index:3;
	left:50%;
	margin-left:-475px;
}

#banner{
	width:500px;
	height:200px;
	position:absolute;
	top:0px;
	z-index:4;
	left:50%;
	margin-left:-25px;
}


#logo{
	position:absolute;
	top:55px;
	left:50%;
	margin-left:-450px;
	width:500px;
	height:100px;
	z-index:5;
}

#logo_symbol{
	height:100px;
	width:100px;
		
	position:absolute;
	top:0px;
	left:20px;
	z-index:6;
}

#logo_text{
	font-size:36px;
	color:#FFFFFF;
	width:450px;
	height:45px;
	
	position:absolute;
	top:18px;
	left:130px;
	z-index:6;
}

#slogan{
	width:450px;
	height:20px;
	color:#FFFFFF;
	font-size:14px;
	
	position:absolute;
	top:65px;
	left:130px;
	z-index:6;
}

#content{
	background: #ffffff;
	width:950px;
	min-height:300px;
	margin:auto;
	padding-top:261px;
}

#content_text ul{
	padding-left:40px;
}
#content_text ol{
	padding-left:40px;
}

#content_text p{
	padding:7px 0px;
}

a, a:active {
	text-decoration: none;
	color: #ff5801;
	font-weight:bold;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3 {
	padding: 14px 0px;
	margin: 0px;
}

h1{
	font-size: 28px;
	color:#ff5801;
        font-family:Arial,Helvetica,sans-serif; 
	color:#000;
}

h2{
	font-size:18px;
}

h3{
	font-size:14px;
}


/* widget panel styles */

#widget_panel {
	list-style: none;
	margin: 0px;
	padding: 0px;
	
}
#sideNavigation{
	list-style:none;
}
#sideNavigation ul{
	list-style-type:none;
	margin:0px;
}

#sideNavigation li {
	background:url(http://www.keepingpetfish.com/cache/447552-sidenav_bg.jpg) top left no-repeat;
	height:37px;
	display: block;
	border-left: #afafaf solid 1px;
	border-right: #afafaf solid 1px;
	border-bottom: #afafaf solid 1px;
}
#sideNavigation li.first {border-top: 1px solid #DDD;}
#sideNavigation li a {
	display: block;
	color:#696969;
	text-decoration:none;
	height:37px;
	line-height:37px;
	padding-left:45px;
}
#sideNavigation li a:hover {
	background: url(sidenav_bg_hover.jpg) top left no-repeat;
	color:#ff5801;
}


/* Navigation */

#top_nav {
	width: 950px;
	height:40px;
	background: #48c950;
	position:absolute;
	top:201px;
	left:50%;
	margin-left:-475px;
	z-index:5;
}

#nav{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#nav li {
	border-right:1px solid #fff;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
}
#nav a, #nav a:visited {
	color:#fff;
	display:block;
	font-weight:normal;
	padding:12px 15px;
}
#nav a:hover, #nav a:active, .current_page_item a, #home .on {
	background:#ff5801 none repeat scroll 0 0;
	text-decoration:none;
	color:#fff;
}

#nav a, #nav a:hover {
	border:medium none;
	display:block;
	text-decoration:none;
}

#nav li ul {
  display: none;
  position: absolute; 
  width:174px;
        z-index:999;
}

#nav li  ul {
	top: auto;
	left: auto;
}

#nav li li {
	background:#48c950 none repeat scroll 0 0;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	width:172px;
}
#nav li li a {
	color:#fff;
	font-weight:normal;
	font-size:11px;
}
#nav li li a:hover, #nav li li a:active {
	background:#ff5801 none repeat scroll 0 0;
	color:#FFF;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li.over ul {
	display:block;	
}



















/* Footer */

#footer {
	background: #ffffff;
	clear:both;
	width:1000px;
	min-height:120px;
	margin:auto;
}

#footer_text{
	border-top:#afafaf 1px solid;
	width:930px;
	margin:auto;
	padding-bottom:30px;
}

#footer ul, #footer p {
	clear:both;
	float:right;
	text-align: right;
	padding:15px 20px 0px 0px;
	margin: 0;
	width:100%;
}
#footer ul li {
	border-right:1px solid #fff;
	display:inline;
	font-size:12px;
	list-style-image:none;
	list-style-type:none;
	padding:0px 10px 0px 10px;
}
#footer ul li.last {
	border: none;
	padding-right: 0;
}

#footer a{
	font-weight:normal;
	color:#696969;
}

#footer a:hover{
	text-decoration:none;
}



/* Left content */
#breadcrumbs {
	list-style-type:none;
	width:100%;
	font-size: 0.82em;
}
#breadcrumbs li { display: inline; }

#rss img {
	vertical-align: middle; padding-right: 10px;
}

















/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 ñ 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/* Layout Guides */
#edit_layout,
.layoutContainer {
	width: 950px;
	margin: 0 auto;
}