#portal247broad {

	max-width:1024;

	min-width:775;

	}

	body {

  		color:#000000;

  		margin:0;

  		padding:0;

  		background-color:#FFFFFF;

  		font-family:comic sans ms,arial,sans-serif;

  		font-size:12px;

	}

	img {

		border:0;

	}

	td, tr, p, div {

		font-family      : comic sans ms,Arial, Helvetica, sans-serif;

		font-size        : 12px;

		color            : #996600;

	}

	hr {

		color            : #BCB778;

		height           : 1px;

		width            : 100%;

	}

	/* Colours */

	.fatalcolour {

		color: red;

	}

	.severecolour {

		color: red;

	}

	.warncolour {

		color: orange;

	}

	.informcolour {

		color: green;

	}

	.fatalcolour, .severecolour, warncolour, informcolour {

		font-size: 20px;

		font-weight: bold;

	}

	/* Links */

a:link, a:visited {

  font-size        : 11px;

  color            : #CC9900;

  text-decoration  : none;

  font-weight      : bold;

}

a:hover {

  font-size        : 11px;

  color            : #996600;

  text-decoration  : none;

  font-weight      : bold;

}

a.category:link, a.category:visited {

  font-size        : 11px;

  font-weight      : bold;

}

a.readon:link, a.readon:visited {

  color            : #CC9900;

  font-family      : comic sans ms,Tahoma, Verdana, Arial, Helvetica, sans-serif;

  font-size        : 11px;

  background       : url(../images/read.gif);

  background-repeat: no-repeat;

  white-space      : normal;

  font-weight      : bold;

  border           : 1px solid #BCB778;

  padding-bottom   : 3px;

  padding-left     : 21px;

  padding-right    : 2px;

  padding-top      : 1px;

  float            : left;

  line-height      : 10px;

  text-decoration  : none;

}

a.readon:hover {

  color            : #996600;

  font-family      : comic sans ms,Tahoma, Verdana, Arial, Helvetica, sans-serif;

  font-size        : 11px;

  background       : url(../images/read.gif);

  background-repeat: no-repeat;

  white-space      : normal;

  font-weight      : bold;

  border           : 1px solid #BCB778;

  padding-bottom   : 3px;

  padding-left     : 21px;

  padding-right    : 2px;

  padding-top      : 1px;

  float            : left;

  line-height      : 10px;

  text-decoration  : none;

}

/* Input boxes */

.inputbox {

  border           : 1px solid #BCB778;

  background	   : transparent url(../images/back.gif);

  background-color : #ECEAD8;

  margin-bottom    : 5px;

  color			   : #660000;

}

/* Lists */

ul {float          : left;

  margin           : 2px;

  padding-left     : 10px;

  list-style       : none;

}

li {



  line-height      : 15px;

  padding-left     : 15px;

  padding-top      : 0px;

  background-image : url(../images/bullet.png) ;

  background-repeat: no-repeat;

  background-position: 0px 3px;

}

/* Buttons */

#buttons {

  float            : right;

  margin           : 0px;

  padding          : 0px;

  width            : 50%;

}

.back_button {

  color            : #996600;

  font-family      : comic sans ms,Tahoma, Verdana, Arial, Helvetica, sans-serif;

  font-size        : 11px;

  background       : url(../images/bb.gif);

  background-repeat: no-repeat;

  white-space      : normal;

  font-weight      : normal;

  border           : 1px solid #BCB778;

  padding-bottom   : 4px;

  padding-left     : 20px;

  padding-right    : 2px;

  padding-top      : 1px;

  margin-right     : 4px;

  float            : right;

  font-weight      : normal;

  line-height      : 10px;

  text-decoration  : none;

}

.button {

  font-size        : 11px;

  color            : #996600;

  border           : 1px solid #BCB778;

  margin-bottom    : 5px;

  background-color : #E3E1C6;

  padding          : 1px;

}

