html
{
	height: 100%;
	font-size: 76%;
}


body {
	min-height: 100.01%; /* the 100.01% is a workaround to force Firefox to display a vertical scrollbar always. */
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	line-height: 1.4em;
	text-align: left;
}

div.centred_main {
	text-align: center; /* in IE, centre the main content div as "margin-left/right: auto" doesn't work */
}

div.maincontent
{
	min-width: 770px;
	max-width: 900px;  /* line below is a fix for IE not supporting max-width.  Too bad about min-width */
	/*  */
	/* Centre the main content in the browser window.  IE does not support margin-left&right: auto, hence the line below */
	/* margin-left: expression(this.offsetWidth < this.parentNode.offsetWidth ? parseInt((this.parentNode.offsetWidth - this.offsetWidth) / 2 - 12) + "px" : "0"); */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media screen {
	div.maincontent {
		width: expression(document.body.clientWidth > 900? "900" : "auto");
	}
}

table.menu {
	width: 100%;
	max-width: 900px;
	line-height: 10px;
	margin: 0;
	padding: 0;
}

td.pageheader {
	height: 120px;
	background: url(../images/header.jpg); /* header image */
	background-repeat:no-repeat;
	background-position: top left;
	margin: 0;
	padding: 0;
}

div.menu-bottom {	/* plain text bottom menu */
	text-align: center;
	font-size: 0.85em;
	font-family: verdana, arial, helvetica, sans-serif;
}

table.maintable
{
	width: 100%;
}

/* When printing, hide the header and menu, and don't use margin-left & right (IE problem) */
@media print {
	div.maincontent {
		min-width: 100%;
		width: 100%;
		max-width: 100%;
		margin: 0;
		_padding-right: 15%;	/* critical for IE printing - or cuts off right side */
	}

	table.maintable {
		_width: 85%;		/* critical for IE printing - or cuts off right side */
	}
	td.pageheader, table.menu, #sw-wrap {
		display: none;
	}
}

table,td {
   font-size: 1.0em;
   line-height: 1.6em;
   }

#gallery {
	font-size: 84%;
}

.rightmodules
{
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	line-height: 1.2em;
	margin: 0.5em 0em 0.2em 0em;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #a6052a;
	font-size: 1.2em;
	margin: 0.5em 0em 0.1em 0em;
	font-weight: bold;
	}

h3 {
	color: #13003f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	margin: 0.5em 0em 0.2em 0em;
	font-weight: bold;
	}

h4 {
	color: #663333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0.2em 0em 0.1em 0em;
	font-weight: bold;
	}

h5 {
	font-size: 1.0em;
	margin: 0.2em 0em 0.1em 0em;
	font-weight: bold;
	line-height: 1.2em;
	}

h6 {
	font-size: 1.0em;
	margin: 0.1em 0em 0.1em 0em;
	font-weight: normal;
	}

div.mosimage {
	text-align: left;
	width: auto;
	padding: 0.5em;
}

/* This is a hack for Opera.  Opera would otherwise incorrectly display captions (the mosimage div seems to get
width of 100%, and the caption div centred within it.  This forces the mosimage div to width of 400px, same as the caption
Note that if we did that every time, Firefox would display the image extending outside of the page (which is probably
valid behaviour */
@media all and (min-width: 0px){
	div.mosimage {
		width: 400px;
	}
}

div.mosimage_caption {
	width: 400px;
	text-align: left;
	color: #666666;
	font-size: 0.9em;
	padding: 0.15em 0.4em 0.15em 0.4em;
	line-height: 1.5em;
}

/* Caption fixes for Joomla 1.5 */
/* .img_caption p {
	font-size: 0.85em;
	color: #666666;
	margin-left: 0.15em;
	margin-right: 0.15em;
} */

.img_caption {
	font-size: 0.90em;
	color: #666666;
	margin-left: 0.15em;
	margin-right: 0.15em;
}

.img_caption.left {
	float: left;
	clear: left;
}

.img_caption.right {
	float: left;
	clear: right;
}

.img_caption.left p {
	clear: left;
	text-align: left;
}

.img_caption.right p {
	clear: right;
	text-align: left;
}
/* end Caption fixes for Joomla 1.5 */

table.timetable {
	background-color: #FFFFDD;
	border: 1px solid #cccccc;
}

table.farestable {
	background-color: #FFFFDD;
	border: 1px solid #cccccc;
}

table.spec {
	background-color: #FFFFDD;
	border: 1px solid #cccccc;
	border-collapse: separate;
}

form {
   padding: 0;
   margin: 0;
   }

