/* CSS Document */

body {
color: #000;
background-color: white;
margin:0 0 0 0; 
}

p, h1, h2 {
margin: 0;
padding: 0.5em 1em 0.5em 1em;
/*
background-color: white;
*/
}
/* This doesn't work correctly in IE

ul, li {
background-color: white;
}

*/

li
{
list-style-type: square;
}
/*

a, a:link
{
color: navy
}
a:visited, a:active
{
color: maroon
}
*/

#layoutLogic {
background-color: white;
margin: 0 -1px;
width: 100%;
/* Min-Width is not currently recognized in IE (2-28-06) */
min-width: 720px;
/*
border: solid 1px black;
*/
}

#banner, #footer {
color: #000; /*Black*/
position: relative;
z-index: 13;
width: 100%;
text-align: center;
}

.page2col, .page3col {
background-color: #fff;
width: auto;
border-left: 260px solid #fff;
}
.page3col {
border-right: 260px solid white;
}

.section {
margin: 0;
width: 100%;
}

.col-A, .col-B, .col-C {
position: relative;
float: left;
/*
This only works in IE to give padding to the columns
padding: 10px;
*/
}

.col-A {
margin-right: 1px;
margin-left: -260px;
z-index: 10;
width: 260px;
}
.col-B {
margin: 0 -3px 0 -2px;
z-index: 20;
width: 100%;
min-width: 450px;
}

.col-C {
color: black;
margin-right: -260px;
margin-left: 1px;
z-index: 10;
width: 260px;
}

.clear {
clear: both;
}

.page > section {
border-bottom: 1px solid transparent;
}

.bannerMenu, .footerMenu {
background-color: white; 
padding: 5px;
border-top: 1px solid;
border-right: 2px solid;
border-bottom: 2px solid;
border-left: 1px solid;
margin: 10px 5px 10px 5px;
width: 720px;
}

.bannerMenu {
}

.footerMenu {
}

.breadcrumb {
background-color: white; 
padding: 5px;
border-top: 1px solid;
border-right: 2px solid;
border-bottom: 2px solid;
border-left: 1px solid;
margin: 10px 5px 10px 5px;
}

.printFriendly {
background-color: white; 
padding: 5px;
text-align:right;
margin: 0px 5px 0px 5px;
}

#pageInfo {
}

#pageTitle, #pageAuthor, #pageDate {
background-color: white; 
padding: 0px 5px 0px 5px;
text-align: left;
margin: 0px 5px 0px 5px;
}

#pageTitle {
text-align: center;
}

/* Position and Float on this element allow the Date to appear along side the Author on the same line, flush right...have the Date appear below the Author, simply comment out the "position" and "float" classes below */

#pageAuthor {
position:relative; 
float:left;
}

#pageDate {
text-align:right;
}

.leftNavLink {
/*
list-style-image: none;
list-style-type: none;
*/
}

.leftNavLinkSubLink, .leftNavLinkSubSubLink, leftNavLinkSubSubSubLink, .leftNavImageLink, .rightNavImageLink  {
list-style-image: none;
}

.leftNavImageLink, .rightNavImageLink  {
list-style-type: none;
padding: 0 0 0 0;
border:none;
margin: 0 0 0 0;
}

.leftNavLinkSubLink  {
list-style-type: disc;
padding-left: 20px;
}

.leftNavLinkSubSubLink, .leftNavLinkSubSubLinkNoBullet  {
padding-left: 35px;
}

.leftNavLinkSubSubSubLink {
padding-left: 45px;
}

.leftNavLinkSubSubLink  {
list-style-type: circle;
}

.leftNavLinkSubSubLinkNoBullet  {
/*list-style-type: none; */
}

.rightNavLink {
/*
list-style-image: none;
list-style-type: none;
*/
}

.leftNavTitle, .moduleTitle, .rightNavTitle {
width: 100%; 
background-color: navy; 
padding: 5px 5px 2px 5px;
color: white;
text-align: left;
font-weight: bold;
font-family: verdana, tahoma, arial;
font-size: 12px;
}

.moduleLink {
/*
list-style-image: none;
list-style-type: none;
*/
}

.leftNavLinkHeader, .moduleLinkHeader, .rightNavLinkHeader {
list-style-image: none;
list-style-type: none;
font-weight:bold
}

.leftNav, .module, .rightNav {
background-color: white; 
padding: 5px;
margin: 0px 0px 0px 0px;
border-top: 2px solid navy;
border-right: 3px solid navy;
border-bottom: 3px solid navy;
border-left: 2px solid navy;
}

.timeline {
	font-style:italic;
	font-size:10px;
}

.position {
	font-style:italic;
}

.position-detail {
	font-size:12px;
}

.50x50-icon {
/*	padding-top: 2px;
	padding-right: 2px;
*/
padding: 10px;
}

.66x66-icon {
	padding-top: 3px;
	padding-right: 3px;
}

.flag {
	padding-right: 5px;
}
.shop-photo {
	position:relative;
	float: left;
}