/*****************************/
/*** Core html setup stuff ***/
/*****************************/

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

form {
  margin: 0;
  padding: 0;
}

body {
	background: #003366;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	/* text-align: center; */ /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	font-size: 12px;
}

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

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

a:link, a:visited {
	color: #cd853f;
}
a:hover {
	color: #006699;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; }

ul {
	margin: 5px;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
.thrColAbsHdr #container {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #003366;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.thrColAbsHdr #columnsWrap {
	border-top: thin dotted #0098cb;
    border-bottom: thin dotted #0098cb;
}

.thrColAbsHdr #header {
	background: #003366;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.thrColAbsHdr #header h1 {
	margin: 0;
	padding: 10px 0;
	font-size: 30px;
	color: #006699;
	text-align: center;
}

.thrColAbsHdr #header h2 {
	margin: 0;
	padding: 10px 0;
	font-size: 24px;
	color: #006699;
	text-align: center;
}

.thrColAbsHdr #header h3 {
	margin: 0;
	padding: 18px 0;
	font-size: 30px;
	color: #006699;
	text-align: center;
}

.thrColAbsHdr #sidebar1 {
	top: 100px;
	left: 0;
	width: 120px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #003366; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 5px 15px; /* padding keeps the content of the div away from the edges */
	color: #cd853f;
	float: left;
}
* html .thrColAbsHdr #sidebar1 {
	width: 130px;
	wid\th: 120px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}

.thrColAbsHdr #sidebar2 {
	top: 100px;
	right: 0;
	width: 110px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #003366; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 5px 5px 15px 5px; /* padding keeps the content of the div away from the edges */
	color: #cd853f;
	float: right;
}
* html .thrColAbsHdr #sidebar2 {
	width: 120px;
	wid\th: 110px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}

.thrColAbsHdr #mainContent2Col {
	margin: 0 0 0 130px; /* the left margins on this div element creates the outer left column on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
}
.thrColAbsHdr #mainContent3Col {
	margin: 0 120px 0 130px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
}
* html .thrColAbsHdr #mainContent3Col {
	margin: 0 123px 0 132px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
}
.thrColAbsHdr .mainContent {
	padding: 10px;
	color: #FFFFFF;
	top: 100px;
	border-left: thin dotted #0098cb;
    border-right: thin dotted #0098cb;
}
.thrColAbsHdr #footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#003366;
	color: #0098cb;
	font-size: 9px;
	text-align: center;
	font-style: normal;
	right: auto;
	margin: 0px;
	clear: both;
}

.thrColAbsHdr #footer a:link, #footer a:visited {
	color: #cd853f;
	text-decoration: underline;
}

.thrColAbsHdr #footer a:hover {
	text-decoration: none;
	color: #006699;
}
}
.thrColAbsHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	border: thin solid #0098CB;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
	border: thin solid #0098CB;
}

.whitebox {
	background: white;
	color: black;
	padding: 5px;
}

.bluebox {
	background: #0098CB;
	color: black;
	padding: 5px;
}

div.moduletable_horiz, div.moduletable_menu {
	margin: 0px auto;
}

ul.menu {
	list-style: none;
	padding: 5px;
	margin-top: 0px;
}

div.moduletable_horiz {
	text-align: center;
}

div.moduletable_menu ul.menu li a:link, div.moduletable_menu ul.menu li a:visited {
	color: #66CC66;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}

div.moduletable_horiz td a:link, div.moduletable_horiz td a:visited {
	color: #66CC66;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	border-left: 1px solid #66CC66;
	border-right: 1px solid #66CC66;
	padding-left: 5px;
	padding-right: 5px;
}

div.moduletable_horiz ul.menu li a:hover,
div.moduletable_menu ul.menu li a:hover {
	color: #0099CC;
	text-decoration: underline;
}

div.moduletable_horiz ul.menu li.active a:link, div.moduletable_horiz ul.menu li.active a:visited,
div.moduletable_menu ul.menu li.active a:link, div.moduletable_menu ul.menu li.active a:visited {
	color: #0099CC;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

span.pathway {
  display: block;
  margin: 0 20px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
}

/* headers */
div.componentheading {
  padding-left: 0px;
}

