/* 
= Page Internal CSS =
This CSS file controls the presentation of all of the internal MilSpouse.org
pages. It provides styling for the menu navigation in the left column, some
base styling for EZRO content items and placement and styling of the Sidebar.

Section specific styles can be found in section_[section name].css (i.e.
section_job.css for pages under the Job section).
*/
/* Style the menu on the left side */
#menu { background: #FFF; margin-bottom: 2em; }
#menu p.header,
#menu p.return { font-weight: bold; 110%; margin: 5px 0 0 0; padding: .5em 0 .5em .5em; background: #639C63; color: #FFF; }
#menu p.header a,
#menu p.return a { color: #FFF; text-decoration: none; }
#menu ul { list-style: none; margin: 0 0 1em 0; padding-bottom: 1em; }
#menu li { border-bottom: 1px dotted #333; }
#menu li a { display: block; padding: .5em 0 .5em .5em; color: #639C63; text-decoration: none; }
#menu ul li.selected a { color: #333; font-weight: bold; }
#menu ul li.selected li a { font-weight: normal; }
#menu ul ul li.selected a { font-weight: bold; }
#menu ul ul { margin: 0 0 0 1em; padding: 0; }
#menu ul ul li { border: none; font-size: 90%; }
#menu ul ul li a { padding: .3em 0; }
#menu ul ul li.selected { list-style-image: url(/images/bullet.gif); font-weight: bold; }
#menu a:hover,
#menu li.selected a:hover { text-decoration: underline; }
#menu span.filler { display: block; background-image: url(/images/menu_default.gif); height: 122px; width: 195px; }
#AboutUs #menu span.filler { background-image: url(/images/menu_AboutUs.gif); }
#News #menu span.filler { background-image: url(/images/menu_News.gif); }
#UpcomingEvents #menu span.filler { background-image: url(/images/menu_UpcomingEvents.gif); }
#Admissions #menu span.filler { background-image: url(/images/menu_Admissions.gif); }
#Programs #menu span.filler { background-image: url(/images/menu_Programs.gif); }
#SupportOyster  #menu span.filler { background-image: url(/images/menu_SupportOyster.gif); }
/* Style the content */
#middleColumn .contentItem h2 { font-size: 100%; margin-bottom: 0; background: #639C63; color: #FFF; }
#middleColumn .contentItem h2 img { padding-right: 5px; }
#middleColumn .contentItem li { margin: .5em 0; }
/* Position and style the Sidebar */
#sidebar { float: right; width: 15em; border: 1px solid #99B2CC; margin: 0 .5em; }
#sidebar h2.title { color: #000080; background: #F1F4F8; margin: 5px 5px 0 5px; font-size: 110%; padding: .5em 0 0 .5em; }
#sidebar .contentItemBox { background: #F1F4F8; margin: 0 5px 5px 5px; padding: .5em; }
#sidebar .contentItem h2 { padding: 0; margin: 0; font-size: 100%; }