/* Wild Birds Unlimited - Core Style Sheet - 2007 Website */

/* ----IMPORT STYLE SHEETS ---- */

/*------------------------------------------------*/
/* MAIN LAYOUT SECTION START*/
/*------------------------------------------------*/
body, html
{
font-family: arial, verdana, sans-serif;
color: #666;
font-size: 12px;
line-height: 16px;
background: #fff7e4 url(../images/main_back.gif) 0px 0px repeat;
padding: 0px;
margin: 0px;
text-align: center;
}

#MainContainer
{
position: relative;
width: 861px;
margin: 0 auto;
padding-top: 10px;
text-align: left;
clear: both;
}

p,h1,h2,h3,span,form
{
padding: 0px;
margin: 0px;
}

a:link, a:visited, a:active
{
color: #55703a;
}

a:hover
{
color: #9e9b4c;
}

.Error
{
color: #900;
}

.Small
{
font-size: 10px;
color: 999; 
}


/*------------------------------------------------*/
/* Header SECTION START*/
/*------------------------------------------------*/
#HeaderContainer
{
position: relative;
height: 95px;
width: 100%;
background: url(../images/header_back.gif) 0px 0px repeat-x;
}

#Header
{
position: relative;
width: 861px;
margin: 0 auto;
text-align: left;
}

#Logo
{
float: left;
width: 341px;
height: 90px;
padding-top: 5px;
margin-left: 20px !important;
margin-left: 10px;
}

#Birdfood
{
float: right;
width: 248px;
height: 82px;
margin-right: 20px !important;
margin-right: 10px;
}


/*------------------------------------------------*/
/* Content SECTION START*/
/*------------------------------------------------*/
#ContentTop
{
position: relative;
height: 26px;
padding: 14px 0px 0px 20px;
background: #fdba31 url(../images/content_top_back.gif) 0px 0px no-repeat;
}

#ContentTopText
{
position: absolute;
top: 24px;
left: 19px;
font-family: arial, verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #bb820f;
z-index: 5;
}

#ContentContainer
{
position: relative;
background: url(../images/content_back.gif) 0px 0px repeat-y;
float: left;
}

#SideContent
{
float: left;
width: 210px;
margin-left: 5px !important;
margin-left: 2px;
background: url(../images/side_back.gif) 0px 0px no-repeat;
}

#MainContentContainer
{
float: left;
width: 646px;
}

#MainContent
{
position: relative;
width: 606px;
padding: 20px 0px 20px 20px;
}

#MainContent h1
{
font-family: georgia, times, serif;
color: #55703a;
font-weight: normal;
font-size: 26px;
line-height: normal;
margin: 5px 0px 15px 0px;
}

#MainContent h2
{
font-family: georgia, times, serif;
font-size: 19px;
font-weight: normal;
font-style: italic;
line-height: normal;
color: #333;
margin-top: 20px;
}

#MainContent h3
{
font-size: 15px;
font-style: italic;
line-height: normal;
margin-top: 20px;
color: #333;
}

#MainContent p
{
margin: 15px 0px;
color: #333;
}

#MainContent ul, #MainContent ol
{
color: #333;
}

#MainContent .Red1
{
color: #930;
}

#MainContent .Red2
{
color: #ac1a2f;
}

#ContentFoot
{
position: relative;
clear: both;
height: 10px;
font-size: 1px;
background: url(../images/content_foot.gif) 0px 0px no-repeat;
}


/*------------------------------------------------*/
/* Home Promo SECTION START*/
/*------------------------------------------------*/
#HomePromo
{
position: relative;
width: 645px;
height: 210px;
margin: -49px 0px 0px 1px;
background: url( '/download/53564?type=.jpg' ) 0px 0px no-repeat;
z-index: 2;
}

#HomeText
{
position: absolute;
color: #55703a;
top: 143px;
right: 27px;
width: 223px;
height: 47px;
padding: 10px 13px;
}


/*------------------------------------------------*/
/* Navigation SECTION START*/
/*------------------------------------------------*/
#Nav
{
position: relative;
width: 196px;
margin: 10px 0px 0px 7px;
padding: 0px;
}