h1, .componentheading {
	padding: 0;
	margin-top: 15px;
	margin-bottom: 10px;
	font-family:Helvetica ,Arial,sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	vertical-align: bottom;
	text-align: left;
	/* width: 100%; */
}

h2, .contentheading {
	padding: 0;
	margin-top: 15px;
	margin-bottom: 5px;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	vertical-align: bottom;
	text-align: left;
	/* width: 100%; */
}

h3, table.moduletable th, legend {
	margin-top: 15px;
	margin-bottom: 5px;
	padding-left: 0px;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

h4 {
	margin-top: 5px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

/* small text */
.small {
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;

}

a.readon {
	margin-top: 10px;
	display: block;
	float: left;
	background: url(../images/mw_readon.png) top right no-repeat;
	padding-right: 20px;
	line-height: 14px;
	height: 16px;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
	background-color: #f6f6f6;
}

.ol-background {
	background-color: #666;
}

.ol-textfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	color: #0B55C4;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 5px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
	display: block;
	height: 20px;
}

.article_column {
	padding-right: 5px;
}

.column_separator {
	border-left: 1px dashed #e0e0e0;
	padding-left: 10px;
}

td.buttonheading {

}

td.buttonheading img {
	border:none;
}

.clr {
	clear: both;
}

td.greyline {
  width: 20px;
  background: url(../images/mw_line_grey.png) 50% 0 repeat-y;
}

div#maindivider {
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
  overflow: hidden;
  height: 1px;
}

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

/* edit button */
.contentpaneopen_edit{
	float: left;
}

/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  float: right;
}

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


/* content tables */
td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

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

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}


/* content styles */
table.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
	display: table;
	width: 98%;
	border: 0px hidden;
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
}

table.contentpaneopen h1 {
}

table.contentpaneopen h2 {
}

table.contentpaneopen h3 {
	color: #0098CB;
}

table.contentpaneopen h4 {
}

.highlight {
	background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
	margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 15px;
}

div.moduletable h3, div.module h3 {
  margin-top: 5px;
}

div.module_menu h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #eee;
	margin: -23px -4px 5px -5px;
	padding-left: 10px;
	padding-bottom: 2px;
}

div.module_menu {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

div.module_menu div div div {
	padding: 10px;
	padding-top: 30px;
	padding-bottom: 15px;
	width: auto;
}

div.module_menu div div div div {
	background: none;
	padding: 0;
}

div.module_menu ul {
	margin: 10px 0;
	padding-left: 20px;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
	font-weight: bold;
}

#leftcolumn div.module {
	padding: 0 10px;
}

#leftcolumn div.module table {
	width: auto;
}

ul.latestnews {
	list-style: disc outside;
	padding-left: 10px;
}

/* forms */
table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

div.search input {
	width: 145px;
	border: 1px solid #ccc;
	margin: 15px 0 10px 0;
}

form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#form-login ul { padding-left: 20px; }

form#com-form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#com-form-login ul { padding-left: 20px; }

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

/* Parameter Table */
table.paramlist {
	margin-top: 5px;
}

table.paramlist td.paramlist_key {
	width: 128px;
	text-align: left;
	height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #c30;
	text-align: center;
	width: auto;
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	margin: 3px 0px 10px;
	padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Text advert style */

.banneritem_text {
	padding: 4px;
	font-size: 11px;
}

.bannerfooter_text {
	padding: 4px;
	font-size: 11px;
	background-color: #F7F7F7;
	text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
	text-align: left;
}

/* WebLinks */
span.description {
	display:block;
	padding-left: 30px;
}

/* Frontend Editing*/
fieldset {
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 15px;
}

legend {
	margin: 0;
	padding: 0 10px;
}

td.key {
	border-bottom:1px solid #eee;
	color: #666;
}

/* 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 { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* 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; margin:0px; padding-left: 40px; text-indent:0px;}

/* 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; margin:0px; padding-left: 40px; text-indent:0px;}

#syndicate{
	float:left;
	padding-left: 25px;
}

#power_by{
	float:right;
	padding-right: 25px;
}

/* Component Specific Fixes */

#component-contact table td {
	padding: 2px 0;
}