body { font-size: 12px; font-size: 1.0rem; font-family: "Arial"; -webkit-print-color-adjust: exact; overflow: auto; } div#contentBlock { margin:0 auto; padding:0; border-radius:1.25em; width:98%; /*Percentage of maxwidthwrapper*/ display:block; background-color:#eeeded; -moz-box-shadow:0px 2px 5px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 2px 5px 2px rgba(0, 0, 0, 0.3); -ms-box-shadow:0px 2px 5px 2px rgba(0, 0, 0, 0.3); -o-box-shadow:0px 2px 5px 2px rgba(0, 0, 0, 0.3); box-shadow:0px 2px 5px 2px rgba(0, 0, 0, 0.3); } div#menuWrapper { margin:0 auto; padding:0; width:100%; /* Inside contentBlock*/ } ul#mainMenu { margin:0 auto; padding:0; } ul#mainMenu li { list-style-type:none outside none; padding:0; text-align:left; } ul#mainMenu li#topItem { display:block; border-top:none; border-top-left-radius:1.25em; /*Matches border-radius of contentBlock*/ border-top-right-radius:1.25em; /*Matches border-radius of contentBlock*/ } ul#mainMenu li#centerItem { display:block; border-top:1px #d0cccc solid; } ul#mainMenu li#bottomItem { display:block; border-top:1px #d0cccc solid; border-bottom-left-radius:1.25em; /*Matches border-radius of contentBlock*/ border-bottom-right-radius:1.25em; /*Matches border-radius of contentBlock*/ } ul#mainMenu li a1 { display:block; padding:0.7em 1em; /*Top-Bottom and Right-Left*/ text-decoration:none !important; font-size:1.4em; color:#333; background: url("arrow-d.png") no-repeat; background-position: 96% 50%; } ul#mainMenu li a1:active { color:#fff; text-shadow:0pt 1px 1px rgb(25, 75, 126);/*Height, vertical, blur, color*/ /*In order to get background image plus a gradient, you must format it like the following:*/ background: #47ce12; /* Old browsers */ background: url("arrow-d.png") no-repeat,-moz-linear-gradient(top, #47ce12 0%, #2eaa00 100%); /* FF3.6+ */ background: url("arrow-d.png") no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#47ce12), color-stop(100%,#2eaa00)); /* Chrome,Safari4+ */ background: url("arrow-d.png") no-repeat,-webkit-linear-gradient(top, #47ce12 0%,#2eaa00 100%); /* Chrome10+,Safari5.1+ */ background: url("arrow-d.png") no-repeat,-o-linear-gradient(top, #47ce12 0%,#2eaa00 100%); /* Opera 11.10+ */ background: url("arrow-d.png") no-repeat,-ms-linear-gradient(top, #47ce12 0%,#2eaa00 100%); /* IE10+ */ background: url("arrow-d.png") no-repeat,linear-gradient(to bottom, #47ce12 0%,#2eaa00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47ce12', endColorstr='#2eaa00',GradientType=0 ); /* IE6-9 */ background-position: 96% 50%; /*Horizontal, Vertical - Used To Position The Arrow Images*/ } ul.content { background-color: #FFFFFF; font-size:1.0em; text-decoration: none; list-style-type: auto; margin:0 auto; padding:0.5em; } ul#mainMenu li#a2 { display:block; margin:0 auto; padding:0.1em 0; /*Top-Bottom and Right-Left*/ } ul#mainMenu li#a2.tl { border-top:1px CornflowerBlue solid; padding:0 0; /*Top-Bottom and Right-Left*/ } ul#mainMenu li#a2 a2{ background-color: DeepSkyBlue; color: Ivory; font-size:1.0em; } ul#mainMenu li#a2 p { padding:0.1em 0; /*Top-Bottom and Right-Left*/ color: DarkSlateBlue; } table { border-collapse: collapse; text-align: center; } table, th, td { border: 1px solid dimgray; padding:0 0.5em; font-size:0.95em; } th { background: orange none repeat scroll 0% 50%; color: seashell; padding: 0.2em 0.1em; } cr { color: red; } cg { color: green; } cb { color: blue; } cp { color: pink; }