.highlight {

  background-color	: #FF0;

  color				: #000;

}



	/* The main heading, inculding logo and banner, search box and top menu */

	#heading {

		background:url(../images/center.jpg);

		margin:20px 26px 0 26px;

		height:89px;

		padding: 20px 0;

	}

	#leftimage, #rightimage {

		position:absolute;

		top:20px;

		width:26px;

	}

	#leftimage {

		left:20px;

	}

	#rightimage {

		right:20px;

	}

	#logo {

		/*float:right;*/
		position:absolute;
		top: 12px;
		right: 100px; 

	}

	#banner {

		position:absolute;

		top: 48px;

		right: 56px;

	}

	#sitename {

		height:110px;

		margin-right: 530px;

		margin-left: 110px;

		text-align:left;

		text-transform:uppercase;

		font-size:14px;

		font-weight:bold;

	}

	#currentdate {

		position:absolute;

		top: 129px;

		left: 46px;

		font-size:10px;

		color:#996600;

		text-align:left;

	}

	#topmenu {

		position:absolute;

		top: 126px;

		right: 46px;

	}

	/* The pathway and search box */

	#pathsearch {

		height: 25px;

	}

	#pathleft, #pathright {

		position:absolute;

		top:149px;

	}

	#pathleft {

		left:20px;

	}

	#pathright {

		right:20px;

	}

	#pathway {

		height:25px;

		width:45%;

	}

	#pathway {

		margin-left:42px;

		float:left;

		font-size:10px;

		color:#996600;

	}

	a#pathway:link, a#pathway:visited {

		font-size:10px;

	}

	a#pathway:hover {

		font-size:10px;

	}

	#searchbox {

		position:absolute;

		top: 152px;

		right: 46px;

		margin-top       : 0px;

		padding          : 2px 3px 2px 6px !important;

		padding          : 0px 3px 2px 6px;

		font-family      : comic sans ms,arial, helvetica, sans-serif;

		font-size        : 10px;

		height           : 12px !important;

		height           : 12px;

		width            : 123px !important;

		width            : 125px;

		color            : #666666;

		background       : #FFFFFF;

		border           : 1px solid #cccccc;

	}

	/* The main area, including left and right columns, top, features, bottom and main module areas */

	#maintable {

		background-image:url(../images/shadowl.jpg);

		background-repeat:repeat-y;

		width:100%;

		border:0;

		margin:0 20px;

	}
.leftrow {
  width            : 168px;
  margin-right     : 5px;
}
.rightrow {
  width            : 168px;
  align            : right;
  margin-left      : 5px;
}
	#rightshadow {

		background-image:url(../images/shadowr.jpg);

		background-repeat:repeat-y;

	}

	#navigation {

		background-color : #ECEBD9;

		width            : 168px;

		height           : 100%;

		margin-right     : 5px;

	}

	#extra {

		background-color : #ECEBD9;

		height           : 100%;

		width            : 168px;

		align            : right;

		margin-left      : 5px;

	}

	#feature1 {

		background-color : #ECEBD9;

		width:49%;

		float:left;

		padding:0 2px 0 2px;

	}

	#feature2 {

		background-color : #ECEBD9;

		width:49%;

		float:right;

		padding:0 2px 0 2px;

	}

	#mainbody {

		background-color:#ECEAD8

		float:left;

		clear:both;

		padding:2px;

	}

	/* Not certain we need divider - it goes between feature 1 and feature 2

	#divider {

		height:25px;

	}

	*/



	/* The footer with links to top of page and credits */

	#botleftimage, #botrightimage {

		padding:0;

		width:26px;

	}

	#botleftimage, #leftshadow {

		float:left;

		clear:both;

		margin-left:20px;

	}

	#botrightimage {

		float:right;

		margin-right:20px;

	}

	#credits {

		background:url(../images/center2.jpg);

		background-repeat:repeat-x;

		height:52px;

		margin:0 46px 0 46px;

		padding: 25px 0;

	}

	.credits {

		font-family: comic sans ms,Verdana, Geneva, Arial, Helvetica, sans-serif;

		font-size:10px;

		color:#FFFFFF;

		font-weight:normal;

		text-align:center;

	}

	.credits a:link, .credits a:visited {

		font-size:11px;

		color:#FFFFFF;

		text-decoration:none;

  		font-weight:bold;

	}

	.credits a:hover {

		font-size:11px;

		color:#996600;

		text-decoration:none;

  		font-weight:bold;

	}

	#footerleft, #footerright {

		background:url(../images/center2.jpg);

		height:92px;

	}

	#footerleft {

		float:left;

	}

	#footerright {

		float:right;

	}

	#upleft {

		margin:32px 0 0 26px;

	}

	#upright {

		margin:32px 26px 0 0;

	}

	#debug {

		clear:both;

		margin:25px;

	}

	.size11 {

		width:11px;

	}

	.size15 {

		width:15px;

	}

	.size40 {

		width:40px;

	}

	/* Navigation */

