/* Main */

html {
  height: 100%;
  margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
}

p {
  margin-top: 5px;
  margin-bottom: 15px;
  line-height: normal;
}

h1, h2, h3, h4, h4 {
	padding-bottom: 5px;
	margin: 15px 0;
    line-height: normal;
}

fieldset {
	border: 0;
	padding: 5px 0;
}

a:hover {
	text-decoration: underline !important;
}

a img {
	border: 0;
}

/* Fonts */

body {
	font-size: 13px;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 170%;
}

h3 { 
	font-size: 150%;
}

h4 {
	font-size:  120%;
}

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 80%;
}

#nav a {
	font-size: 110%;
}

div.moduletable h3,
div.moduletable-colour h3,
div.moduletable-dark h3 {
	font-size: 100%;
}

.contentheading {
	font-size: 200%;
}

.componentheading {
 	margin-bottom: 15px;
	font-size: 120%;

}

td.componentheading {
	padding-bottom: 15px;
}

/* Font Family */

body {
		line-height: 125%;
		font-family: Arial, Helvetica, sans-serif;
}

h3,
.contentheading,
.componentheading,
.sectiontableheader,
span.pathway,
.small,
.createdate,
.modifydate,
a.readon {
	font-family: Arial, Helvetica, sans-serif;

}

.contentheading,
.componentheading {
	font-weight: bold;
}

a:link,
a:visited {
	text-decoration: none;
}

/* Layout & Header */

#page_bg {
	height: 100%; 
	padding: 0;
	margin-bottom: 1px;
}

div.wrapper {
	margin-left: 18px;
	margin-right: 18px;
	position: relative;
}

div.wrapper2 {
	margin: 0 auto;
	position: relative;
}

#header {
	position: relative;
	height: 130px;
}

#logo {
	position: absolute;
	top: 15px;
	left: 5px;
	display: block;
	width: 480px;
	height: 105px;
	border: 0;
}

#topblock {
	position: absolute;
	height: 100%;
	right: 0px;
	top:0px;
	border: 0;
}

#topbar {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 30px;
	border:0;
}

#topbar div {
	padding-top: 5px;
}

#topbar a {
	font-size: 80%;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
	font-weight: bold;
}

#topbar a:hover {
	text-decoration: none !important;
	font-size: 11px;
}

#topbar img {
	float: left;
	margin-left: 5px;
	margin-right: -8px;
}

#topbox {
	position: absolute;
	top: 30px;
	width: 100%;
	height: 100px;
}

#topbox div {
	margin: 5px;
	font-size: 90%;	
}

.shadow-l {
	height:188px;
	margin-left:-14px;
	width:14px;
}

.shadow-r {
	float:right;
	height:188px;
	margin-right:-14px;
	margin-top:-188px;
	width:14px;
}

table.blog,
table.mainbg,
table.main,
td.main,
table.bottom,
table.mainblock {
	width: 100%;
}

div.mainbody {
	padding: 10px;
}

td.article_column {
	padding: 10px;
}

div.a-footer {
	padding-left: 30px;
	text-align: center;
}

div#copyright {
	min-height: 40px;
	line-height: 31px;
	text-align: center;
}

#footer-logo {
	height: 40px;
}

/* Login */

span.log-register-link a,
span.log-username-link a,
span.log-password-link a {
	margin-bottom: -10px;
	display: block
}

input.poll_button,
span.default-button-login,
span.default-button-logout,
span.log-register-link a:hover,
span.log-username-link a:hover,
span.log-password-link a:hover {
	font-weight: bold;
	text-decoration: none !important;
}

span.default-button-login,
span.default-button-logout {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	padding: 3px 3px 5px 18px;
}

input.poll_button {
	padding: 1px 1px 4px 15px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

div.default-button {
	margin-bottom: 10px;
}

/* Menu */

#nav,
#horiz_menu {
	height: 30px;
	position: relative;
}

#horiz_menu li span {
display:block;
float:left;
}

#nav {
	padding-left: 5px;
}

#nav ul {
	padding: 0;
	margin: 0;
}

#nav li {
	padding: 0;
	float: left;
	display: block;
	height: 30px;
	margin-right: 5px;
}

#nav a {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0px 16px 0 14px;
	text-decoration: none !important;
	cursor: pointer;
	font-weight: normal;
	font-size: 96%;
	font-weight: bold;
}

/* Modules */

div.moduletable,
div.moduletable_menu,
div.moduletable-colour,
div.moduletable-dark,
div.moduletable_text  {
padding-bottom: 15px;
}

td.side1 div.moduletable,
td.side1 div.moduletable-dark,
td.side1 div.moduletable_menu,
td.side1 div.moduletable_text,
td.side2 div.moduletable,
td.side2 div.moduletable-colour,
td.side2 div.moduletable_menu,
td.side2 div.moduletable_text {
	padding-left: 10px;
}

td.side1,
td.side2 {
	padding: 5px;
}

td.side1 h3,
td.side2 h3 {
	width: 186px;
}

table.bottom div.moduletable,
table.bottom div.moduletable-colour,
table.bottom div.moduletable_menu,
table.bottom div.moduletable_text {
	margin: 15px;
	padding: 0px 5px 5px 10px
}

div.coloured_banner{
	margin: -5px 10px 10px;
	padding: 15px;
	display: block;
}

div.coloured_banner h3 {
	margin: 0px 0px -10px;
}

div.no_colour_banner{
	margin: -5px 10px 10px;
	padding: 15px;
	display: block;
}

div.no_colour_banner h3 {
	margin: 0px 0px -10px;
}