p {
	font-size: 1.0em;
	margin: 0.6em 0em 0.9em 0em;
}

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}

strong, b {
	font-weight: bold;
	}

/* Links */
a {
        text-decoration: none;
        font-weight: normal;
        color: #0014A6;
        }

a:link, a:visited {
	text-decoration: none;
	color: #0014A6; 
	}

a:hover {
	color: #0014A6;
	text-decoration: underline;
	font-weight: normal;
	}

/* Horizontal Line */
hr {
	color: #999999; height:1px;
	}

hr.separator {
	background: #3082FF;
	height: 1px;
	width: 75px;
	border: 0px;
}

/* --Default Class Settings-- */

a.mainmenu:link, a.mainmenu:visited, a.mainlevel:link, a.mainlevel:visited {
	color: #0014A6;
	font-family: Verdana, Arial, Geneva, Arial, Helvetica, serif;
	font-weight: normal;
	font-weight: normal;
	font-size: 1em;
	text-decoration: none;

	}

a.mainmenu:hover, a.mainlevel:hover {
	color: #0014A6;
	font-weight: normal;
	text-decoration: underline;
	}

span.pathway {
	font-size: 0.8em;
	font-weight: normal;
	font-family: Verdana, Arial, Geneva, Arial, Helvetica, serif;}
a.pathway:link, a.pathway:visited {
	color: #0014A6;
}
.pathway-table {
    background-color: #0099FF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .9em;
    font-weight: normal;
    color: #ffffff;
    padding: 0 0 0 .1em;
    border-bottom: 1px solid #000000;
}

a.sublevel:hover {
	color: #0014A6;
	text-decoration: underline;
	}

a.sublevel:link, a.sublevel:visited {
	color: #0014A6; font-family: Verdana, Arial, Geneva, Arial, Helvetica, serif;
	font-weight: normal;
	font-size: .8em;
}

/* Content - Sections & Categories */
.contentpane {
	font-size: 1em;
	text-align: left;
	padding-left: 0.7em;
	padding-right: 0.7em;
	}

.contentheading {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
 	color: #000000;
	text-align: left;
	border-bottom: 1px solid #888888;
/*	height: 4em;
	vertical-align: bottom;		*/
	}

.contentpaneopen {
	width: 100%;
	border : 0px ridge #F8F8FF;
	text-align: left;
	width: expression(this.parentNode.Width)
	}
	
.contentpaneopen td {
	padding-left: 0.6em;
	padding-right: 0.6em;
}	
	
.contentpagetitle {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
 	color: #000000;
	text-align:left;
	}

table.contenttoc {
	padding-left: 0.4em;
	padding-right: 0.4em;
	margin-left: 1em;
        width: 10em;
	color: #000000;
	background-color: #e0e0e0;
        }

table.contenttoc td {
        font-family: Verdana, Arial, Helvetica, sans-serif;;
        font-size: 1em;
        font-weight: normal;
        text-align:left;
}

.contentdescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	text-align: left;
	}

/* Links */
a.blogsection:link, a.blogsection:visited {
	color: #0014A6; font-weight: normal;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	}

a.blogsection:hover {
	color: #0014A6;	text-decoration: underline;
	}

a.weblinks:link, a.weblinks:visited {
	color: #0014A6; font-weight: normal;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	}

a.weblinks:hover {
	color: #0014A6;	text-decoration: underline;
	}

a.readon:link, a.readon:visited {
	color: #0014A6; font-weight: normal;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;


	text-align: right;
	text-indent: 2px;
	width: 100%;
	height: 1.6em;
	border-top: 1px solid #888888;
	}

a.readon:hover {
	color: #0014A6;
        text-decoration: underline;
	text-align: right;
	text-indent: 2px;
	width: 100%;
	height: 1.6em;
	border-top: 1px solid #888888;
	}

.moduleheading {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #FFffff;
	text-align: left;
	height: 1.5em;
	line-height: 1.5em;
	white-space: nowrap;
	width: 100%;
	background-color: #0099FF;
	}
	
.componentheading {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
 	color: #000000;
	text-align:left;
	}
table.moduletable {
	width: 100%;
	margin: 0;
	font-size: 1em;
	margin-bottom: 1em;
	}

table.moduletable th {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #000000;
	text-align: left;
	white-space: nowrap;
	width: 100%;
	border-bottom: 1px solid #000000;
	}
	
table.moduletable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	padding-top: 0.2em;
	}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	}

.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #333333;
	}

/** category text format and links **/
.category {
	color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;  font-weight: normal; text-decoration: none;
	}

a.category:link, a.category:visited {
	color: #0014A6; font-weight: normal;
	}

