/*
  momc_screen.css
  Mosier McCann Newsletter Media/Screen Stylesheet
  
  ----------------------------------
  
  COLORSET:
  .background
  Page Background Lightest Green: rgb(240,238,227);
  Content-Area Background Light Green: rgb(225,222,201);
  Header Background: rgb(204,204,153);
  .foreground
  Default Foreground Teal Color: rgb(46,91,105);
  MosierMcCann Dark Green: rgb(41,94,71);
  Strong/Link Red: rgb(121,0,0);

*/

body {
  text-align: center;  
  
  background-color: rgb(240,238,227);
  font-family: verdana, sans-serif;
  color: rgb(46,91,105);
}

strong {
  font-weight: bold;
}

.red {
  color: rgb(121,0,0);
}

p {
  margin: 0 0 1em 0;
}

#widthContainer {
  width: 759px;
  margin: 21px auto 21px auto;
  
}

/*
  
  HEADER

*/

#mosierHeader {
  width: 100%;
  height: 106px;
  min-height: 106px;
  background-color: rgb(204,204,153);
  background-image: url(../aIMG/mosierHeader.gif);
  background-repeat: no-repeat;
  border-bottom: 3px solid rgb(240,238,227);
  text-align: right;
}

#mosierHeader img {
  border:0;
}

#mosierHeader a {
  text-decoration: none;
}
#mosierHeader a.headerLink {
  float: left;
  text-decoration: none;
  width: 300px;
  height: 106px;
  min-height: 106px;
}

#mosierHeader a h1 {
	display: none;
}

#mosierPrintableHeader {
  display: none;
}

/*  
  
  h2 headers for the services page

*/
#mosierServicesHeader {
  text-align: left;
  background: rgb(211,221,201);
  padding: 26px 0 15px 32px;  
  border-bottom: 3px solid rgb(240,238,227);   
}
#mosierServicesHeader h2 {
  margin: 0;
  font-size: 15px;
  font-weight: bold;
  color: rgb(46,91,105);
}




/* pulldown navigation for the services page */
#mosierServicesHeader #mosierServicesSubNav {
  float: right;
  position: relative;
  z-index: 500px;
  top: 0;
  left: 0;
  width: 225px;

  text-align: left;
  font-size: 12px;  
}
  
  
#mosierServicesHeader #mosierServicesSubNav ul {  
  position: absolute;
  left: 0;
  right: 0;
  list-style: none; 
  margin: 0; 
  padding: 0px;
  padding-top: 4px;
  background-color: #e1dec9; 
  display: none;
  width: 225px;
} 

#mosierServicesSubNav a.expander {
  display: block;
  padding: 3px 0 3px 15px;
  text-decoration: none;
  color: rgb(46,91,105);
}
#mosierServicesSubNav a.expander.active {
  color: rgb(121,0,0);
  background-color: rgb(204,204,153);
}
#mosierServicesSubNav li { 
    margin: 0; 
    margin-bottom: 10px; 
    padding: 0; 
} 

#mosierServicesSubNav li a { 
    color: rgb(121,0,0); 
    background: transparent url(http://mosiermccann.com/new/aIMG/bg_subnav_bullet.gif) 2px 4px no-repeat; 
    padding-left: 15px; 
    text-decoration: none; 
} 

#mosierServicesSubNav li a:hover { 
    color: rgb(41,94,71);
    background-image: url(http://mosiermccann.com/new/aIMG/bg_subnav_bullet_active.gif); 
}








#mosierServicesHeader #mosierServicesSubNav #navOff {
  position: absolute;
  top: 0;
  left: 0;
}
#mosierServicesHeader #mosierServicesSubNav #navOff a {
  display: block;
  padding: 3px 0 3px 6px;
  text-decoration: none;
  color: rgb(46,91,105);
}
#mosierServicesHeader #mosierServicesSubNav #navOff a:hover {
  text-decoration: none;
  color: rgb(121,0,0);
}


#mosierServicesHeader #mosierServicesSubNav #navOn {
  position: absolute;
  width: 190px;
  display: none;
  background: rgb(225,222,201);
  top: 0;
  left: 0;
}

