@import url(/National_Library/cs_/https://www.atlasquest.com/css/base.css);

/* Default settings for the content area of the page */
/* Default formatting for links */
a {
   color:#069;
}

a:visited {
   color:#09c;
}

a:hover {
   color:maroon;
}

/* Non-content styles, such as that used in the headers and footers */
body > header, body > footer {
   color:white;
   background:#28006a none;
   text-shadow:1px 1px 1px black;
}

body > header a, body > header a:visited,
body > footer a, body > footer a:visited {
   color:#8ff;
   background:transparent none;
   text-shadow:1px 1px 1px black;
}

/***********************************/
/* Menubar formatting              */
/***********************************/
/* ul.menu styles the top menu bar */
ul.menu {
   border-bottom:1px black solid;
}

/* table.menu styles the bottom menu bar */
table.menu {
   border-top:1px black solid;
   border-bottom:1px black solid;
}

/* These selectors style the submenus for both the top and bottom menubars */
ul.menu li ul, table.menu tr td {
   background:white none;
}

/* This selector styles only the dropdowns in the top menubar */
ul.menu li ul {
   border:1px black solid;
   border-top:none;
}

/* Formats the main menu's links */
.menu, .menu a, .menu a:link, .menu a:visited {
   color:#036;
   background:#9cc6ef url(/National_Library/oe_/https://www.atlasquest.com/css/normal/menubar.gif) repeat-x;
   background:#9cc6ef linear-gradient(#EFF7FF, #9CC6EF);
   text-shadow:1px 1px 1px white;
}

/* Formats the submenu's links */
.menu ul li, .menu ul li a, .menu ul li a:link, .menu ul li a:visited {
   color:#036;
   background:transparent none;
   text-shadow:1px 1px 1px white;
}

/* Also formats the main menu and submenu's links, but only when the mouse cursor hovers over a selection */
.menu a:hover, .menu ul li a:hover {
   color:yellow;
   background:#3108ad url(/National_Library/oe_/https://www.atlasquest.com/css/normal/menubarhover.gif) repeat-x;
   background:#3108ad linear-gradient(#317BF7, #3108AD);
   text-shadow:1px 1px 1px black;
}

/* Formats the separator or "gap" in a submenu */
.menu .gap {
   width:70%;
   height:1px;
   background:gray none;
}

/************* END OF MENU FORMATTING ********/

/* Formatting for the main headers on a page. The ".widget .header" is applied to the widget headers on My Page. */
h1, h2, h3, .widget .header {
   color:#339;
   background:transparent none;
}

/* Formatting for THE main header on a page */
h1 {
   padding:0;
}

/* Formatting for a secondary header on a page, including the special case widget headers on My Page. */
h2, .note h2, .widget.note .header {
   color:#228;
   text-shadow:-1px -1px 0 rgba(255, 255, 255, .5);
   background:#ccc url(/National_Library/oe_/https://www.atlasquest.com/css/normal/h2.jpg) repeat-y left;
   background:#ccc linear-gradient(to right, #C1C1FF, #D7D6FF);
}

/* Formatting for the logos to be displayed */
.logoJpg, .logoGif {
   width:141px;
   height:182px;
   background:transparent url(/National_Library/oe_/https://www.atlasquest.com/css/normal/logo.jpg);
}

.logoGif {
   background:transparent url(/National_Library/oe_/https://www.atlasquest.com/css/normal/logo.gif);
}

/* Formatting for the long graphic at the top of every page */
#header {
   border-color:black;
   background:#ddf url(/National_Library/oe_/https://www.atlasquest.com/css/normal/titlebar.jpg);
   height:53px;
}

/* Formatting for the "Atlas Quest" at the top of every page */
#headerTitle {
   background:#fffded none;
   border:1px black solid;
}

/* Formatting for the "A Letterboxing Community" at the top of every page */
#headerSubtitle {
   color:white;
   background:transparent none;
   text-shadow:1px 1px 1px black;
}

/* A "note" is usually user-generated content such as a post on a message board or AQ mail messages. The "bgLight" is what AQ uses to make things easier to read like the alternating colors on a table's rows. Anywhere a normal background color *would* work, but a slightly off-color helps with readability. "frame" is any block or area I want to use as an aside of sorts. It will have a border around it and have a background color distinguishing it from the primary background color. You can see an example of frames used on the main home page of Atlas Quest, where it has information for contacting a member. */
.bgLight, .note, .frame, legend, table.toggleTable {
   background:#eef none;
}