a.category:hover {
	color: #0014A6;
	text-decoration: underline;
	}

.poll {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	line-height: 2em
	}

.sectiontableentry1 {
	background-color : #ffffff;
	}

.sectiontableentry2 {
	background-color : #F8F8FF;
	}

.sectiontableheader {
	background-color : #DFDFDF;
	color : #000000;
	font-weight : normal;
	}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	font-size: .8em;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	}

.smalldark {
        font-family: Verdana, Arial, Helvetica, sans-serif;;
        font-size: .8em;
        color: #000000;
        text-decoration: none;
        font-weight: normal;
        }
.frontpageheader {
	color: #999999;
	font-size: .8em;
 }

.newsfeedheading {
        font-family: Verdana, Arial, Helvetica, sans-serif;;
        font-size: 1.3em;
        font-weight: normal;
        color: #000000;
        text-align:left;
        }

.newsfeeddate {
	font-family: Verdana, Arial, Helvetica, sans-serif;;
        font-size: .8em;
	color: #666666;
	font-weight: normal;
}

.createdate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	cursor: pointer;
	}

.modifydate {
	font-family: Verdana, Arial, Helvetica, sans-serif;;
	font-size: .8em;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	}


.fase4rdf {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;   color: #000000; font-weight: normal;
	}

a.fase4rdf:link {
	font-size: 1em;    font-weight: normal; color: #0014A6;
	}

a.fase4rdf:hover {
	font-weight: normal; 
	color: #0014A6;
	text-decoration: underline;
	}

table.searchintro {
  	background-color: #FFFFFF;
	border: solid 1px #777777;
	}

table.contact {
	}

table.contact td.icons {
	}

table.contact td.details {
	}

.pagenav {
	color: #386593;
}

a.pagenav {
	color: #ffcc00;
}

.pagenavbar {
	background-color: #f0f0f0;
}

/* Content voting */
.content_rating {
	font-weight: normal;
	font-size: 1em;
}

.content_vote {
	font-weight: normal;
	font-size: 1em;
}

/* CUSTOM TEMPLATE TAGS */

.header {
	background-color: #0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #666666;
	border-top: 1px solid #000000;
   border-bottom: 0px solid #000000;
   padding: 0em 0;
}

.header td {
	line-height: 1em;
}

.left-column {
    background-color: #FFFFFF;
    font-size: 1em;
    font-weight: normal;
    color: #666666;
}

.center-column {
    font-size: 1em;
    color: #666666;
}

.right-column {
    background-color: #f1f1f1;
    font-size: 1em;
    font-weight: normal;
    color: #666666;
}

.footer div {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: normal;
    color: #999999;
}

.newsflash {
	width: 100%;
}

.pollstableborder {
	border: 1px solid;
	padding: 1px;
}

/* polls Bar Colors/Formats - Follow the format to add your own.
* Then update the maxcolors setting for polls in
* components/com_poll/poll.php -> $polls_maxcolors
*/

.polls_color_1{ background-color: #8D1B1B; border: 2px ridge #B22222; }
.polls_color_2{ background-color: #6740E1; border: 2px ridge #4169E1; }
.polls_color_3{ background-color: #8D8D8D; border: 2px ridge #D2D2D2; }
.polls_color_4{ background-color: #CC8500; border: 2px ridge #FFA500; }
.polls_color_5{ background-color: #5B781E; border: 2px ridge #6B8E23; }

/* polls Outside Table Border */
.pollstableborder {
        border: 1px solid;
        padding: 2px;
}

.searchbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    width: 100%;
}

ul.latestnews {
    margin-left: 1em;
    padding-left: 0.4em;
}

li.latestnews {
    margin: 0;
    padding: 0;
}

.buttonheading img {
	border: none;
}

/* As of swmenu free 6.1, this addition was required otherwise the menu bar did not auto-size to occupy full width */
/* For transmenu (a type of menu that swmenu free can produce) */
div.swmenu {
	width: 100%;
}
table.swmenu {
	width: 100%;
}
/* For MyGosu (another type of menu that swmenu free can produce, preferred for SEO as the submenus can be crawled by search engines) TO DO*/
.ddmx {
	width: 100%;
}

/* Fix for blue borders in Firefox for RokSlideShow Module v4.2 */
#slideshow a, #slideshow img {
	border: 0;
}

/* Fix for blue border around image for JFusion G2 activity module (daily/random image) */
.block-imageblock-ImageBlock img {
	border: 0;
	padding-top: 5px;
}

/* Center the RokSlideshow module content */
#slideshow {
	margin: 0 auto;
	text-align: center;
}