#mosierServicesHeader #mosierServicesSubNav #navOn a  {
  display: block;
  padding: 6px;
  text-decoration: none;
  color: rgb(46,91,105);
  margin-bottom: 5px;
}
#mosierServicesHeader #mosierServicesSubNav #navOn a:hover {
  text-decoration: none;
  color: rgb(121,0,0);
}
#mosierServicesHeader #mosierServicesSubNav #navOn a.collapser  {
  padding: 3px 0 3px 6px;
  color: rgb(121,0,0);
  background-color: rgb(204,204,153);
}
#mosierServicesHeader #mosierServicesSubNav #navOn a.collapser:hover {
  text-decoration: none;
  color: rgb(46,91,105);
}
/*

  Main Structural Table

*/
table#mosierTwoColumn {

}
/* for inner services pages */
table#mosierThreeColumn {

}


/*

  SIDEBAR (td)

*/

#mosierSidebar {
  width: 267px;
  padding-bottom: 90px;
  vertical-align: top;
  background-color: rgb(225,222,201); 
  text-align: left;
}

#mosierSidebar h2 {
  margin: 0px;
  padding: 26px 0 15px 32px;
  border-bottom: 3px solid rgb(240,238,227); 

  font-size: 15px;
  color: rgb(121,0,0);
  font-weight: normal;
}
#mosierSidebar h2 a {
  color: rgb(121,0,0);
  text-decoration: none;
}
#mosierSidebar h2 a:hover {
  color: rgb(41,94,71);
}

#mosierSidebar h3 {
  margin: 0px;
  padding: 15px 0 24px 32px;

  font-size: 12px;
  color: rgb(41,94,71);
}


#mosierSidebar #sidebarNav {
  margin-left: 32px;
  padding-top: 15px;
  font-size: 12px;
  color: rgb(121,0,0);  
}

#mosierSidebar #sidebarNav div {
  margin-bottom: 1em;
}



#mosierSidebar div a {
  text-decoration: none;
  color: rgb(41,94,71);
}


#mosierSidebar div a.selected {
  color: rgb(121,0,0);
}

#mosierSidebar a:active {
  color: rgb(121,0,0); 
}

#mosierSidebar a:hover {
  color: rgb(121,0,0);  
}



/*

  SIDEBAR VARIATIONS

*/
#mosierHomePageSidebar {
  width: 311px;
  
  background-color: rgb(225,222,201);   
  text-align: left;
}
/* services */
#mosierServicesSidebar {
  margin: 0px;
  width: 267px;
  background: rgb(204,204,153);
  vertical-align: top;
  text-align: left;  
}
#mosierServicesSidebar #sidebarNav {
  margin-left: 32px;
  padding-top: 15px;
  font-size: 12px;
  color: rgb(121,0,0);  
}

#mosierServicesSidebar #sidebarNav div {
  margin-bottom: 1em;
}

#mosierServicesSidebar div a {
  text-decoration: none;
  color: rgb(121,0,0);  
}

#mosierServicesSidebar div a.selected {
  text-decoration: none;
  /*
  color: rgb(41,94,71); 
  */
  color: rgb(121,0,0);  
}

#mosierServicesSidebar a:active {
  text-decoration: none;
  color: rgb(121,0,0);  
}

#mosierServicesSidebar a:hover {
  text-decoration: none;
  color: rgb(204,102,51);
  font-weight: bold;
}

#mosierServicesSidebar #servicesRolloverContainer {
  height: 170px;
  padding: 25px 25px 0 25px;
}

#mosierServicesSidebar #servicesRolloverContainer div {
  color: rgb(204,102,51);  
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  line-height: 17px;
  width: 200px;
  display: none;
}


/* success stories */
#mosierSidebar #sidebarNav .expandableSuccessStorySubmenu {
  margin-top: -.7em;
  margin-left: 2em;
  display: none;
}
#mosierSidebar #sidebarNav .expandableSuccessStorySubmenu div{
  margin-bottom: .3em;
}
#mosierSidebar #sidebarNav .expandableSuccessStorySubmenu img{
  border: 0;
}
#mosierSidebar #sidebarNav .expandableSuccessStorySubmenu div a:hover{
  color: rgb(41,94,71);
}
#mosierSidebar #sidebarNav .expandableSuccessStorySubmenu div a:active{
  color: rgb(41,94,71);
}

