/* walkerillustration.com */
/* base.css */

/*
  This is the base style for all body text.
  Special thanks to Owen Briggs for relative font sizing tips.
*/

body {
 font-family: "Georgia", "Times", serif;
 font-size: 76%;
 color: black;
 text-align: left;
 vertical-align: bottom;
 background-color: white;
 width: 100%;
}

/*
  Remove all margins & padding.
  They will be replaced only as needed.
*/

a,
body,
div,
fieldset,
img,
h1, 
h2, 
h3, 
h4, 
h5, 
h6,
p,
ul,
ol,
li,
form {
 margin: 0;
 padding: 0;
 border: none;
 display: block;
}

ul {
 list-style-type: square;
}

p, 
td,
ul,
ol,
fieldset {
 font-size: .8242em;  /* 10px */
 line-height: 1.8em; /* 18px */
 vertical-align: baseline;
}

ul p,
ol p,
fieldset p,
fieldset ul,
fieldset ol {
 font-size: 1em;  /* 10px */
}

p,
ul,
ol {
 margin-bottom: 1.8em;
}

/*
  This is the base style for all headers.
*/
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
 font-family: "Tahoma", sans-serif; 
 font-weight: bold;
 line-height: 1.4em;
 text-align: center;
 vertical-align: middle;
}

h1 {
 font-size: .9890em;  /* 12px */
 line-height: 1.5em; /* 18px */
 margin-bottom: 1.5em;
 text-align: center;
}

h2 {
 font-size: .8242em;  /* 10px */
 line-height: 1.8em; /* 18px */
 margin-bottom: 1.8em;
}

h3 {
 font-size: .8242em;  /* 10px */
 line-height: 1.8em; /* 18px */
 margin-bottom: 1.8em;
}

h4 {
 font-size: .8242em;  /* 10px */
 line-height: 1.8em; /* 18px */
 margin-bottom: 1.8em;
}

h5 {
 font-size: .9890em;  /* 12px */
 line-height: 1.5em; /* 18px */
 margin-bottom: 1.5em;
}

h6 {
 font-size: .8242em;  /* 10px */
 line-height: 1.8em; /* 18px */
 margin-bottom: 1.8em;
}

/*
  Default link settings
*/
a {
 display: inline;
 font-weight: bold;
 text-decoration: none; 
 outline-width: 0;
}

a:link {
 color: #000;
 background-color: inherit;
 border-bottom: 1px solid #aaa;
}

a:visited {
 color: #555;
 background-color: inherit;
 border-bottom: 1px solid #555;
}

a:hover {
 color: #888;
 background-color: inherit;
 border-bottom: 1px solid #aaa;
}

a:active {
 color: #aaa;
 background-color: inherit;
 border-bottom: 1px solid #aaa;
}

/*
  Layout settings.
*/

.clear_floats {
 clear: both;
}

#content {
 position: relative;
 padding-top: 7.6em;
 width: 100%;
 border: 1px solid red;
}

#masthead_container {
 width: 100%;
}

#masthead_container a {
 display: block;
 width: 221px;
 height: 100px;
 margin-left: auto;
 margin-right: auto;
 text-decoration: none;
 border-bottom: 0;
 background-position: 0 0;
 background-repeat: no-repeat;
 background-image: url("../images/btns/btn_rwi_footer.gif");
}

#masthead_container > a {
 /* use .png for non-IE6 browsers */
 background-image: url("../images/btns/btn_rwi_footer.png");
}

#masthead_container a:link {
 background-position: 0 0;
}

#masthead_container a:visited {
 background-position: 0 -100px;
}

#masthead_container a:hover {
 background-position: 0 -200px;
}

#masthead_container a:active {
 background-position: 0 -300px;
}

#masthead_container span {
 display: none;
}

#masthead {
 margin-left: auto;
 margin-right: auto;
 margin-top: 24px;
 width: 218px; /* width of logo */
}

#site_footer {
 font-size: .9em; /* 9px from 10px base */
 text-align: center;
 clear: both;
}

#main_menu_container {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 10;
 line-height: 0;
}

#main_menu {
 font-family: "Tahoma", "Arial", sans-serif;
 font-weight: bold;
 font-size: .75em;
 text-align: center;
 margin-top: 6px;
 margin-bottom: 0;
 margin-left: auto;
 margin-right: auto;
 width: 90%; /* arbitrary value to allow centering */
 position: relative;
}

#main_menu li {
 float: left;
}

#main_menu a {
 padding: 2px 6px;
 border-bottom: none;
}

#main_menu a:link {
 color: white;
 background-color: black;
}

#main_menu a:visited {
 color: white;
 background-color: black;
}

#main_menu a:hover {
 color: white;
 background-color: #545454;
}

#main_menu a:active {
 color: white;
 background-color: #7f7f7f;
}

#header_bar {
 position: absolute;
 top: 0;
 z-index: 1;
 width: 100%;
 height: 2em;
 background-color: black;
}

#header_bar .ver_rule_bottom {
 height: 2em;
}

.list_footer {
 width: 188px;
 margin-left: auto;
 margin-right: auto;
}