ul#mainlevel-nav {

  font-size        : 11px;

  list-style       : none;

  padding          : 0;

  margin           : 0;

  font-size        : 0.8em;

}

ul#mainlevel-nav li {

  display          : block;

  background-image : none;

  padding-left     : 1px;

  padding-right    : 1px;

  float            : right;

  margin           : 0;

  width            : auto !important;

  font-size        : 11px;

  line-height      : 22px;

  white-space      : nowrap;

  border-left      : 1px solid #cccccc;

}

ul#mainlevel-nav li a {

  font-size        : 11px;

  display          : block;

  padding-left     : 16px;

  padding-right    : 15px;

  text-decoration  : none;

  color            : #999999;

  background       : transparent;

}

ul#mainlevel-nav li a:hover {

  font-size        : 11px;

  color            : #666666;

}

.sublevel {

  padding-left     : 10px;

}

a.mainlevel: {

  margin           : 0px;

  padding          : 0px;

  font-size        : 12px;

  width            : 168px;

  background-color : #ECEAD8;

  text-indent      : 10px;

}

a.mainlevel: link {

  padding          : 0px 0px 0px 0px;

  font-size        : 12px;

  width            : 168px;

  background-color : #ECEAD8;

  text-indent      : 10px;

}

a.mainlevel:link, a.mainlevel:visited {

  display          : block;

  font-size        : 12px;

  border-top       : 1px solid #ffffff;

  border-bottom    : 1px solid #BCB778;

  background-color : #ECEAD8;

  font-weight      : normal;

  padding          : 2px 0px 2px 0px;

  color            : #996600;

  width            : 168px;

  text-indent      : 10px;

}

a.mainlevel:hover {

  background-color : #E3E1C6;

  font-size        : 12px;

  font-weight      : normal;

  text-decoration  : none;

  text-indent      : 10px;

}

#active_menu {

  color            : #996600;

  background-color : #E3E1C6;

  font-weight      : bold;

}

a#active_menu:hover {

  color            : #333333;

}

/* Module characteristics */

table.moduletable {

  width			   : 100%;

  table-layout	   : auto;

  border-top       : 1px solid #FFFFFF;

  border-bottom    : 1px solid #BCB778;

}

.module {

  border-top       : 1px solid #FFFFFF;

  border-bottom    : 1px solid #BCB778;

}

table.moduletable th, .module h3 {

  margin		   : 0;

  font-size        : 11px;

  font-weight      : bold;

  text-transform   : uppercase;

  text-align       : left;

  height           : 21px;

  line-height      : 21px;

  text-indent      : 8px;

  letter-spacing   : 1px;

  color            : #FFF;

  background-image : url(../images/modul.jpg);

}

table.moduletable td {

  padding-left     : 0px;

  padding-right    : 0px;

}

