@import url(fonts_n_colors.css);
@import url(buttons.css);

/*------------------------------------------------------------------------------------------------
*  Style Rules to set up the major page divisions. 
 -------------------------------------------------------------------------------------------------*/
body { padding:0; border:0; margin:0;
       background:#211d1e url(/images/template/body_grad.gif) repeat-x;  text-align:center;}
#pagewrapper {width:800px; margin:20px auto; text-align:left; background: url(/images/template/silver_bullet.jpg) no-repeat center bottom; padding-bottom:150px;} 
#breadcrumbs {position:static; padding:2px 20px;}
#breadcrumbs a, breadcrumbs a:visited{color: #f0b400; text-decoration:none;}
#header {background:#7d84a5 url(/images/template02/header.jpg) no-repeat; background-position: 0 -25px; height:190px; position:relative;}
#content {background:#fff url(/images/template02/left_border.gif) repeat-y left top; float:left; width:100%;}
#left{float:left; width:180px; padding-top:140px;}
#main{width:620px; float:left; }
#main_inner{padding: 45px 15px 15px 15px;}
#footer{clear:both; width:800px; height:132px; background:transparent url(/images/template02/footer.jpg);}
#footer_inner{position:relative; }
#nav{position:relative; top:155px; padding-left:150px;}
#main_nav{background:#000; padding-left:10px; height:36px; background: url(/images/template02/button_off.gif);}


/* A few absolutely positioned elements in the header and footer, and a dash of style */
#wolf{position:absolute; top:0px; left:-33px; z-index:2;}
#tagline{position:absolute; top:50px; left:510px; z-index:2;}
#footer #credit{position:absolute; top: 20px; left:20px; font-size:0.7em; color:#585f78;}
#footer #credit a, #footer #credit a:visited {color:#2c2c4c;}
#footer #copy{position:absolute; top:105px; left:220px; font-size:0.7em; color:#2c2c4c;}

.clear {clear:both;}