td.mainblock div.moduletable,
td.mainblock div.moduletable-colour,
td.mainblock div.moduletable_menu,
td.mainblock div.moduletable_text {
	margin: -10px 10px 0px 10px;
	padding: 5px;
}

table.bottom div.moduletable h3,
table.bottom div.moduletable-colour h3,
table.bottom div.moduletable_menu h3,
td.contentheading,
td.side1 h3,
td.mainblock div.moduletable h3,
td.mainblock div.moduletable-colour h3,
td.mainblock div.moduletable_menu h3,
td.mainblock div.moduletable_text h3 {
	font-family:Arial;
	font-size:110%;
	font-weight:bold;
	height:20px;
	padding-left:30px;
	padding-top:8px;
}

td.contentheading {
	font-size: 100%;
}

td.side2 h3 {
	font-family:Arial;
	font-size:110%;
	font-weight:bold;
	height:20px;
	padding-right:30px;
	padding-top:8px;
	text-align: right;
}

td.contentheading,
td.mainblock div.moduletable h3,
td.mainblock div.moduletable-colour h3,
td.mainblock div.moduletable_menu h3 {
	margin: -5px;
}

td.side1 h3 {
	margin: -5px -5px 10px -15px;
}
 
td.side2 h3 {
	margin: -5px -5px 10px -15px;
}

table.bottom div.moduletable h3,
table.bottom div.moduletable-colour h3,
table.bottom div.moduletable_menu h3 {
	margin-bottom: 10px;
	margin-top: -10px;
	margin-left: -10px;
	margin-right: -5px;
}

table.bottom a:hover {
	text-decoration: underline;
}

div.side1,
div.side2 {
	width: 206px;
}

td.side1,
td.side2,
table.side-table,
td.sideblock {
	height: 100%;
}

/* Content */

form {
	border: 0;
	margin: 0;
	padding: 0;
}

table.blog span.article_seperator {
	display: block;
	height: 20px;
}

table.pollstableborder td {
	text-align: left;
	padding: 2px 0;
}

a:link.nounder,
a:visited.nounder,
a:hover.nounder {
	text-decoration: none;
}

/* Joomla Stuff */

ul.pagination {
	display: inline;
	list-style: none;
}

ul.pagination li {
	display: inline;
	padding-left: 5px
}

.contentheading {
	padding: 10px 0;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height:100%;
}

td.buttonheading {
 	vertical-align: middle;
}

td.buttonheading img {
	margin-right: 5px;
}

table.contentpaneopen, table.contentpane {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

div.contentpane, div.contentpaneopen {
  width: 100%;
}

.clr {
	clear: both;
}

div.mosimage {
  margin: 5px;
}

a.readon {
	float: right;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0px 8px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
}

.createdate {
	height: 20px;
	vertical-align: top;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;
}

table.contenttoc {
  margin: 5px;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}

/* Pathway */

span.pathway {
	display: block;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	margin-top: 0px;
	margin-bottom: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding-left: 10px;
	padding-bottom: 3px;
}

span.pathway img {
	margin: 0px 10px;
	vertical-align: middle;
	padding-bottom: 4px;
}

span.pathway a:hover {
	text-decoration: underline;
}

/* Tables */

td.sectiontableheader {
  font-weight: bold;
  padding: 4px;
  line-height: 20px;
}

tr.sectiontableentry1 td, 
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry1, 
td.sectiontableentry2 {
  padding: 4px;
}

/* Mainmenu */

ul.menu a:hover,
ul#mainlevel a:hover {
	text-decoration: none !important;
	font-weight: bold;
}

ul.menu {
	list-style: none;
	margin-bottom: 10px;
	margin-left: -25px;
	padding-left: 28px;
}

ul.menu li {
	padding-left: 30px;
	padding-bottom: 5px;
	margin-bottom: 3px;
	padding-top: 5px;
}

ul.menu a {
	margin-left: -25px;
}

ul.menu span {
	margin-left: 25px;
}

ul#mainlevel {
	list-style: none;
	padding-left: 28px;
}

ul#mainlevel li {
	padding-bottom: 5px;
	padding-top: 5px;
}

ul#mainlevel a {
	font-size: 80%;
	margin-left: -25px;
	padding-bottom: 4px;
	padding-left: 25px;
}

/* Typography */

span.alert,
span.down,
span.config,
span.info {
	display: block;
	margin: 15px 0;
	padding: 8px 8px 8px 45px;
}

pre {
	display: block;
	margin: 15px 0;
	padding: 8px 8px 8px 45px;
}

blockquote {
	display: block;
	margin: 15px 0;
	padding: 5px 5px 1px 55px;
}

blockquote p {
	padding: 0px 30px 0px 0px;
}

ul.circle,
ul.star,
ul.triangle,
ul.number {
	list-style: none;
	margin-bottom: 10px;
	margin-left: 0pt;
	padding-left: 28px;
}

ul.circle li,
ul.star li,
ul.triangle li {
	padding-left: 20px;
}

li.number0,
li.number1,
li.number2,
li.number3, 
li.number4,
li.number5,
li.number6,
li.number7,
li.number8,
li.number9,
li.number10 {
	padding-left: 30px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* System Standard Messages */
#system-message dd.message ul { 
	background: #C3D2E5 url(../../images/notice-info.png) 4px center no-repeat;
}

/* System Error Messages */
#system-message dd.error ul { 
	color: #c00; 
	background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; 
	border-top: 3px solid #DE7A7B; 
	border-bottom: 3px solid #DE7A7B;
}

/* System Notice Messages */
#system-message dd.notice ul { 
	color: #c00; 
	background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; 
	border-top: 3px solid #F0DC7E; 
	border-bottom: 3px solid #F0DC7E;
}