/* --- MnM INDEX CSS --- */

* { margin: 0; padding: 0; font-family: arial, Helvetica, sans-serif; font-size: 100%; }
body { background-color: #444444; }

.content { width: 800px; height: 590px; margin: 5px auto 0 auto; background-color: #ffffff; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#header { width: 800px; height: 140px; }
#header .logo img { float: left; position: relative; top: 45px; left: 20px; }
#header .image_a img { float: left; position: relative; top: 5px; left: 45px; }
#header .image_b img { float: right; position: relative; top: 5px; left: -10px; }

#leftnav { float: left; width: 120px; margin: 10px 0 0 10px; font-size: 0.9em; }
#leftnav li { list-style-type: none; border: 1px solid #ffffff; }
#leftnav a { display: block; padding: 3px 0 3px 5px; text-decoration: none; color: #dddddd; background-color: #444444; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#leftnav a:hover { text-decoration: none; color: #aaaaaa; background-color: #222222; }

#main { float: left; width: 400px; margin: 10px 0 0 10px; padding: 5px; }
#main h1 { color: #a30100; font-size: 1.0em; font-weight: bold; text-decoration: none; }
#main p { font-size: 0.8em; font-weight: normal; color: #000000; padding: 5px 0 0 0; }
#main .center p { text-align: center; font-size: 0.7em; }
#main a {color: #000000; }
#main a:hover { color: #ff3300; }

#box_a { float: right; width: 170px; margin: 10px 5px 0 0; padding: 5px; background-color: #efefef; border: 1px solid #444444; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#box_a h1 { color: #a30100; font-size: 0.9em; font-weight: bold; }
#box_a p { font-size: 0.8em; font-weight: normal; text-decoration: none; color: #000000; }

#box_b { float: right; width: 170px; margin: 10px 5px 0 0; padding: 5px; background-color: #efefef; border: 1px solid #444444; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#box_b h1 { color: #a30100; font-size: 0.9em; font-weight: bold; }
#box_b p { font-size: 0.8em; font-weight: normal; color: #000000; }
#box_b a {color: #000000; }
#box_b a:hover { color: #ff3300; }

#box_c { float: right; width: 170px; margin: 10px 5px 0 0; padding: 5px; background-color: #efefef; border: 1px solid #444444; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#box_c h1 { color: #a30100; font-size: 0.9em; font-weight: bold; }
#box_c p { font-size: 0.8em; font-weight: normal; color: #000000; }
#box_c a {color: #000000; }
#box_c a:hover { color: #ff3300; }

#box_d { float: right; width: 170px; margin: 10px 5px 0 0; padding: 5px; background-color: #efefef; border: 1px solid #444444; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#box_d h1 { color: #a30100; font-size: 0.9em; font-weight: bold; }
#box_d p { font-size: 0.8em; font-weight: normal; color: #000000; }
#box_d a {color: #444444; text-decoration: none; }
#box_d a:hover { color: #ff3300; }

#narpbox { float: left; width: 390px; margin: 10px 0 0 0; padding: 5px; border: 1px solid #ac1e1e; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#narpbox ul { list-style-type: none; margin: 0; padding: 0px; }
#narpbox li { background-image: url(../images/green_tick_small.jpg); background-repeat: no-repeat; background-position: 0 4px; padding-left: 18px; font-size: 0.8em; }

#shopbox { float: left; width: 520px; margin: 30px 0 0 15px; padding: 5px 0 5px 15px; background-color: #ac1e1e; color: #ffffff; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
#shopbox a {color: #ffdd88; text-decoration: none; }
#shopbox a:hover { color: #dddddd; border-bottom: 1px dotted #ffdd88; }

#footer { width: 800px; text-align: right; margin: 2px auto 4px auto; padding: 0 20px 0 0; font-size: 0.7em; color: #ffdd88; }
#footer a {color: #ffdd88; }
#footer a:hover { color: #ff0000; }