#mosierSidebar #sidebarNav a.SuccessStoryMenuHandleExpanded {
  display: block;
  margin-bottom: 1em;
  padding-left: 14px;
  background-image: url('../aIMG/successStories_icon_minus.gif');
  background-position: center left;
  background-repeat: no-repeat;
  color: rgb(41,94,71);
}
#mosierSidebar #sidebarNav a.SuccessStoryMenuHandleCollapsed {
  display: block;
  margin-bottom: 1em;
  padding-left: 14px;
  background-image: url('../aIMG/successStories_icon_plus.gif');
  background-position: center left;
  background-repeat: no-repeat;
}
#mosierSidebar #sidebarNav a.SuccessStoryMenuHandleCollapsed:hover {
  color: rgb(41,94,71);
}


/* show/hide or expand/collapse things */
div.expandable h3 {
	font-size: 12px !important;
	margin: 0 !important;
	padding: 0 0 0 14px;
	color: #2e5b69;
}

div.expandable h3 a {
	text-decoration: none !important;
	font-weight: normal !important;
	color: #2e5b69;
}

div.expandable.expanded h3 a { 
	font-weight: bold !important;
	color: #c63 !important;
}

div.expandable p { 
	display: none; 
}

#expandedDisplay {
	color: #c63;
	padding: 10px 0 0 15px;
}
/* end: show/hide or expand/collapse things */


.collapsed {
  display: block;
  margin-bottom: 1em;
  padding-left: 14px;
  background-image: url('../aIMG/successStories_icon_plus.gif');
  background-position: center left;
  background-repeat: no-repeat;
}
#mosierSidebar #sidebarNav a.SuccessStoryMenuHandleCollapsed:hover {
  color: rgb(41,94,71);
}







/* photo variations */
#mosierSidebar .sidebarPhotoJustBelowNav {
  border-bottom: 3px solid rgb(240,238,227); 
}
#mosierSidebar .sidebarPhotoJustBelowNav img {
  display: block;
  border: 0;
}

#mosierSidebar .sidebarPhoto160BelowNav {
  margin-top: 150px;
  border-top: 3px solid rgb(240,238,227); 
  border-bottom: 3px solid rgb(240,238,227); 
}
#mosierSidebar .sidebarPhoto160BelowNav img {
  display: block;
  border: 0;
}









/*

  Bottom Bar Variations

*/
#decorativeThinBottomBar {
  clear: both;
  border-top: 3px solid rgb(240,238,227);   
  text-align: left;
}
#decorativeThinBottomBar img{
  border-right: 3px solid rgb(240,238,227); 
}

#bottomAlignedLargeSidebarImage {
  text-align: left;
  vertical-align: bottom;
  background-color: rgb(225,222,201); 
}
#bottomAlignedLargeSidebarImage img {
  border-top: 3px solid rgb(240,238,227); 
}

#decorativeGreenBottomBar {
  height: 52px;
  background: rgb(211,221,201); 
  border-top: 3px solid rgb(240,238,227);  
  text-align: left;
}
#decorativeGreenBottomBar img{
  border-right: 3px solid rgb(240,238,227); 
}
#decorativeGreenBottomBar .greenBottomBarQuote {
  padding-top: 4px;
  margin-left: 280px;
  padding-bottom: 2px;
  font-size: 11px;
  color: rgb(0,88,37);
}
#decorativeGreenBottomBar .greenBottomBarAttrib {
  padding-right: 8px;
  margin-left: 280px;
  text-align: right;
  font-size: 10px;
  color: rgb(204,102,51);
}



/*

  Main Content

*/
/*
  home page main content

*/
#homePageMainContent {
  border-left: 3px solid rgb(240,238,227); 

  background-color: rgb(225,222,201);  

  vertical-align: top;
  text-align: left;

  letter-spacing: 1px;
  font-size: 15px;
  line-height: 22px;
}

#homePageMainContent #contentBody {
  margin: 30px 14px 0 24px;
}





/*
  inner pages main content and services copy rotator
*/
#mainContent {
  border-left: 3px solid rgb(240,238,227); 

  background-color: rgb(225,222,201);
  color: rgb(46,91,105);  

  vertical-align: top;
  text-align: left;

  font-size: 13px;
  line-height: 20px;
}

#mainContent p {
  font-size: 13px;
  line-height: 20px;
}

#mainContent a {
  text-decoration: underline;
  font-weight: bold;
  color: rgb(46,91,105);
}

#mainContent a.lite-link {
    font-weight: normal;
    text-decoration: none;
}


#mainContent a:hover {
  color: rgb(121,0,0);
}

