@charset "utf-8";
/* CSS Document */

body {text-align:center;
background-color:#CCC;
font-family:"Arial Narrow", "Myriad Pro", Verdana, sans-serif;
}

#wrapper {
position:relative;
width:888px;
height:600px;
margin:20px auto;
}

.table {
border:#000; 
border-style:solid; 
border-width:medium; 
width:888px; margin:0 auto; /* width + margin for center FF */
height:100px;
}

.table1 { 
background-image:url(images/cmc528-100newbg.gif);
font-size:20px;
width:528px;
height:100px;
}

.table3 { width:888px; margin:0 auto; /* width + margin for center FF */ 
height:476px;
}

.first {
background-image:url(images/mortars100-180l2.gif);
font-size:16px;
line-height:.9em;
}
.first a:link {color:#33F} 
.first a:visited {color:#000}
.first a:hover {color:#FF6}

.biggest {font-size:30px;}

.bigger{font-size:24px;}

.third {
background-image:url(images/mortars100-180r.gif); 
font-size:20px;
line-height:1.3em;
}
.third a:link {color:#33F} 
.third a:visited {color:#000}
.third a:hover {color:#FF6}

a:link {color:#33F;} /*default link color*/
a:visited {color:#000;}/*when clicked*/
a:hover {color:#F00;}/*when you mouse on it*/

.nounderline {
text-decoration:none; 
vertical-align:baseline;
}

.footer {
font-size:16px; 
color:#FFF; 
background-color:#000;
width:888px;
margin:0 auto;
height:24px;
text-align:center;
}
.footer a:link {color:#FFF; text-decoration:none;}
.footer a:visited {color:#FFF; text-decoration:none;}
.footer a:hover {color:#F66; text-decoration:none; font-weight:bold}