.moduletable_menu ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

.moduletable_menu ul li { display: inline; }

.moduletable_menu ul li a
{
text-decoration: none;
padding: .2em .2em;
color: #000;
background-color: transparent;
}

.moduletable_menu ul li a:hover
{
color: #fff;
background-color: transparent;
}

.moduletable_menu a:visited {
color: #000;
background-color: transparent;
}

* {
margin: 0;
padding:0;
}

table {
font-family: sans-serif;
font-size: 1em;
line-height: 120%;
}

table p {
margin:0;
padding:0;
}

table h1 {
margin: 5px 0 0 0;
padding: 0;
}

img {
border-style:none;
}

.buttonheading {
margin:0;
float: right;
}
.buttonheading img {
border-style: none;
padding-right: 5px;
}

#phocagallery {
margin: 0 0 0 70px;
}

.moduletable_login h3 {
margin:0 0 5px 0;
padding:0;
}

.moduletable_rss {
margin:0;
}

.moduletable_menu {
float: left;
width: 550px;
margin: 0;
padding: 58px 0 0 30px;
}

.moduletable_logo img {
border-style: none;
}
.moduletable_logo {
float:left;
width:251px;
margin: 7px 0 0 40px;
}

html {
	height: 100%;
       width: 100%;
       margin: 0;
       padding: 0;
       font-family: sans-serif;
       font-size: 1em;
       line-height: 100%;
}

h1, h2, h3, p {
font-family: sans-serif;
color: #000000
}

h1 {
font-size: 120%;
}

h2, h3 {
font-size: 110%;
}

a:link {
text-decoration: none;
font-weight: bold;
color:#000;
} /* unvisited link */
a:visited {
text-decoration: none;
font-weight: bold;
color:#000;
} /* visited link */
a:hover {
text-decoration: none;
font-weight: bold;
color:#696969;
} /* mouse over link */
a:active {
text-decoration: none;
font-weight: bold;
color:#000;
} /* selected link */



/* @group General site layout */

body {
background: url(../images/body_bg.jpg) top left repeat-x;
height: 100%;
font-family: sans-serif;
font-size: 0.8em;
margin-top: 20px;
padding: 0;
text-align: left;
}
.left {
width: 25%;
float: left;
}
.right {
width: 75%;
float: right;
}
.hidden { display: none; }
div.inside {margin: 0px 0px 0px 0px;} /* we add margin or padding for the main body column here rather than above so as not to break the layout */
	
	div#page {margin: 0 auto; padding: 0;} /* we want to center this div for browsers that understand so we have an auto declaration for the left and right margin */ 

/* @end general site layout */

/* @group Header */
div#header {
background: url('../images/menu_bg.jpg') no-repeat top left;
width: 884px;
height: 89px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
		

/* -- Top module container -- */			

div#top-module {
float: left;
width: 884px;
height:78px;
margin: 0;
padding:0;
}

/* -- Breadcrumbs container -- */	
			div#breadcrumbs {clear:both; width: 100%; float:left; margin:0 0 1em 0; padding:0;} /* beacuse the above divs have widths equalling 89% and 40pixels horizontal padding (left padding + right padding) there may be a gap between those two modules. We want to ensure that the breadcrumbs module clears both of these modules */

/* @end header */

/* @group Maincontent */

#BodyContent {
background: url('../images/cont_bg.jpg') repeat-y top left;
overflow: hidden;
width: 884px;
height: auto;
min-height: 320px;
padding: 0px; 
margin-left: auto;
margin-right: auto;
text-align: left;
z-index:1;
}
		#LoadFirst {width: 100%; float: left;}

/* The #MiddleCol container holds the mainbody content. We load this container before we load the left column for SEO Source Ordering purposes.
We set the width of this container based upon the content layout logic. (see template_config.php) */

#MiddleCol {
z-index:20;
margin:0;
float: left;
width: 100%;
height: 100%;
}

#MiddleCol div.inside {
padding: 20px 100px 0 100px;
}
		/*      #both #MiddleCol {float: right;}
			#left-only #MiddleCol {float: right;}
			#right-only #MiddleCol {float: left;}
			#wide #MiddleCol {float: left;}    */

/* -- Teaser Modules -- */
/* To work out the widths of the teaser modules we are going to have to know how many are published in a row (upto four modules per row).
See includes/template_config.php */ 
				div.count1 {width:100%; float:left;}
				div.count2 {width:50%; float:left;}
				div.count3 {width:33%; float:left;}
				div.count4 {width:25%; float:left;}
			


#left {
height: 100%;
width: 0%;
float: left;
margin:0;
}

#left div.inside {
padding-right: 0px;
}
/* we add margin or padding for the left cloumn here rather than above so as not to break the layout */

#right {
width: 0%;
float: left;
margin: 25px 0 0 0;
border-left: solid thin #000000;
}
#right div.inside {
margin:0;
padding-left: 10px;
}
/* we add margin or padding for the right cloumn here rather than above so as not to break the layout */

#user6 div.inside {
padding:0;
margin:20px 0;
text-align:left;
}

/* @end Maincontent */

.clearer {
 clear: both;
 margin-top: -1px;
 height: 1px;
 background: transparent;
 font-size: 1px;
}

/* @group Footer*/

#footer {
background: url('../images/footer_bg.jpg') no-repeat top left;
width: 884px;
height: 214px;
text-align:center;
font-family: sans-serif;
font-size: 12px;
margin-left: auto;
margin-right: auto;
}

#footer div.inside {
margin:0px 0px 10px 0px;
padding-top: 54px;
} /* we add margin or padding for the footer here rather than above so as not to break the layout */

.moduletable_footertext a {
font-size: 12px;
}
/* @end footer */

#debug {
width: 884px;
text-align:center;
font-family: sans-serif;
font-size: 12px;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
}