#mainContent a.toplink {
  text-decoration: none;
  font-weight: normal;
  color: rgb(121,0,0);  
}

#mainContent a.toplink:hover {
  text-decoration: none;
  font-weight: normal;
  color: rgb(41,94,71); 
}

/* BreadCrumb Navigation */
#mainContent #breadCrumbNav {
  padding: 0 0 0 5px;
  font-size: 11px;
  text-align: left;
  
}
#mainContent #breadCrumbNav a{
  text-decoration: none;
  font-weight: normal;
}

#mainContent #printableVersion {
  text-align: right;
}
#mainContent #printableVersion img {
  margin-top: 3px;
  margin-right: 10px;
  border: 0;
}

/* columns */

#mainContent div.columns {
	overflow: auto;
}

#mainContent div.columns div.column {
	float: left;
	width: 190px;
	margin-right: 15px;
}

#contentBody {
  margin-left: 2em;
  margin-right: 2em;
  padding-bottom: 2em;
}

#contentBody h3 {
  margin-top: 1.5em;
  margin-bottom: 1em;
  
  font-size: 17px;
  font-weight: normal;
  line-height: 24px;
  color: rgb(121,0,0);
}



#contentBody h4 {
  color: rgb(46,91,105);
  font-size: 13px;
  line-height: 17px;   
  margin-bottom: 5px;
}


/*
  ---------------------
  PAGE SPECIFIC CONTENT
  ---------------------
*/

/*
  
  OUR MISSION PAGE SPECIFIC STYLES

*/
ul.mission {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

ul.mission li {
	list-style: outside disc;
    margin-left: 3.1em;
    margin-right: 2em;
    margin-bottom: 7px;
	color: #FFFFFF;
}
#mission h3 {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    margin-top: 0;
	margin-left: 1.5em;
    margin-right: 2em;
}
#mission {
    background-color: #63848F;
    border-top: 7px solid #FFFFFF;
	border-bottom: 7px solid #FFFFFF;
    padding-bottom: 1em;
    padding-top: 2em;
}
/*
  
  SERVICES INNER PAGE SPECIFIC STYLES

*/

td#servicesCopyText {
  width: 247px;
  padding-bottom: 3.5em;
  border-left: 3px solid rgb(240,238,227); 
  background-color: rgb(225,222,201);
  color: rgb(46,91,105);  

  vertical-align: top;
  text-align: left;

  font-size: 13px;
  line-height: 20px;
}
div.servicesCopyModule {
  padding: 10px 21px 0 21px;
}




td#servicesExtraInformation {
  border-left: 3px solid rgb(240,238,227); 
  
  background-color: rgb(206,213,184);
  color: rgb(204,102,51);  

  vertical-align: top;
  text-align: left;

  font-weight: bold;
  font-size: 12px;
  line-height: 17px;
}
td#servicesExtraInformation #extraInformation{
  padding: 10px 21px 0 21px;
}
td#servicesExtraInformation h2{
  margin: 0;
  margin-bottom: 35px;
  font-size: 30px;
  line-height: 30px;
  font-weight: normal;
  color: rgb(41,91,105);
}
.extraInformationLink {
  font-weight: normal;
  margin-bottom: 1em;
}
.extraInformationLink a {
  font-weight: normal;
  text-decoration: none;
  color: rgb(46,91,105);
}
.extraInformationLink a:hover{
  font-weight: normal;
}
.extraInformationLink img {
  border: 0px;
  margin-right: 0px;
}
/*

  Footer

*/


#mosierFooter {
  padding-top: 10px;
  background-color: rgb(240,238,227);
  font-family: verdana, sans-serif;
  font-size: 12px;
  color: rgb(46,91,105);
}

#mosierFooter a {
  text-decoration: none;
  color: rgb(46,91,105);
}

#mosierFooter a:visited {

}

#mosierFooter a:active {

}

#mosierFooter a:hover {
  color: rgb(121,0,0);
}


#mosierBottomNav {
  margin-bottom: 3px;
}

#mosierCopyright {
  margin-bottom: 3px;
  font-size: 9px;
}

#mosierCredits {
  font-size: 9px;
}

#mosierFooter #employeeLogin a {
	color: #7c0000;
	font-weight: normal;
	margin: 5px 0;
	display: block;
	font-size: .9em;
}

.no-underline, #mainContent a.no-underline {
	text-decoration: none;
}