html, body {height: 100%; margin: 0px; padding: 0px;}
body {font-family: Tahoma; font-size: 12px; background: #ffffff repeat-x; color: #3f3f3f;}
table, img {border: 0px;}
A {outline:none;}
th {font-weight: normal;}
form {margin: 0;}

/* Structure */
.center {position: relative; width: 980px; margin-left: -490px; left: 50%;}
#bghead {background: url(../images/bghead.jpg) #1f739f repeat-x; height: 280px; width: 100%;}
#head {background: url(../images/head.jpg) no-repeat; height: 280px; width: 980px;}

#elements {text-align: right; padding: 30px 50px 0 0; height: 40px;}
#underhead {background: url(../images/underhead.jpg) #f1f1f1 repeat-x; height: 220px; width: 100%;}
#footer {background: url(../images/footer.jpg) #1f739f repeat-x; height: 100px; width: 100%;}

#left {float: left; width: 300px; padding: 0 10px; border-right: 1px solid #d8d8d8;}
#right {float: right; width: 609px; padding: 0 10px 0 20px;}

div.address {background: url(../images/address.gif) left center no-repeat; padding: 10px 0 0 90px; line-height: 20px;}
div.clear {clear: both;}
div.hr {background: #d8d8d8; width: 100%; height: 1px; overflow: hidden; margin: 10px 0;}

table.topmenu {padding-top: 166px;}
table.topmenu td.left {background: url(../images/topmenuleft.gif) left bottom no-repeat; width: 10px;}
table.topmenu td.right {background: url(../images/topmenuright.gif) left bottom no-repeat; width: 10px;}

table td.underheadleft {background: url(../images/underheadleft.jpg) no-repeat; height: 220px; width: 10px;}
table td.underheadcenter {background: url(../images/underheadcenter.jpg) repeat-x; height: 220px; padding: 0 10px;}
table td.underheadright {background: url(../images/underheadright.jpg) no-repeat; height: 220px; width: 10px;}

table td.newsleft {background: url(../images/newsleft.jpg) no-repeat; width: 10px; height: 200px;}
table td.newscenter {background: url(../images/newscenter.jpg) repeat-x; line-height: 16px; color: #575757; vertical-align: top;}
table td.newsright {background: url(../images/newsright.jpg) no-repeat; width: 10px; height: 200px;}
table td.newsborder {background: url(../images/newsborder.jpg) no-repeat; width: 3px; height: 200px;}

table td.bodyleft {background: url(../images/bodyleft.jpg) #f1f1f1 repeat-y; width: 10px; height: 100%;}
table td.bodycenter {background: #ffffff; padding: 10px;}
table td.bodyright {background: url(../images/bodyright.jpg) #f1f1f1 repeat-y; width: 10px; height: 100%;}

table td.footerleft {background: url(../images/footerleft.jpg) #e3e3e3 no-repeat; height: 100px; width: 20px;}
table td.footercenter {background: url(../images/footercenter.jpg) #e3e3e3 repeat-x; height: 100px;}
table td.footerright {background: url(../images/footerright.jpg) #e3e3e3 no-repeat; height: 100px; width: 20px;}
table td.footerborder {background: url(../images/footerborder.jpg) no-repeat; height: 100px; width: 20px;}
td.footer {font-size: 11px; color: #525252; line-height: 16px; padding: 0 10px 10px 10px;}

/* Menu */
ul.menu-top li {float:left; padding:0; font-size: 11px; text-transform: uppercase; height: 44px;}
ul.menu-top a:LINK, ul.menu-top a:VISITED {text-decoration: none;}
ul.menu-top li.active a:LINK, ul.menu-top li.active a:VISITED {text-decoration: none;}
ul.menu-top a {float:left; background: url(../images/topmenu.gif) no-repeat left -44px; padding: 0 0px 0 25px; margin-right: 0px;}
ul.menu-top a span {float:left; background:url(../images/topmenu.gif) no-repeat right -44px; padding: 9px 30px 0px 5px; line-height: 35px; color: #cdcdcd; text-decoration: none;}
ul.menu-top a:hover {background-position: left -88px; color: #ffffff;}
ul.menu-top a:hover span {background-position: right -88px; cursor: pointer; color: #ffffff;}
ul.menu-top li.active a {background-position: left top;}
ul.menu-top li.active a span {background-position: right top; color: #373737;}
ul.menu-top li.active a:hover {background-position: left top; color: #373737;}
ul.menu-top li.active a:hover span {background-position: right top; color: #000000; text-decoration: underline; cursor: pointer;}

ul.menu li {padding: 0 10px;}
ul.menu li a:LINK, ul.menu li a:VISITED {display: block; height: 30px; line-height: 30px; background: url(../images/menuleft.jpg) no-repeat; font-size: 12px; color: #404040; text-decoration: none; padding-left: 35px; width: 245px;}
ul.menu li a:HOVER, ul.menu li.active a:LINK, ul.menu li.active a:VISITED, ul.menu li.active a:HOVER {background-position: bottom left; background-color: #ededed; color: #000000; text-decoration: none;}

/* Links */
A:LINK, A:VISITED {color: #15609a; text-decoration: underline;}
A:HOVER {color: #15609a; text-decoration: none;}

A.copy:LINK, A.copy:VISITED {color: #15609a; text-decoration: underline;  font-size: 11px;}
A.copy:HOVER {color: #15609a; text-decoration: none; font-size: 11px;}

A.news:LINK, A.news:VISITED {color: #15609a; text-decoration: underline; line-height: 25px;}
A.news:HOVER {color: #15609a; text-decoration: none;}

A.readon:LINK, A.readon:VISITED {display: inline-block; float: right; background: url(../images/readon.jpg) #3e3e3e no-repeat 0 50%; width: 100px; text-decoration: none; font-weight: bold; font-size: 11px; color: #fff; height: 22px; line-height: 22px; font-family: Arial; text-align: center; margin-top: 10px;}
A.readon:HOVER {color: #fff; background-position: 100% 50%; background-color: #007eab;}

A.home:LINK, A.home:VISITED {text-decoration: none; display: inline-block; width: 24px; height: 32px; background: url(../images/element.gif) left top no-repeat; overflow: hidden; margin: 0 5px;}
A.home:HOVER {text-decoration: none; background-position: left -32px;}

A.mail:LINK, A.mail:VISITED {text-decoration: none; display: inline-block; width: 24px; height: 32px; background: url(../images/element.gif) center top no-repeat; overflow: hidden; margin: 0 5px;}
A.mail:HOVER {text-decoration: none; background-position: center -32px;}

A.map:LINK, A.map:VISITED {text-decoration: none; display: inline-block; width: 24px; height: 32px; background: url(../images/element.gif) right top no-repeat; overflow: hidden;}
A.map:HOVER {text-decoration: none; background-position: right -32px;}

/* Titles */
div.moduletable, div.moduletable-address {padding: 10px 0;}
div.moduletable h3 {display: block; background: url(../images/moduletable.jpg) #1292c1 no-repeat; width: 250px; padding-left: 50px; height: 30px; line-height: 30px; margin: 0 0 10px 0; font-size: 11px; text-transform: uppercase; color: #ffffff; font-weight: normal;}
div.moduletable-address h3 {display: block; background: url(../images/moduletable-address.jpg) #1292c1 no-repeat; width: 310px; padding-left: 50px; height: 30px; line-height: 30px; margin: 0 0 10px 0; font-size: 11px; text-transform: uppercase; color: #ffffff; font-weight: normal;}
table.contentpaneopen {width: 100%; line-height: 16px;}

table.error {background: #ffdede; border: 1px solid #cc7777; color: #ad0000; font-size: 11px;}
table.greenway {background: #e6ffde; border: 1px solid #73ae60; color: #3b6a2c; font-size: 11px;}

/* Joomla */
.sectiontableheader, .sectiontableheader th {background: #2a54b8; padding: 10px 8px; color: #ffffff; font-weight: bold;}
.sectiontableheader a:visited,
.sectiontableheader a:link {color: #ffffff; text-decoration: none;}
.sectiontableheader a:hover,
.sectiontableheader a:active,
.sectiontableheader a:focus {color: #95b9e9; text-decoration: none;}

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

tr.sectiontableentry0 {background: #ffffff;}
tr.sectiontableentry1 {background: #f5f5f5;}
tr.sectiontableentry2 {background: #ffffff;}

tr.sectiontableentry0:hover,
tr.sectiontableentry1:hover,
tr.sectiontableentry2:hover {background: #e4eef2;}

table.poll {padding: 0; width: 100%; font-size: 12px;}
table.pollstableborder {border: none; padding: 0; text-align: left; width: 100%;}
table.pollstableborder img {vertical-align: baseline;}
table.pollstableborder td {border-spacing: 0; padding: 4px !important; background: none;}

.contentdescription {padding-bottom: 30px;}
table.contentpaneopen, table.contentpane, table.blog, table.contentpaneopen-search {width: 100%; border-collapse: collapse; border-spacing: 0; line-height: 16px;}
table.contentpaneopen-search td {padding: 2px;}
div.result {padding: 5px 0; margin: 5px; border-bottom: 1px solid #a19e8d;}

table.contentpaneopen td, table.blog td {padding: 0;}

table.contentpaneopen td img, table.blog td img {margin: 5px;}

td.buttonheading img {margin: 2px;}

#system-message {background: #ffc4c4; color: #610e0e; padding: 10px; margin-bottom: 20px;}
dt.message, dt.error {font-weight: bold;}
.message ul li {padding: 0; margin: 0; background: none;}
/*---------------------------------------------------------------------------------------------------------------*/

div.module {background: #f5f5f5; padding: 10px;}
div.moduletable {}
h1, h2, .contentheading, .componentheading {font-family: Tahoma; font-size: 22px; color: #545353; font-weight: normal; line-height: 30px; display: block; margin: 0 0 10px 0; border-left: 4px solid #3895cb; padding-left: 20px;}

ul {margin: 0; padding: 0; list-style: none;}
ul.content li {line-height: 15px; padding-left: 15px; margin-bottom: 0px; background: url(../images/arrow.png) center left no-repeat;}

span.separator {font-weight: bold; text-transform: uppercase; font-size: 10px; display: block; padding: 10px 0 10px 5px; background: #ebedee; border-bottom: 1px solid #d7d7d7;}
span.small {color: #000000; font-size: 11px; line-height: 25px;}
span.address {text-decoration: underline; color: #15609a;}

/* 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(../../../administrator/templates/khepri/images/selector-arrow.png) no-repeat;}
.tool-text {font-size: 100%; margin: 0;}

/* Inputs */
input.invalid, textarea.invalid {border: #d66666 1px solid;}
label.invalid {color: #d66666;}

.inputbox:hover, select:hover, textarea:hover {background: #eaf8ff; border: #a1becc 1px solid;}
.inputbox:focus, select:focus, textarea:focus {background: #eaf8ff; border: #a1becc 1px solid;}
.inputbox, select, textarea {font-size: 12px; font-family: Tahoma; border: #dadada 1px solid; padding: 3px;}

input.button, input.validate {background: url(../images/button.jpg) #3e3e3e no-repeat 0 50%; border: none; outline: none; width: 100px; text-decoration: none; font-weight: bold; font-size: 11px; color: #fff; height: 22px; line-height: 22px; cursor: pointer; font-family: Arial; text-align: center;}
input.button:hover, input.validate:hover {color: #fff; background-position: 100% 50%; background-color: #007eab;}

/* Page Navigation */
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}



.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	text-decoration: none;
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #606060;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
	text-decoration: none;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
	font-size: 11px;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right .prev {
	background: url(../images/j_button2_prev.png) no-repeat;
}

.button2-right .start {
	background: url(../images/j_button2_first.png) no-repeat;
}


.button2-left .page {
	background: url(../images/j_button2_right_cap.png) 100% 0 no-repeat;
}

.button2-left .next {
	background: url(../images/j_button2_next.png) 100% 0 no-repeat;
}

.button2-left .end {
	background: url(../images/j_button2_last.png) 100% 0 no-repeat;
}
