/* General */
html, body 		{ width:auto; height:100%;  }
body			{ font-family:Arial, Helvetica, sans-serif; margin: 0 auto; background-color:#606a29; background-image:url(images/background.jpg); background-repeat:repeat-x; background-attachment:fixed;}
body 			{ text-align: -moz-center; } /* Mozilla Firefox alignment */ 
h1				{ font-size:1.2em;color:#cccccc;}
h2				{ font-size:1.1em;color:#cccccc; font-style:italic;}
p 				{ color:#cccccc; line-height:1.3em;}
li				{ color:#CCCCCC;}
.hilight		{ font-style:italic; font-weight:bold;}
.hilightgreen	{ font-weight:bold; color:#6C3; text-align:left;}

/* Hyperlinks */
a:link			{ text-decoration:underline; color:#cccccc; }
a:visited		{ text-decoration:underline; color:#cccccc; }
a:active		{ text-decoration:underline; }
a:hover			{ text-decoration:none; }

/* Content */
#wrapper 		{ margin-top:30px;width:800px; margin-left:auto; margin-right:auto;}
#maintable		{ width:800px; background-color:#000000; border:#000000 1px solid;}
#tdcontent		{ text-align:justify;}
#leftcont		{ width:510px; float:left; margin-left:20px; margin-right:20px; margin-top:20px; margin-bottom:40px; font-size:0.75em;}
#rightcont		{ width:230px; margin-right:20px;margin-top:55px; margin-bottom:40px; text-align:center; font-size:0.75em; float:right;}
#fullcont		{ margin-left:20px; margin-right:20px; margin-top:20px; margin-bottom:40px; font-size:0.75em;}
#line			{ width:800px; height:1px; background-color:#FFFFFF; clear:both;}
#footer			{ font-size:0.7em; margin-top:10px; margin-left:630px; margin-bottom:10px;}

/* Header images */
#homeimage		{ background-image:url(images/mainimage/home.jpg); width:800px; height:214px;}
#whatwedo		{ background-image:url(images/mainimage/whatwedo.jpg); width:800px; height:214px;}
#whatson		{ background-image:url(images/mainimage/whatson.jpg); width:800px; height:214px;}
#councillors	{ background-image:url(images/mainimage/councillors.jpg); width:800px; height:214px;}
#otoday			{ background-image:url(images/mainimage/otoday.jpg); width:800px; height:214px;}
#oyesterday		{ background-image:url(images/mainimage/oyesterday.jpg); width:800px; height:214px;}
#nextagenda		{ background-image:url(images/mainimage/nextagenda.jpg); width:800px; height:214px;}
#minutes		{ background-image:url(images/mainimage/minutes.jpg); width:800px; height:214px;}


/* Whats on Table */
#opcwhatson		{ border:dotted 1px #cccccc;}
#opcwhatson th	{ font-size:1em; color:#cccccc; background-color:#666666;}
#opcwhatson td	{ border:#CCCCCC 1px dotted; text-align:left;}
#opcwhatson 	{ font-size:0.8em; color:#cccccc;} 

/* Councillor Table */
#councillortable 		{ text-align:left;}
#councillortable img 	{ border:#FFFFFF solid 1px; }	

/* Menu - Top */
#topmenu		{ background-color:#000000; width:800px; height:22px;}
.m1				{ background-image:url(images/topmenu_01.jpg); width:63px; height:22px;  float:left;  }
.m1:hover		{ background-image:url(images/topmenuhover_01.jpg); width:63px; height:22px; }
.m2				{ background-image:url(images/topmenu_02.jpg); width:117px; height:22px;  float:left;  }
.m2:hover		{ background-image:url(images/topmenuhover_02.jpg); width:117px; height:22px; }
.m3				{ background-image:url(images/topmenu_03.jpg); width:82px; height:22px;  float:left;  }
.m3:hover		{ background-image:url(images/topmenuhover_03.jpg); width:82px; height:22px; }
.m4				{ background-image:url(images/topmenu_04.jpg); width:88px; height:22px;  float:left;  }
.m4:hover		{ background-image:url(images/topmenuhover_04.jpg); width:88px; height:22px; }
.m5				{ background-image:url(images/topmenu_05.jpg); width:53px; height:22px; float:left;  }
.m5:hover		{ background-image:url(images/topmenuhover_05.jpg); width:53px; height:22px; }
.m6				{ background-image:url(images/topmenu_06.jpg); width:60px; height:22px; float:left;  }
.m6:hover		{ background-image:url(images/topmenuhover_06.jpg); width:60px; height:22px; }

/* Menu - Middle */
#midmenu		{ background-color:#000000; width:800px; height:23px;}
.mm1			{ background-image:url(images/midmenu_01.jpg); width:66px; height:23px; display:block; float:right;  }
.mm1:hover		{ background-image:url(images/midmenuhover_01.jpg); width:66px; height:23px; }
.mm2			{ background-image:url(images/midmenu_02.jpg); width:128px; height:23px; display:block; float:right;  }
.mm2:hover		{ background-image:url(images/midmenuhover_02.jpg); width:128px; height:23px; }
.mm3			{ background-image:url(images/midmenu_03.jpg); width:119px; height:23px; display:block; float:right;  }
.mm3:hover		{ background-image:url(images/midmenuhover_03.jpg); width:119px; height:23px; }