/* prev and next btns */

#btn_prev,
#btn_next {
 margin-bottom: 8px;
}

#btn_prev {
 float: left;
}

#btn_next {
 float: right;
}

#btn_prev a,
#btn_next a {
 display: block;
 width: 100%;
 height: 100%;
 border-bottom: none;
 font-family: "Tahoma", "Arial", sans-serif;
 font-weight: bold;
 text-align: center;
 line-height: 24px; /* centers text in block */
 display: block;
 width: 72px;
 height: 24px;
 color: white;
 background-color: black;
 background-position: 0 0;
 background-repeat: no-repeat;
}

#btn_prev a:link,
#btn_next a:link {
 background-position: 0 0;
}

#btn_prev a:visited,
#btn_next a:visited {
 background-position: 0 -24px;
}

#btn_prev a:hover,
#btn_next a:hover {
 background-color: #545454;
 background-position: 0 -48px;
}

#btn_prev a:active,
#btn_next a:active {
 background-color: #7f7f7f;
 background-position: 0 -72px;
}

#category_head,
#section_head h1,
#section_link h2,
#page_head {
 position: relative;
 margin-left: auto;
 margin-right: auto;
 width: 192px; /* matches background image, section_head */
               /* & section_link */
 font-size: .9066em;  /* 11px */
 line-height: 1.3636em;
 margin-top: 4em;
 z-index: 100;
}

#page_head {
 margin-top: 6.8em;
 color: white;
}

/* navigation hierarchy */

#section_head,
#section_link {
 position: absolute;
 top: 0;
 width: 100%;
}

#section_head h1,
#section_link h2 {
 color: white;
}

#section_link a {
 color: white;
 display: block;
 background-color: black;
 background-position: 0 0;
 background-repeat: repeat-x;
 border-bottom: 0;
}

#section_link a:link {
 background-color: black;
 background-position: 0 0;
}

#section_link a:visited {
 background-color: black;
 background-position: 0 -48px;
}

#section_link a:hover {
 background-color: #454545;
 background-position: 0 -96px;
}

#section_link a:active {
 background-color: #7f7f7f;
 background-position: 0 -144px;
}

/* section_menu.css       */

#sections_menu {
 position: relative;
 z-index: 100;
}

#sections_menu li {
 margin-bottom: 16px;
 list-style-type: none;
 text-align: center;
}

#sections_menu h2 {
 position: relative;
 font-size: 1.1em;
 width: 192px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 8px;
}

#sections_menu a {
 line-height: 48px;
 color: white;
 display: block;
 height: 48px;
 background-color: black;
 background-position: 0 0;
 background-repeat: repeat-x;
 border-bottom: 0;
}

#sections_menu a:link {
 background-color: black;
 background-position: 0 0;
}

#sections_menu a:visited {
 background-color: black;
 background-position: 0 -48px;
}

#sections_menu a:hover {
 background-color: #454545;
 background-position: 0 -96px;
}

#sections_menu a:active {
 background-color: #7f7f7f;
 background-position: 0 -144px;
}

#sections_menu p {
 text-align: center;
 margin-top: 0;
}

/* image_list         */

#article_list {
 margin-top: 7em;
}

#article_list li {
 list-style-type: none;
 width: 188px;
 height: 48px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 8px;
 text-align: left;
 background-repeat: no-repeat;
 background-position: 0 0;
 position: relative;
}

/* override default link styles */

#article_list a:link {
 border-bottom: 0;
}

#article_list a:visited {
 border-bottom: 0;
}

#article_list a:hover {
 border-bottom: 0;
}

#article_list a:active {
 border-bottom: 0;
}

#article_list a {
 font-family: "Tahoma", "Arial", sans-serif;
 font-weight: bold;
 line-height: 40px;
 display: block;
 height: 40px;
 padding-left: 54px;
 background-repeat: no-repeat;
 background-position: 4px 5px;
 border-bottom: none;
 position: relative;
 top: 4px;
 left: 4px;
}

#article_list a span {
 float: left;
}

#article_list a:link {
 background-position: 0 0;
}

#article_list a:visited {
 background-position: 0 -40px;
}

#article_list a:hover {
 background-position: 0 -80px;
}

#article_list a:active {
 background-position: 0 -120px;
}

/* image display  */

.image_title {
 position: relative;
 z-index: 10;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 color: white;
 background-color: black;
}

img#image_display {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-top: 12px;
 margin-bottom: 16px;
}

#text_column {
 width: 240px;
 margin-left: auto;
 margin-right: auto;
}

#caption {
 text-align: center;
}

.image_info {
 text-align: left;
 line-height: 1.1em;
}

.info_label,
.info_data {
 float: left;
 margin-bottom: .6em;
}

.info_label {
 width: 6.4em;
 width: 30%;
 clear: both;
 text-align: right;
}

.info_data {
 font-weight: bold;
 width: 60%;
 padding-left: 8px;
}

#image_copyright {
 font-size: .8em; /* 9px from 10px base */
 text-align: center;
 font-style: italic;
 padding-top: .8889em;
 clear: both;
}