#Nav ul
{
padding: 0px;
margin: 0px;
}

#Nav li
{
list-style: none;
margin: 7px 0px;
padding: 0px;
}

#Nav li.Dash
{
height: 1px;
background: url(../images/nav_dash.gif) 0px 0px repeat-x;
margin: 0px;
}

#Nav li a:link, #Nav li a:visited, #Nav li a:active
{
display: block;
font-size: 12px;
color: #55703a;
font-weight: bold;
text-decoration: none;
padding-left: 10px;
}

#Nav li a:hover
{
color: #9e9b4c;
}

/* Sub Items */
#Nav li.Sub
{
margin: 0px;
padding: 0px;
list-style: none;
}

#Nav li.Sub ul
{
list-style: none;
padding: 0px;
font-size: 9px;
margin: 0px 0px 0px 34px;
color: #907e5c;
}

#Nav li.Sub ul li
{
list-style: disc;
margin: -5px 0px 8px 0px !important;
margin: -1px 0px 1px 0px;
padding: 0px;
}

#Nav li.Sub ul li a:link, #Nav li.Sub ul li a:visited, #Nav li.Sub ul li a:active
{
font-size: 11px;
color: #9e9b4c;
font-weight: bold;
text-decoration: none;
padding: 0px;
margin: 0px;
}

#Nav li.Sub ul li a:hover
{
color: #4c4b25;
}


/*------------------------------------------------*/
/* Franchisee Info SECTION START*/
/*------------------------------------------------*/
#ZeeContainer
{
position: relative;
width: 186px;
margin: 20px 0px 10px 12px;
}

#ZeeTop
{
position: relative;
font-size: 1px;
width: 186px;
height: 6px;
background: url(../images/zee_top.gif) 0px 0px no-repeat;
}

#ZeeInfo
{
position: relative;
font-size: 11px;
line-height: 14px;
width: 170px;
padding: 2px 7px 0px 7px;
border: 1px solid #c3ba8f;
border-top: 0px;
background: #e6e1c8;
}

#ZeeInfo h1
{
font-size: 12px;
color: #546f3a;
margin: 0px 2px 5px 2px;
}

#ZeeInfo h2
{
font-size: 12px;
margin: 8px 2px 0px 2px;
}

#ZeeInfo p
{
margin: 0px 2px 10px 2px;
}

#ZeePhoto
{
position: relative;
font-size: 10px;
border: 1px solid #c3ba8f;
background: #fff;
}

#ZeePhoto p
{
padding: 7px;
line-height: 12px;
margin: 0px;
}

#MapIt
{
position: relative;
width: 186px;
height: 48px;
margin-top: 3px;
}


/*------------------------------------------------*/
/* Google Map SECTION START*/
/*------------------------------------------------*/
div.google_map
{
float: right;
width: 400px;
height: 300px;
border: 1px solid #999;
background: #e6e1c8;
margin-bottom: 10px;
}

input.google_address
{
width: 160px;
}

div.google_directions
{
clear: both;
}


/*------------------------------------------------*/
/* Footer SECTION START*/
/*------------------------------------------------*/
#Footer
{
position: relative;
clear: both;
font-size: 11px;
width: 861px;
margin-top: 5px;
padding-bottom: 20px;
overflow: hidden;
}

#Footer a:link, #Footer a:visited, #Footer a:active
{
text-decoration: none;
color: #666;
}

#Footer a:hover
{
text-decoration: underline;
color: #9e9b4c;

}

#FooterNav
{
float: left;
color: #999;
margin-left: 20px !important;
margin-left: 10px;
}

#FooterNav p
{
margin-top: 10px;
color: #999;
}

#FooterLogo
{
float: left;
width: 197px;
}

#FooterLinks
{
float: left;
width: 625px;
margin-top: 15px;
}

#Footer a.TFB:link, #Footer a.TFB:active, #Footer a.TFB:visited
{
padding: 2px;
color: #999;
}

#Footer a.TFB:hover
{
color: #333;
background: #fc3;
text-decoration: none;
}
