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:#FFCC99;
}


.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}

#rightcontainer {padding:0px 0px 0px 0px}

#logocontainer {padding:0px 0px 30px 60px}

#specialcontainertop {width:275px; background-image:url(images/special-bkg-top.jpg); height:5px}
#specialcontainercontent {width:275px; 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 img {margin:0px 10px 10px 10px}
#specialcontainerbot {width:275px; background-image:url(images/special-bkg-bottom.jpg); height:5px}

#featurecontainer {width:275px;padding:20px 20px 20px 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}



#contact {padding:2px 0px 10px 0px}
#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 }

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

#maincontent {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px}
#maincontent h1	{ color:#731e1e; font-size: 16px; font-weight:bold }
#maincontent h2	{ color:#000099; font-weight:bold; font-size: 14px; margin:10px 0px 8px 0px}
#maincontent h3.headline	{ color:#333333; font-weight:bold; font-size: 12px; margin:16px 0px 6px 0px}
#maincontent p	{ color:#333333; font-weight:normal; font-size: 12px; margin:0px 0px 4px 0px}
#maincontent p.back	{ color:#333333; font-weight:normal; font-size: 12px; margin:20px 0px 4px 0px}
#maincontent li	{ color:#333333; font-weight:normal; font-size: 12px; margin:0px 0px 4px 0px}
#maincontent a { color:#000099; text-decoration:none; font-weight:bold }
#maincontent a:hover	{color:#731e1e; text-decoration:underline }
#maincontent img.event	{margin:0px 0px 8px 8px}

#community_events {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px}
#community_events h1	{ color:#731e1e; font-size: 16px; font-weight:bold }
#community_events h2	{ color:#333333; font-weight:bold; font-size: 14px; margin:0px 0px 4px 0px}
#community_events p	{ color:#333333; font-weight:normal; font-size: 12px; margin:0px 0px 10px 0px}
#community_events li	{ color:#333333; font-weight:normal; font-size: 12px; margin:0px 0px 4px 0px}
#community_events a { color:#000099; text-decoration:none; font-weight:bold }
#community_events a:hover	{color:#731e1e; text-decoration:underline; font-weight:bold }


#admincontent {padding:20px 20px 20px 20px; margin:0px 0px 0px 0px; background-color:#FFFFFF}
#admincontent h1	{ color:#731e1e; font-size: 16px; font-weight:bold }
#admincontent h2	{ color:#000099; font-weight:bold; font-size: 14px; margin:0px 0px 4px 0px}
#admincontent h3.headline	{ color:#333333; font-weight:bold; font-size: 12px; margin:0px 0px 6px 0px}
#admincontent p	{ color:#333333; font-weight:normal; font-size: 12px; margin:0px 0px 4px 0px}
#admincontent a { color:#000099; text-decoration:none; font-weight:bold }
#admincontent a:hover	{color:#009900; text-decoration:underline }

#admincentral {padding:20px 20px 20px 200px; margin:0px 0px 0px 0px}

#adminmenu {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background-color:#FFFFFF; background-image:url(images/admin-bkg.jpg); background-repeat:repeat-x}
#adminmenu h1	{ color:#731e1e; font-size: 14px; margin:0px 20px 4px 0px }
#adminmenu p	{ color:#333333; font-weight:normal; font-size: 12px; margin:2px 4px 0px 20px}
#adminmenu a { color:#000099; text-decoration:none; font-weight:normal }
#adminmenu a:hover	{color:#731e1e; text-decoration:underline }



#framedphotos {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px}
#framedphotos img {border:10px solid #F3ECE9;}

#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 }

body.subscriptionform {margin:10px}

#subscriptionform{
background-color:#ffffff;
width:235px;
height:176px;
}

#subscriptionform p{
margin:4px 4px 4px 20px;
font-size:11px;
}

#subscriptionform h1{
margin:2px;
font-size:medium;
color:#731e1e;
text-align:center;
}

#subscriptionform h2{
margin:4px;
font-size:small;
color:#731e1e;
}

#subscriptionform h3{
margin:4px;
font-size:small;
color:#333333;
}

#subscriptionform hr{
margin:4px;
color:#731e1e;
size:1px;
}

#subscriptionform form{
margin:0px;
}

#subscriptionform input{
margin:0px;
color:#731e1e;
}