body {  
font-family:Arial, Helvetica, sans-serif; 
background-image:url(images/meaford-hall-bkg.jpg); 
background-repeat:no-repeat; margin:0px 0px 0px 100px; }
/*dropdown menus */
#cssdropdown, #cssdropdown ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
color:#731e1e; 
font-size:12px;
font-family:Georgia,"Times New Roman", serif
}

#cssdropdown li {
float: left;
position: relative;
color:#731e1e;
font-weight:bold;
}

.mainitems{
border: 0px;
background-color: #none;
padding:0px 8px 0px 8px;
}

.mainitems a{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
color:#731e1e;
}

.mainitems a:hover{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
color:#731e1e;
}


.subuls{
display: none;
position: absolute;
top: 1.2em;
left: 0px;
background-color: #FFFFFF;
border: 10px solid #F3ECE9;
}

.subuls li{
width: 100%;
line-height:18px;
}

.subuls li a{
text-decoration: none; 
font-weight:bold;
color:#731e1e;
}

.subuls li a:hover{
text-decoration: none; 
font-weight:bold;
color:#731e1e;
}
/* screws up ie7 -- check ie6!
#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
/* top: auto;
left: auto;
}
 */
 
#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}

/* the rest of the stuff */

#topmenu {height:50px; margin:0px 0px 0px 0px; padding: 0px 40px 0px 0px; text-align:right}
#topmenu a {color:#FFFFFF; font-size:14px; text-decoration:none}
#topmenu a:hover {color:#731e1e; font-size:14px; text-decoration:none}

#mainmenucell {height:55px; background-image:url(images/meaford-hall-content-bkg_top.jpg)}
#mainmenudiv {padding: 0px 0px 0px 0px; margin: 20px 0px 0px 30px}

#banner {height:105px; text-align:center; background-image:url(images/meaford-hall-content-bkg_banner.jpg);margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}

#leftcontainer {background-image:url(images/meaford-hall-content-bkg_left.jpg); background-repeat:repeat-y; background-position:left top; padding:0px 0px 0px 30px}
#leftcontainer h1	{ color:#731e1e; font-size: 16px; font-weight:bold; margin:0px 20px 4px 20px }
#leftcontainer h2	{ color:#731e1e; font-size: 14px; font-weight:bold; margin:0px 20px 12px 20px }
#leftcontainer p	{ color:#333333; font-size: 14px; font-weight:normal; margin:0px 20px 4px 20px }

#logocontainer {padding:0px 24px 30px 50px}

#rightcontainer {width: 340px;background-image:url(images/meaford-hall-content-bkg_right.jpg); background-repeat:repeat-y; background-position:right top; padding:0px 24px 0px 0px}

#specialcontainertop {width:275; background-image:url(images/special-bkg-top.jpg); height:5px}
#specialcontainercontent {width:275; background-color:#003366}
#specialcontainercontent H1 {font-size:14px; font-weight:bold; color:#FFFFFF; margin:10px 20px 10px 20px}
#specialcontainercontent  H2 {font-size:12px; font-weight:bold; color:#FFFFFF; margin:0px 20px 4px 10px}
#specialcontainercontent  p {font-size:12px; font-weight:normal; color:#FFFFFF; margin:0px 20px 10px 20px}
#specialcontainercontent  a {font-size:12px; font-weight:normal; color:#FFFFFF; text-decoration:none}
#specialcontainercontent  a:hover {font-size:12px; font-weight:normal; color:#FFFFFF; text-decoration:overline underline}
#specialcontainercontent  a.title {font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none}
#specialcontainercontent  a.title:hover {font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:none}
#specialcontainercontent img {margin:0px 10px 10px 10px}
#specialcontainerbot {width:275; background-image:url(images/special-bkg-bottom.jpg); height:5px}

#featurecontainer {width:275;padding-top:20px}
#featurecontainer H1 {font-size:14px; font-weight:bold; color:#003366; margin:10px 20px 10px 24px}
#featurecontainer H2 {font-size:12px; font-weight:bold; color:#731e1e; margin:20px 20px 10px 32px}
#featurecontainer  p {font-size:12px; font-weight:normal; color:#333333; margin:0px 20px 0px 36px}
#featurecontainer hr {size:1; color:#003366}
#featurecontainer a {font-size:12px; font-weight:normal; color:#731e1e; text-decoration:none; padding:0px 24px 0px 0px}
#featurecontainer a:hover {font-size:12px; font-weight:normal; color:#731e1e; text-decoration:overline underline}
#featurecontainer a.title {font-size:12px; font-weight:bold; color:#731e1e; text-decoration:none}
#featurecontainer a.title:hover {font-size:12px; font-weight:bold; color:#731e1e; text-decoration:none}


#footer {padding:2px 0px 10px 0px}
#footer p	{color:#333333; font-weight:normal; font-size: 11px}
#footer a {color:#731e1e; text-decoration:none; font-weight:normal; font-size: 11px }
#footer a:hover	{color:#731e1e; text-decoration:underline; font-weight:normal; font-size: 11px }

#contact {padding:2px 6px 10px 0px; margin-bottom:20px}
#contact p	{color:#333333; font-weight:normal; font-size: 11px; margin:0px 0px 0px 0px}
#contact a {color:#731e1e; text-decoration:none; font-weight:normal; font-size: 11px }
#contact a:hover	{color:#731e1e; text-decoration:underline; font-weight:normal; font-size: 11px }