/* 
= Page CSS =
This CSS file controls the presentation for the common elements found on every
page in the MilSpouse.org web site. These include, the header, dropdown menu
navigation, and footer.

Page specific styling can be found in page_[page name].css (i.e. the home page
is styled in page_home.css).
*/
body { background: #7B947B; }
/* Style the header of the page */
#header { position: relative; height: 1%; background: #036; z-index: 10; }
#logo img { margin-left: 20px; }
/* Style the list of links that appear above the MilSpouse logo */
#topLinkBar { background: #036; margin: 0; padding: .3em .5em .3em 0; font-size: 90%; list-style: none; text-align: right; }
#topLinkBar li { display: inline; text-transform: lowercase; border-right: 1px solid #DDD; padding: 0 .4em 0 .2em; }
#topLinkBar li.last { border: none; }
#topLinkBar a { color: #FFF; text-decoration: none; }
#topLinkBar a:hover { color: yellow; text-decoration: underline; }
#topLinkBar #skiptocontent { position: absolute; left: .5em; border: none; font-size: 85%; text-transform: none; }
#topLinkBar #skiptocontent a { color: #CCE2EF; }
/* Style the dropdown navigation using the Son of Suckerfish pattern */
#navigation { border-top: 1px solid #FFF; }
#navigation,
#navigation ul { position: relative; margin: 0; list-style: none; height: 1%; z-index: 10; background: #369; height: 1.9em; } 
#navigation a { display: block; text-align: center; padding: .5em 0; color: #FFF; font: .85em/1.3 "Trebuchet MS"; font-weight: bold; text-decoration: none; }
#navigation a:hover { text-decoration: underline; }
#navigation li { float: left; width: 9.8em; background: #369; border-right: 1px solid #FFF; }
#navigation li ul { position: absolute; width: 9.9em; left: -999em; }
#navigation li ul a { text-align: left; padding: .3em .5em; }
#navigation li:hover ul,
#navigation li.sfhover ul { left: auto; }
#navigation #SupportOyster { border-right: none; }
/* Style the page title and breadcrumbs that appear at the top of each page */
#breadcrumbs { margin: .5em 0 1em 0; padding: .25em .5em; color: #FFF; background: #639C63; }
#breadcrumbs a { color: #FFF; }
/* Provide the base styles for the menu and main content area */
#middleColumn { background: #FFF; }
#middleColumn .inside { padding-left: 3px; }
#middleColumn h1#pageTitle { font-size: 120%; color: #039; }
#middleColumn .contentItemBox { padding: 0 1.5em; }
#middleColumn .contentItemBox h2 { font-size: 110%; background: #639C63; color: #FFF; padding: .25em .5em; }
#middleColumn .contentItemBox h3 { font-size: 110%; color: #039; }
#middleColumn .contentItemBox a { color: #FF9C00; }
#middleColumn .contentItemBox ul li { list-style-image: url(/images/bullet.gif); } 
#outerColumnContainer { border-left-color: #FFF; background: #FFF; }
#leftColumn .inside { border-left: 1px solid #446596; }
/* Miscellaneous styles */
img.new { padding-right: .3em; }
/* Style the footer that appears at the bottom of every page */
#footer { padding: .5em; color: #9CCE9C; font-size: 90%; text-align: center; }
#footer ul { margin: 0; list-style: none; }
#footer li { display: inline; border-right: 1px solid #9CCE9C; padding: 0 .4em 0 .2em; }
#footer li.last { border: none; }
#footer a { color: #FFF; text-transform: lowercase; text-decoration: none; }