/* Dynamic CSS rules generated Mon, 10 May 2010 12:15:39 +0800 */
body { color: #DDD; font-family: Arial, Verdana, Helvetica, Sans-Serif; background-color: #666666; background-image: none;} 
#page { width: 760px; margin-top: 0px; font-size: 1em; line-height: 1.5em; background-image: url('/files/mmt-mid3.png'); background-repeat: repeat-y; border: none; background-color: #666666; } 
#header { height: 111px; margin-bottom: 0px; border: none; background-image: url('/files/mmt-hdr2.jpg'); background-repeat: no-repeat; background-position: center top; } 
.site-title { margin: 0px; padding: 0px; padding-top: 27px; margin-left: 45px; font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 1.5em; color: white; text-align: left; } 
.site-tagline { margin: 0px; padding: 0px; padding-top: 25px; font-family: Arial, Verdana, Helvetica, Sans-Serif; text-align: right; font-size: 1.2em; font-style: italic; color: white; margin-right: 70px; } 
#header a:link, #header a:visited, #header a:hover, #header a:active { color: white; } 
span.page_item a:link, span.page_item a:visited, span.page_item a:active { color: #FFFFFF; } 
span.page_item a:hover { color: #FFFFFF; } 
span.current_page_item a:link, span.current_page_item a:visited, span.current_page_item a:hover, span.current_page_item a:active  { color: #FFFFFF; } 
a:link, a:visited, a:active { color: #FFF; } 
a:hover { color: #B85B5A; } 
blockquote { color: #006633; background: white; text-align: justify; font-style: italic; } 
.wp-caption { border: 1px solid #ddd; background-color: #f3f3f3; }
.wp-caption p.wp-caption-text { font-weight: normal;  font-style: normal; }
blockquote.withquote { background: url(http://static.om4hub.com/wp-content/themes/om4/images/quoteopen.gif)  no-repeat; background-position: top left; }
p.withunquote { background: url(http://static.om4hub.com/wp-content/themes/om4/images/quoteclose.gif) no-repeat; background-position: bottom right; }
#footer { height: 149px; background-image: url('/files/mmt-ftr3.png'); background-repeat: no-repeat; } 
#footer p { color: #999999; } 
#footer a:link, #footer a:visited, #footer a:active { color: #999999; } 
#footer a:hover { color: #B85B5A; } 
.narrowcolumn { float: right; width: 420px; padding: 0px 0px 30px 0px; text-align: left; } 
.widecolumn { padding: 0px 0px 30px 0px; text-align: left; } 
h1 { color: #FF9933; font-size: 1.4em; line-height: 1em; margin-top: 0px; margin-bottom: 18px; } 
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { color: #FF9933; } 
h2 { color: #FF9933; font-size: 1.4em; line-height: 1em; margin-top: 0px; margin-bottom: 18px; } 
h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color: #FF9933; } 
h3 { color: #FF9933; font-size: 1.2em; line-height: 1em; margin-top: 36px; margin-bottom: 12px; } 
h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { color: #FF9933; } 
h4 { color: #FF9933; font-size: 1.1em; line-height: 1em; margin-top: 24px; margin-bottom: 8px; font-weight: bold; } 
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active { color: #FF9933; } 
#sidebar { float: left; border-right: none; font-size: 1.1em; line-height: 1.2em; width: 220px; padding: 0px 0px 0px 0px; } 
#sidebar { margin-left: 0px;  padding-left: 0px ; } 
#sidebar h2 { color: black; background-color: #DDD; } 
#sidebar ul ul { list-style: disc; } 
#sidebar ul ul li ul li { list-style: square; } 
#sidebar ul ul li a:link, #sidebar ul ul li a:visited, #sidebar ul ul li a:hover, #sidebar ul ul li a:active { color: #FFF; } 
#sidebar ul ul li a:hover { color: #B85B5A; } 
#sidebar ul ul li { color: #DDD; } 
#sidebar ul li p a:link, #sidebar ul li p a:visited, #sidebar ul li p a:hover, #sidebar ul li p a:active { color: #FFF; } 
#menu { margin: 0px 0px 35px 0px ; text-align: left; height: 35px; border: none; } 
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active { margin: 0px; color: #FFFFFF !important; font-size: 0.95em; font-weight: normal; padding: 0px 12px; } 
#dynamicmenu { background-color: transparent; font-weight: normal; font-size: 0.95em; }
#dynamicmenu a:link, #dynamicmenu a:visited, #dynamicmenu a:hover, #dynamicmenu a:active { color: #FFFFFF; }					
#dynamicmenu, #dynamicmenu ul { border: none; }
#dynamicmenu li ul, #dynamicmenu li { width: 8em; }
#dynamicmenu li li { width: 7em; text-align: left; }
#dynamicmenu li li { width: 8em; }
#dynamicmenu .current_page_item a:link, #dynamicmenu .current_page_item a:visited, #dynamicmenu .current_page_item a:hover, #dynamicmenu .current_page_item a:active { color: #FFF !important; font-weight: bold; }
#dynamicmenu .current_page_item li a:link, #dynamicmenu .current_page_item li a:visited, #dynamicmenu .current_page_item li a:hover, #dynamicmenu .current_page_item li a:active { color: #FFFFFF !important; font-weight: normal; }
#dynamicmenu li:hover, #dynamicmenu li.sfhover { background-color: transparent; }
/* Menus */
#content h1 {display: none;}
p.testimonial-client {font-weight: bold; padding-bottom: 12px; border-bottom: solid 1px #ccc; margin-bottom: 28px;}
.narrowcolumn {padding: 20px 80px 0px 0;}
strong.orange {color: #FF9933;}

/* Rollover menus */
#menu {padding: 0 0 0 0; height:35px;}
#dynamicmenu {width: 100%; margin-bottom: 0; height:100%;}
#dynamicmenu li {position: relative;width: 115px;}
#menu #dynamicmenu a {width: 95px;text-align: center; color: #FFF; padding: 11px 10px 6px 10px !important; font-weight: normal;background-image: url('/files/mmt-menu-dual.png'); background-repeat: no-repeat; background-position: 100% 0; height: 16px !important;}
/*vertical padding here can be see-sawed to move the top link text up and down. The width on the links makes the IE6-only floating bugfix unnecessary, which is good because that floating causes another IE6 bug to make the dropdowns invisible, oy... */
#menu #dynamicmenu a:hover {background-position: 100% -35px; background-repeat: no-repeat; color: #000 !important; }
#dynamicmenu li { border: none; }
/* Special rules for home button */
#menu #dynamicmenu .page-item-3 {width: 70px; } /* The Home item */
#menu #dynamicmenu li.page-item-3 a { background-image: url('/files/mmt-home-dual.png'); width: 50px;}
#menu #dynamicmenu li.page-item-3 a {color: transparent !important; } 
/* Suppress text on Home item */
#menu #dynamicmenu li.page-item-3 a:hover {background-position: 100% -35px; text-decoration: none; }
#menu #dynamicmenu li.page-item-5 a {background-position: 0 0;}
#menu #dynamicmenu li.page-item-5 a:hover {background-position: 0 -35px;}
#menu #dynamicmenu li.page-item-13 a, #menu #dynamicmenu li.page-item-16 a {padding-top: 5px !important; padding-bottom: 5px !important; height: 23px !important;}


/* Sub Menu */
#dynamicmenu li:hover {background: #666;} 
/* LI must change BG on hover or IE6 won't allow UL child to appear, oy... 
The LI BG does not show, hidden behind the A background. */
#dynamicmenu li:hover ul, #dynamicmenu li li:hover ul, #dynamicmenu li li li:hover ul, 
#dynamicmenu li.sfhover ul, #dynamicmenu li li.sfhover ul, #dynamicmenu li li li.sfhover ul {left:-1px; top: 33px;}
#dynamicmenu li ul { width: 116px; background: none !important;}
#dynamicmenu li li {width: 115px; padding: 0; border: 1px solid #666; border-width: 0 1px 0 0; background-color: none; height: auto;}
#menu #dynamicmenu li li a {text-align: left; font-weight: normal !important; color: #000 !important; width: 95px; height: 12px !important; padding: 0.5em 10px !important; text-transform: none;  background:#bcbec0; opacity:0.7; filter:alpha(opacity=70);}
#menu #dynamicmenu li li a:hover { background: #a0a2a5;  color: #000 !important; opacity:1; filter:alpha(opacity=99); }

/* Sidebar */ 
#sidebar {margin-top: -38px;}

/* Home page header animation */
.home-animation { margin:0; padding:0; position:absolute; left:295px; top:16px; }

/* Search */
#searchform #s {height:2em; width: 14em; margin: 0 3px 0 0;}
.search-results h2 a {text-decoration: underline;}

h1, h2, h3, h4, h5, h6, h7 { font-weight: normal; }

/* Footer */
#footer { color: #999999; background-repeat: no-repeat;  position: relative;}
#footer .links {position: absolute; bottom: 22px; right: 10px;}
#footer .copyright {position: absolute; bottom: 22px; left: 10px;}
.footerlinks {position: absolute;  bottom: 2px; left: 10px; width: 100%; text-align: center;}