/* Standard page navigation */

.pagenavcounter {

  font-size        : 10px;

  color            : #CC0000;

}

.pagenavbar {

  border-top       : 1px solid #BCB778;

  padding          : 2px;

}

.pagenav {

  font-weight      : bold;

  color            : #DBD8B7;

}

a.pagenav:link, a.pagenav:visited {

  text-decoration  : none;

}

a.pagenav:hover {

  text-decoration  : none;

}



/* Content component stuff */

.contentdescription {

  width            : auto !important;

  display          : block;

} .sectiontableheader {

  font-size        : 11px;

  font-weight      : normal;

  text-transform   : uppercase;

  letter-spacing   : 1px;

  color            : #660000;

  background       : #E3E1C6;

  padding          : 1px;

}

.sectiontableentry1 {

  vertical-align   : top;

  padding          : 3px;

  background       : #ECEAD8;

  border-top       : 1px solid #FFFFFF;

  border-bottom    : 1px solid #BCB778;

}

.sectiontableentry2 {

  vertical-align   : top;

  padding          : 3px;

  border-top       : 1px solid #FFFFFF;

  border-bottom    : 1px solid #BCB778;

}

.contentheading, .componentheading {

  background       : url(../images/header.gif) repeat;

  font-size        : 14px;

  font-weight      : bold;

  line-height      : 24px;

  text-transform   : uppercase;

  text-align       : left;

  color            : #996600;

  width            : 100%;

}

table.contenttoc {

  border           : 1px solid #FFFFFF;

  background       : #ECEAD8;

  padding          : 5px;

  margin-left      : 2px;

  margin-bottom    : 2px;

}

.content_vote {

  font-size        : 10px;

  height           : 22px;

  padding-top      : 2px;

  padding-bottom   : 2px;

}

.content_rating {

  font-size        : 10px;

  color            : #CC9900;

}

table.content{

  width            : 100%;

  padding          : 0px;

  border-collapse  : collapse;

  border-spacing   : 0px;

  margin-bottom    : 10px;

}

table.contentpane {

  width            : 100%;

  padding-left     : 5px;

  padding-right    : 5px;

  border-spacing   : 0px;

  margin-bottom    : 5px;

}

table.contentpaneopen {

  width            : 100%;

  padding-left     : 5px;

  padding-right    : 5px;

  border-spacing   : 0px;

  margin-bottom    : 5px;

}

/* Miscellaneous general use classes */

.small {

  font-size        : 10px;

  color            : #996600;

}

.smalldark {

  font-size        : 10px;

  color            : #996600;

}

.title {

  font-family      : comic sans ms,Verdana, Geneva, Arial, Helvetica, sans-serif;

  font-weight      : bold;

  text-transform   : uppercase;

  text-indent      : 8px;

  font-size        : 20px;

  text-align       : left;

  color            : #FFFFFF;

}

.title a:link, .title a:visited {

  font-size        : 20px;

  color            : #FFFFFF;

  text-decoration  : none;

  font-weight      : bold;

}

.title a:hover {

  font-size        : 20px;

  color            : #FFFFFF;

  text-decoration  : none;

  font-weight      : bold;

}

.ontab {

  border-left      : 1px solid #404040;

  text-align       : center;

  font-weight      : bold;

  color            : #333333;

  padding          : 5px;

  cursor           : hand;

  line-height      : 40px;

}

.offtab {

  border-left      : 1px solid #404040;

  text-align       : center;

  color            : #666666;

  font-weight      : normal;

  padding          : 5px;

  cursor           : hand;

   line-height     : 40px;

}

.tabpadding {

 border-left       : 1px solid #404040;

}

.pagetext {

  visibility       : hidden;

  position         : relative;

  top              : -10;

  background-color : #FFFFFF;

  display          : none;

}

.createdate, .modifydate {

  font-size        : 10px;

  color            : #CC9900;

}