/* Start toppanel--------------------------------------------- */
.toppanel 
{ background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; z-index: 130000; border: 0; }
.toppanel div.panel 
{ background-repeat: no-repeat; position: absolute; width: 100%; border: 0; }
div.default div.toppanel div.panel {
	background: #000001 0 top;
	color: #fff;
}
div.default div.toppanel div.content {
	margin: auto;
	padding-top: 5px;
	overflow: hidden;
}
div.default div.toppanel div.cpnl { width: 174px; margin-left: -87px; cursor: pointer; }
div.default div.toppanel div.cpnl img {
	width: 16px;
	height: 15px;
	border: 0;
}
div.default div.toppanel div.cpnl-l, div.default div.toppanel div.cpnl-r {
	width: 20px;
	height: 15px;
	float: left;
}
div.default div.toppanel div.cpnl-l {
	background: url(../images/toppanel_left.png) no-repeat 100% 0;
}
div.default div.toppanel div.cpnl-r {
	background: url(../images/toppanel_right.png) no-repeat 100% 0;
}
div.default div.toppanel div.cpnl-m { background: url(../images/toppanel_center.png) repeat-x 100% 0; float: left; text-align: center; font-size: 9px; line-height: 15px; overflow: hidden; color: #fbfbfb; font-weight: bold; text-transform: uppercase; width: 134px; height: 15px; }
div.default div.toppanel div.article {
	padding-bottom: 10px;
}
/* End toppanel--------------------------------------- */
/* COMMON STYLE
--------------------------------------------------------- */

html, body { background-image: none; background-repeat: repeat; margin: 0; padding: 0; }

body { color: #000; background: transparent; font-family: Helvetica, Arial, sans-serif; line-height: 150%; margin-top: 0; margin-bottom: 0; }

body#bd {background: #FFFFFF url(../images/blad3_red.png) no-repeat center top; margin: 10px 0 0; }

#body_bottom
{ background-image: url(../images/tdm_footer.png); background-repeat: no-repeat; background-position: 50% bottom; position: relative; width:1010px; height: 180px; margin-right: auto; margin-left: auto; }
body.contentpane {
	width: 50%; /* Printable Page */
	margin: 1em 2em;
	background: #FFFFFF;
	color: #000000;
	font-size: 12pt;
	font-family: Helvetica,Arial,sans-serif;
	line-height: 140%;
}

body.zupa1 {
	font-size: 9px;
}

body.zupa2{
	font-size: 10px;
}

body.zupa3{
	font-size: 11px;
}

body.zupa4{
	font-size: 12px;
}

body.zupa5{
	font-size: 13px;
}

body.zupa6{
	font-size: 14px;
}

/* Normal link */
a { color: #069; font-size: 100%; font-weight: normal; text-decoration: underline; }

a:hover, a:active, a:focus { text-decoration: none; }

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3 {
	font-weight: normal;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createdate {
	color: #888484;
	font-size: 90%;
}

/* Heading */
h1 { font-size: 175%; font-weight: normal; text-transform: lowercase; }

h2 { font-size: 150%; font-weight: bold; text-transform: lowercase; }

h3 { font-size: 120%; font-weight: bold; text-transform: lowercase; }

h4 { font-size: 100%; font-weight: bold; text-transform: lowercase; }

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 15px 0;
	padding: 0;
}

ul {
	list-style: none;
}

ul li {
	padding-left: 30px;
	background: url(../images/gogel-list.gif) no-repeat 18px 8px;
	line-height: 180%;
}

ol li {
	margin-left: 35px;
	line-height: 180%;
}

th {
	padding: 5px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #464646;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

a img {
	border: none;
}

td, div {
	font-size: 100%;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox {
	padding: 1px;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 100%;
}

select, textarea, .inputbox {
	background: #FFFFFF;
	color: #333333;
}

.button { padding: 3px 8px; color: #000001; font-size: 110%; font-weight: bold; background-color: white; background-repeat: repeat-x; background-attachment: scroll; background-position: center; text-transform: lowercase; border: solid 1px #c0c0c0; }

* html .button, *+html .button {
	padding: 2px 5px !important;
}

.inputbox { margin-bottom: 1px; padding: 3px 2px; background: #ffffff url(../images/input-bg.gif) repeat-x 50% top; border: solid 1px #c0c0c0; }

.inputbox:hover, .inputbox:focus {
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
	padding: 10px 15px;
	margin: 5px 0 15px;
	border-left: 5px solid #666666;
	background-color: #464646;
}

blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	padding: 3px 0 3px 20px;
	background: url(../images/so-q.gif) no-repeat left top;
}

blockquote span.close {
	padding: 3px 20px 3px 0;
	background: url(../images/sc-q.gif) no-repeat bottom right;
}

/* Dropcap */
.dropcap {
	float: left;
	padding: 4px 8px 0 0;
	display: block;
	color: #2A4263;
	font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
.error {
	padding-left: 25px;
	color: #FF4444;
	background: url(../images/gogel-error.gif) no-repeat top left;
}

.message {
	padding-left: 5px;
	color: #2a4263;
	background: no-repeat left top;
}

.tips {
	padding-left: 25px;
	color: #469EC0;
	background: url(../images/gogel-tips.gif) no-repeat top left;
}

.highlight {
	padding: 1px 5px;
	background: #2A4263;
	font-weight: bold;
}

/* Note Style */
p.stickynote {
	padding: 10px 0px 20px 50px;
	border: 1px solid #464646;
	background: url(../images/sticky-bg.gif) no-repeat 5px 10px #2A2A2A;
}

p.download {
	padding: 10px 0px 20px 50px;
	border: 1px solid #464646;
	background: url(../images/download-bg.gif) no-repeat 5px 10px #2A2A2A;
}

.blocknumber {
	clear: both;
	padding: 5px 15px 10px;
	position: relative;
}

/* Check list */
ul.checklist {
	list-style: none;
}

ul.checklist li {
	margin-left: 15px;
	padding: 0 0 5px 20px;
	background: url(../images/checklist-bg.gif) no-repeat 0 3px;
}

/* Check list */
ul.stars {
	list-style: none;
}

ul.stars li {
	margin-left: 15px;
	padding: 0px 0 5px 20px;
	background: url(../images/star-bg.gif) no-repeat 0 3px;
}

/* Smallnumber */
ol.smallnumber {
	margin: 0;
	padding: 0;
	list-style: none;
}

ol.smallnumber li {
	margin: 10px 0 10px 30px;
	padding: 3px 0 5px 30px;
	line-height: 150%;
}

ol.smallnumber li.number-1 {
	background: no-repeat left top;
}

ol.smallnumber li.number-2 {
	background: no-repeat left top;
}

ol.smallnumber li.number-3 {
	background: no-repeat left top;
}

ol.smallnumber li.number-4 {
	background: no-repeat left top;
}

ol.smallnumber li.number-5 {
	background: no-repeat left top;
}

ol.smallnumber li.number-6 {
	background: no-repeat left top;
}

ol.smallnumber li.number-7 {
	background: no-repeat left top;
}

ol.smallnumber li.number-8 {
	background: no-repeat left top;
}

ol.smallnumber li.number-9 {
	background: no-repeat left top;
}

/* Bignumber */
.bignumber {
	float: left;
	margin-right: 8px;
	padding: 6px 7px;
	display: block;
	color: #FFFFFF;
	background: url(../images/ol-bg.gif) no-repeat top left;
	font: 20px/normal Arial, sans-serif;
	font-weight: bold;
}

/* Talking box. Thinking box. */
div.cruble1, div.cruble2, div.cruble3, div.cruble4 {
	margin: 15px 0;
}

div.cruble1 span.author,
div.cruble2 span.author,
div.cruble3 span.author,
div.cruble4 span.author {
	padding-left: 15px;
	margin-left: 15px;
	background: url(../images/author.gif) no-repeat center left;
	font-weight: bold;
}

div.cruble1 div {
	margin: 0;
	width: 100%;
	background: url(../images/blad1-br.gif) no-repeat bottom right;
}

div.cruble1 div div {
	background: url(../images/blad1-bl.gif) no-repeat bottom left;
}

div.cruble1 div div div {
	background: url(../images/blad1-tr.gif) no-repeat top right;
}

div.cruble1 div div div div {
	background: url(../images/blad1-tl.gif) no-repeat top left;
}

div.cruble1 div div div div div {
	margin: 0;
	padding: 15px 15px 30px 15px;
	width: auto;
}

div.cruble2 div {
	margin: 0;
	width: 100%;
	background: url(../images/blad2-br.gif) no-repeat bottom right;
}

div.cruble2 div div {
	background: url(../images/blad2-bl.gif) no-repeat bottom left;
}

div.cruble2 div div div {
	background: url(../images/blad2-tr.gif) no-repeat top right;
}

div.cruble2 div div div div {
	background: url(../images/blad2-tl.gif) no-repeat top left;
}

div.cruble2 div div div div div {
	margin: 0;
	padding: 15px 15px 35px 15px;
	width: auto;
}

div.cruble3 div {
	margin: 0;
	width: 100%;
	background: url(../images/blad3-br.gif) no-repeat bottom right;
}

div.cruble3 div div {
	background: url(../images/blad3-bl.gif) no-repeat bottom left;
}

div.cruble3 div div div {
	background: url(../images/blad3-tr.gif) no-repeat top right;
}

div.cruble3 div div div div {
	background: url(../images/blad3-tl.gif) no-repeat top left;
}

div.cruble3 div div div div div {
	margin: 0;
	padding: 15px 15px 50px 15px;
	width: auto;
}

div.cruble4 div {
	margin: 0;
	width: 100%;
	background: url(../images/blad4-br.gif) no-repeat bottom right;
}

div.cruble4 div div {
	background: url(../images/blad4-bl.gif) no-repeat bottom left;
}

div.cruble4 div div div {
	background: url(../images/blad4-tr.gif) no-repeat top right;
}

div.cruble4 div div div div {
	background: url(../images/blad4-tl.gif) no-repeat top left;
}

div.cruble4 div div div div div {
	margin: 0;
	padding: 15px 15px 55px 15px;
	width: auto;
}

/* Legend */
.legend-title {
	margin: 0;
	padding: 0 3px;
	float: left;
	display: block;
	background-color: #2A2A2A;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	top: -12px;
	left: 7px;
}

.legend {
	margin: 20px 0;
	padding: 0 10px;
	border: 1px solid #666666;
	background-color: #2A2A2A;
	position: relative;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}

.article_separator {
	display: block;
	background: url(../images/seperator.png) no-repeat center;
	height: 40px;
}

#at-col1 .article_seperator, #at-col2 .article_seperator {
	display: none;
}

table.contentpane {
	border: none;
	width: 50%;
}

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%;
}

table.contenttoc a {
}

table.contenttoc td {
	padding: 3px 5px 3px 22px;
	background: url(../images/arrow.png) no-repeat 10px 9px;
}

table.contenttoc th {
	padding: 5px;
	border-top: 1px solid #464646;
	border-right: 1px solid #1F1F1F;
	border-bottom: 1px solid #1F1F1F;
	border-left: 1px solid #464646;
	background: url(../images/grad2.gif) repeat-x top #333333;
	font-weight: bold;
	text-indent: 5px;
}

table.poll {
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

table.pollstableborder {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left;
}

table.pollstableborder .sectiontableheader {
	padding: 8px 5px !important;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	padding: 2px!important;
	border-collapse: collapse;
	border-spacing: 0;
}

table.pollstableborder tr.sectiontableentry1 td { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border: none; }

table.pollstableborder tr.sectiontableentry2 td {
	border: none;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

table.adminform {
	width: 400px!important; /*Control the Frontend Editor area width*/
}

.adminform .inputbox {
}

.blog_more {
	margin: 10px 0;
}

.blog_more strong { margin: 0 0 5px; display: block; font-size: 100%; font-weight: bold; line-height: 30px; text-decoration: underline; text-transform: lowercase; }

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	margin: 0;
	padding: 0 0 0 24px;
	background: url(../images/arrow.png) no-repeat 12px 5px;
}

td.buttonheading {
	padding: 0 0 0 8px!important;
	text-align: center;
}

.category {
	font-weight: bold;
}

.clr {
	clear: both;
}

.componentheading { color: #fd5902; padding: 0; margin-bottom: 10px; background: repeat-x 50% bottom; font-size: 100%; font-weight: bold; line-height: 17px; text-transform: uppercase; }

.contentdescription {
	padding-bottom: 30px;
}

.contentheading { color: #fd5902; padding-bottom: 5px; font-size: 100%; font-weight: bold; text-transform: uppercase; }

a.contentpagetitle {
	color: #EFEFEF;
}

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	color: #2A4263;
	text-decoration: none;
}

a.readon { color: #fff; float: left; width: 102px; display: block; background: url(../images/readon.png) no-repeat 50% bottom; line-height: 20px; text-decoration: none; text-transform: lowercase; text-indent: 25px; height: 20px; }

a.readon:hover, a.readon:active, a.readon:focus { color: #fff; background: url(../images/readon.png) no-repeat 50% top; text-decoration: none; }

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.createdate {
	padding: 2px;
}

.modifydate { color: #888484; font-size: 90%; height: 15px; }

.moduletable {
	padding: 0;
}

.mosimage {
	margin: 15px 10px 5px 0;
	padding: 0 0 5px;
}

* html .mosimage {
	padding: 0 !important; /*IE 6*/
	margin: 15px 0 10px 0;
}

*+html .mosimage {
	padding: 0 !important; /*IE 7*/
	margin: 15px 5px 10px 0;
}

.mosimage img {
	padding: 0 !important;
	margin: 0 !important;
}

.mosimage_caption {
	margin-top: 3px;
	padding: 1px 2px;
}

.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
	padding: 0 2px;
}

a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
}

a.pagenav:hover, a.pagenav:active, a.pagenav:focus,
.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,
.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,
.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
}

.pagenavbar {
	padding-left: 14px;
	background: url(../images/pages.gif) no-repeat center left;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
	background: url(../images/pages.gif) no-repeat 0 11px;
}

.sectiontableheader { padding: 5px; font-weight: bold; background-image: url(../images/grad2.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% top; border: solid 1px #ccc; }

tr.sectiontableentry1 td {
	padding: 7px 5px;
	background: url(../images/hdot.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
	padding: 7px 5px;
	background: url(../images/hdot.gif) repeat-x bottom;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td { background: #ececed url(../images/hdot.gif) repeat-x 50% bottom; }

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#at-mainnav,
#at-upsl,
#at-pathwaywrap,
#at-container,
#at-downsl,
#at-footer {
	width: 950px;
	margin: 0 auto;
	clear: both;
}

.narrow #at-header,
.narrow #at-mainnav,
.narrow #at-upsl,
.narrow #at-pathwaywrap,
.narrow #at-container,
.narrow #at-downsl,
.narrow #at-footer {
	width: 770px;
}

/* PRIMARY COLUMN
--------------------------------------------------------- */
#at-content { background: url(../images/cont-center.png) no-repeat; float: right; width: 565px; height: 433px; overflow: hidden; margin-bottom: 5px; }

#at-cont-top { background: url(../images/cont-top.gif) no-repeat 50% top; }

#at-cont-bot {
	background: url(../images/cont-bot.gif) no-repeat bottom;
}
/*Overrided background for '1 col + content' layout*/
#at-containerwrap-c #at-content { background: url(../images/cont-center2.png) no-repeat left center; width: 738px; height: 433px; overflow: hidden; }

#at-containerwrap-c #at-cont-top {
	background: url(../images/cont-top2.gif) no-repeat left top;
}

#at-containerwrap-c #at-cont-bot {
	background: url(../images/cont-bot2.gif) no-repeat left bottom;
}
/*Overrided background for 'full content' layout*/
#at-containerwrap-f #at-content { background: url(../images/cont-center3.png) no-repeat; width: 950px; height: 433px; }

#at-containerwrap-f #at-cont-top {
	background: url(../images/cont-top3.gif) no-repeat top;
}

#at-containerwrap-f #at-cont-bot {
	background: url(../images/cont-bot3.gif) no-repeat bottom;
}
#at-content div.at-innerpad { clear: both; margin: 0; padding: 20px; display: block; }

html>body #at-content div.at-innerpad {
	height: auto;
	min-height: 300px;
}

/* SECONDARY COLUMNS
--------------------------------------------------------- */
#at-colwrap { color: #fff; width: 380px; height: 433px; overflow: hidden; float: right; }
#at-col1 {
	float: left;
	width: 49%;
	overflow: hidden;
}
#at-col1 div.at-innerpad { padding: 0 0 0 0; }
#at-col1 a {  width: 99%; display: block; color: #fff; font-size: 100%; font-weight: normal; line-height: 20px; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; height: 20px; padding-left: 5px; }
#at-col1 div.module_menu a { width: 99%; display: block; color: #fff; font-size: 100%; font-weight: normal; line-height: 20px; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; text-decoration: underline; height: 20px; padding-left: 5px; }
#at-col1 div.module_menu #active_menu { background: no-repeat right bottom; color: #fd5902; text-decoration: underline; }
#at-col1 div.module_menu a:hover,
a:active,
a:focus {
	color: #fd5902;
	background: no-repeat right bottom;
	text-decoration: none;
}
#at-col1 div.module_menu li {
	background: none;
}
#at-col1 div.module_menu #current a {
	background: no-repeat right bottom;
	color: #fd5902;
}

#at-col1 div.module_menu #current ul li a {
	padding: 5px 4px 5px 15px;
	display: block;
	background: url(../images/gogel-list.gif) no-repeat 5px 18px;
	color: #fd5902;
}

#at-col1 div.module_menu #current ul li a:hover,
a:active,
a:focus {
	color: #fd5902;
	text-decoration: none;
}

/********************************/
#at-col2 a { width: 99%; display: block; color: #fff; font-size: 100%; font-weight: normal; line-height: 20px; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; height: 20px; padding-left: 5px; }
#at-col2 div.module_menu a { width: 99%; display: block; color: #fff; font-size: 100%; font-weight: normal; line-height: 20px; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: right top; text-decoration: underline; height: 20px; padding-left: 5px; }
#at-col2 div.module_menu a:hover,
a:active,
a:focus {
	color: #fd5902;
	background: no-repeat right bottom;
	text-decoration: none;
}
#at-col2 div.module_menu #current a {
	background: no-repeat right bottom;
	color: #fd5902;
}
#at-col2 div.module_menu li {
	background: none;
}
#at-col2 div.module_menu #current ul li a {
	padding: 5px 4px 5px 15px;
	display: block;
	background: url(../images/gogel-list.gif) no-repeat 5px 18px;
	color: #fd5902;
}

#at-col2 div.module_menu #current ul li a:hover,
a:active,
a:focus {
	color: #fd5902;
	text-decoration: none;
}
/********************************/

#at-col2 { width: 49%; overflow: hidden; float: right; }

#at-col2 div.at-innerpad { padding: 0 0 0 0; }

#at-col1 table, #at-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* -- START FIX FOR IE7 AND IE6 - BGCOLOR WHITE */
#at-col1 ul, #at-col2 ul { background-color: transparent; background-image: none; background-repeat: repeat; margin: 0; padding: 0; }
/* -- END FIX FOR IE7 AND IE6 - BGCOLOR WHITE */
#at-col1 ul li, #at-col2 ul li { background-image: url(../images/gogel-list.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 2px 8px; padding-left: 10px; }
/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#at-containerwrap, #at-containerwrap-cm, #at-containerwrap-c, #at-containerwrap-f {
	padding: 0;
}

#at-container { padding: 0; }

/* full */
#at-containerwrap-f #at-content {
	width: 80%;
	float: none;
}

/* content + col + mass */
#at-containerwrap-cm {
}

#at-containerwrap-cm #at-container {
	background: none;
}

#at-containerwrap-cm #at-col1,
#at-containerwrap-cm #at-col2 {
	width: 50%;
}

/* content + col */
#at-containerwrap-c #at-content {
	width: 78%;
}

#at-containerwrap-c #at-colwrap {
	width: 22%;
}

#at-containerwrap-c #at-colwrap div.innerpad {
	background: none;
}

#at-containerwrap-c #at-col1,
#at-containerwrap-c #at-col2 {
	width: 50%;
}

/* content + mass */
#at-containerwrap-m {
}

#at-containerwrap-m #at-container {
}

/* WRAPER
--------------------------------------------------------- */
#at-wrapper { color: #000001; background: transparent; width: 580px; margin-right: auto; margin-left: auto; padding-bottom: 10px; }
.narrow #at-wrapper {
	width: 850px;
}

/* HEADER
--------------------------------------------------------- */
#header
{ background-color: transparent; background-image: none; background-repeat: no-repeat; background-position: 0 0; position: relative; width:950px; height: 98px; z-index: 200; margin-right: auto; margin-bottom: 5px; margin-left: auto; }
#flash_wrapper 
{ background-image: none; background-repeat: no-repeat; position: relative; width: 355px; height: 433px; float: right; border-style: none; border-width: 0; }
#flash_border 
{ background-image: url(../images/flash_border.png); background-repeat: no-repeat; position: absolute; top: 0; right: 0; width: 355px; height: 433px; z-index: 2; float: right; border-style: none; border-width: 0; }
#javascript-flash-header 
{ background-image: url(../header/slides/p_0005.jpg); background-repeat: no-repeat; position: absolute; top: 0; right: 0; width: 355px; height: 433px; z-index: 1; float: right; border-style: none; border-width: 0; }
#logo { width: 719px; display: block; background: url(../images/logo.png) no-repeat; color: #ffffff; text-transform: uppercase; position: absolute; top: -18px; left: 40px; height: 66px; outline: none medium; }


/* MAIN NAVIGATION
--------------------------------------------------------- */
#at-mainnav { line-height: normal; background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 50px; left: -50px; width: 950px; height: 25px; z-index: 30000; float: left; }
#at-mainnav a, #at-mainnav a:hover, #at-mainnav a:active, #at-mainnav a:focus {
	outline: none;
}

/* Default Joomla! Menu */
a.mainlevel { width: 99%; display: block; background: no-repeat right top; text-decoration: underline; height: 20px; }

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus { color: #000001; background: no-repeat right bottom; text-decoration: none; }

a.mainlevel#active_menu { color: #000001; background: no-repeat right bottom; text-decoration: none; }

a.sublevel { display: block; background: no-repeat 5px 11px; padding: 5px 4px 5px 5px; }

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus { text-decoration: none; }

#active_menu { color: #000001; }

#at-pathwaywrap { padding: 0; display: block; color: #efefef; background: url(../images/pathway-bg.png) no-repeat; text-indent: 20px; height: 45px; position: absolute; top: 350px; right: 0; z-index: 1000; }
#at-pathway { color: #b7d2f7; font-size: 120%; font-weight: bold; text-transform: capitalize; position: absolute; top: 8px; left: 8px; padding-top: 5px; }

#at-pathway strong {
	margin-right: 10px;
}

#at-pathway img {
	margin: 0 5px 1px;
}

#at-pathway a {
	font-weight: bold;
}

/* MODULE
--------------------------------------------------------- */
#at-shownews { color: #4d79c1; font-size: 9px; font-weight: bold; font-style: normal; line-height: normal; background: no-repeat; position: absolute; top: 20px; right: -20px; width: 430px; height: 100px; z-index: 5000; float: right; padding: 2px 0 0; }
#at-shownews div.moduletable { color: #fff; font-size: 100%; font-weight: normal; font-style: normal; background-color: transparent; text-transform: capitalize; margin-top: 0; margin-bottom: 0; padding: 0; }
#at-shownews div.moduletable h3 { font-weight: bold; line-height: 31px; background-color: transparent; background-image: none; background-repeat: no-repeat; text-transform: uppercase; margin-bottom: 0; padding-left: 10px; border-bottom-width: 0; }
#at-shownews a { color: #4d79c1; text-decoration: underline; }
#at-shownews a:hover, #at-user13 a:active, #at-user13 a:focus { text-decoration: none; }

/* at NFONTENT */
div.nftitle,
div.nfimages,
div.nfcontent {
	padding: 0 10px;
}
div.nftitle { color: #4d79c1; font-size: 120%; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold; font-style: normal; text-transform: capitalize; margin: 0; padding-bottom: 0; }
div.nftitle a {
	text-decoration: none;
	border: none;
}
div.nfimages {
	text-align: center;
}
div.nfcontent {
	margin: 0;
}
		
		
#at-user23 { font-weight: normal; line-height: normal; position: absolute; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; z-index: 1000; float: left; }
#at-user23 div.moduletable { font-weight: normal; font-style: normal; background-color: transparent; padding-right: 15px; padding-bottom: 0; padding-left: 15px; border-width: 0; }
#at-user23 div.moduletable h3 { color: #973818; font-size: 120%; font-weight: bold; font-style: normal; line-height: 34px; background: no-repeat 0 6px; margin: 0; padding: 0; border-bottom-width: 0; }
#at-user24 { font-weight: normal; line-height: normal; position: absolute; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; z-index: 1000; float: left; }
#at-user24 div.moduletable { font-weight: normal; font-style: normal; background-color: transparent; padding-right: 15px; padding-bottom: 0; padding-left: 15px; border-width: 0; }
#at-user24 div.moduletable h3 { color: #973818; font-size: 120%; font-weight: bold; font-style: normal; line-height: 34px; background: no-repeat 0 6px; margin: 0; padding: 0; border-bottom-width: 0; }
#at-user25 { font-weight: normal; line-height: normal; position: absolute; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; z-index: 1000; float: left; }
#at-user25 div.moduletable { font-weight: normal; font-style: normal; background-color: transparent; padding-right: 15px; padding-bottom: 0; padding-left: 15px; border-width: 0; }
#at-user25 div.moduletable h3 { color: #973818; font-size: 120%; font-weight: bold; font-style: normal; line-height: 34px; background: no-repeat 0 6px; margin: 0; padding: 0; border-bottom-width: 0; }
#at-user26 { font-weight: normal; line-height: normal; position: absolute; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; z-index: 1000; float: left; }
#at-user26 div.moduletable { font-weight: normal; font-style: normal; background-color: transparent; padding-right: 15px; padding-bottom: 0; padding-left: 15px; border-width: 0; }
#at-user26 div.moduletable h3 { color: #973818; font-size: 120%; font-weight: bold; font-style: normal; line-height: 34px; background: no-repeat 0 6px; margin: 0; padding: 0; border-bottom-width: 0; }
#at-user27 { font-weight: normal; line-height: normal; position: absolute; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; z-index: 1000; float: left; }
#at-user27 div.moduletable { font-weight: normal; font-style: normal; background-color: transparent; padding-right: 15px; padding-bottom: 0; padding-left: 15px; border-width: 0; }
#at-user27 div.moduletable h3 { color: #973818; font-size: 120%; font-weight: bold; font-style: normal; line-height: 34px; background: no-repeat 0 6px; margin: 0; padding: 0; border-bottom-width: 0; }
div.module h3, div.module_menu h3, div.module_text h3 { font-size: 100%; margin: 0 0 8px; padding: 0 5px 0 0; white-space: nowrap; background: no-repeat left center; font-weight: bold; line-height: 22px; text-transform: uppercase; }
div.module h3 span { padding-left: 0; display: block; background: url(../images/h3image-bg.png) no-repeat left center; text-indent: 14px; }
div.module_menu h3 span { color: #000001; font-weight: bold; display: block; background: url(../images/h3image-bg.png) no-repeat left center; text-indent: 14px; }
div.module_text h3 span { display: block; background: url(../images/h3image-bg.png) no-repeat left center; text-indent: 14px; }
div.module, div.module_menu, div.module_text,
div.module-hilite {
	margin: 0 0 10px;
	padding: 0;
	float: left;
	width: 100%;
	clear: both;
	background: url(../images/background-br.png) no-repeat right bottom;
	overflow: hidden;
}

div.module div, div.module_menu div, div.module_text div, div.module-hilite div {
	padding: 0;
	background: url(../images/background-bl.png) no-repeat bottom left;
}

div.module div div, div.module_menu div div,  div.module_text div div,
div.module-hilite div div {
	padding: 0;
	background: url(../images/background-tr.png) no-repeat top right;
}

div.module div div div, div.module_menu div div div,  div.module_text div div div,
div.module-hilite div div div {
	padding: 0 10px 20px 15px;
	background: url(../images/background-tl.png) no-repeat left top;
}
/* Start module blank */
div.module h3, div.module-blank h3, div.module_text h3 { color: #000001; margin: 0 0 8px; padding: 0 5px 0 0; white-space: nowrap; background: url(../images/h3-bg_col2.gif) no-repeat left center; font-size: 100%; font-weight: bold; line-height: 22px; text-transform: uppercase; }
div.module-blank  h3 span { display: block; background: url(../images/h3image-bg.png) no-repeat left 45%; text-indent: 14px; }
div.module, div.module-blank , div.module_text, div.module-hilite {
	margin: 0 0 10px;
	padding: 0;
	float: left;
	width: 100%;
	clear: both;
	background: url(../images/background-br.png) no-repeat right bottom;
	overflow: hidden;
}
div.module div, div.module-blank  div, div.module_text div, div.module-hilite div {
	padding: 0;
	background: url(../images/background-bl.png) no-repeat bottom left;
}
div.module div div, div.module-blank  div div, div.module_text div div, div.module-hilite div div {
	padding: 0;
	background: url(../images/background-tr.png) no-repeat top right;
}
div.module div div div, div.module-blank  div div div, div.module_text div div div, div.module-hilite div div div {
	padding: 0 10px 20px 15px;
	background: url(../images/background-tl.png) no-repeat left top;
}
div.module div div div div, div.module-blank  div div div div, div.module_text div div div div, div.module-hilite div div div div
{
	background: #ffffff;
	padding: 0;
	margin: 0;
}
/* End module blank */

/* -- START FIX FOR IE7 AND IE6 - BGCOLOR WHITE */
div.module div div div div, div.module_menu div div div div, div.module_text div div div div, div.module-hilite div div div div
{ background: transparent; padding: 0; margin: 0; }
/* -- END FIX FOR IE7 AND IE6 - BGCOLOR WHITE */
/*no-title module*/
div.module-notitle {
	margin: 0 0 5px;
	padding: 0;
	float: left;
	width: 100%;
	background: url(../images/background-br.png) no-repeat right bottom;
}

div.module-notitle div {
	padding: 0;
	background: url(../images/background-bl.png) no-repeat bottom left;
}

div.module-notitle div div {
	padding: 0;
	background: url(../images/background-notitle-tr.png) no-repeat top right;
}

div.module-notitle div div div {
	padding: 10px;
	background: url(../images/background-notitle-tl.png) no-repeat left top;
}

/* Module hilite */
div.module-hilite h3 {
	margin: 0 0 8px;
	padding: 0 5px 0 0;
	white-space: nowrap;
	background: transparent;
	font-size: 170%;
	font-weight: normal;
	line-height: 25px;
}

div.module-hilite h3 span {
	padding-left: 22px;
	display: block;
	background: url(../images/h3image-hilite-bg.gif) no-repeat center left;
}

div.module-hilite {
	background: url(../images/background-hilite-br.gif) no-repeat bottom right;
}

div.module-hilite div {
	background: url(../images/background-hilite-bl.gif) no-repeat bottom left;
}

div.module-hilite div div {
	background: url(../images/background-hilite-tr.gif) no-repeat top right;
}

div.module-hilite div div div {
	background: url(../images/background-hilite-tl.gif) no-repeat top left;
}

/*common style for module*/
div.module div div div div,
div.module-hilite div div div div,
div.module-notitle div div div div {
	margin: 0;
	padding: 0;
	float: none;
	background: none;
	overflow: hidden;
}

div.module .article_seperator,
div.module-hilite .article_seperator,
div.module-notitle .article_seperator {
	display: none;
}

.at-innerdiv {
	float: left;
	width: 100%;
	clear: both;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Bottom Spotlight */
/* Spotlight Box Style */
#at-downslwrap { background-color: transparent; text-align: center; margin-bottom: 5px; }
.at-background-left, .at-background-center, .at-background-right { text-align: left; float: left; overflow: hidden; padding-left: 10px; }

.at-background-full { float: none; overflow: hidden; }

#at-downsl div.moduletable {
	padding: 15px 20px;
}

#at-downsl div.at-bot-right { color: #fff; background: transparent; }

div.at-background-leftcol { text-align: left; float: left; }
#at-downsl { background: url(../images/downsl-bg.png) repeat-y; }
#at-downsl h3 { color: #566479; font-size: 150%; font-weight: bold; line-height: 20px; padding: 5px 5px 5px 25px; background: url(../images/h3image-bg_bottom.png) repeat-x 0 center; margin: 0; }

/* Common Style for Spotlight */
#at-upsl a, #at-downsl a {
	
}

#at-upsl a:hover,
#at-upsl a:active,
#at-upsl a:focus,
#at-downsl a:hover,
#at-downsl a:active,
#at-downsl a:focus {
	color: #F26522;
}

#at-downsl ul {
	margin: 0;
	padding: 0;
}

#at-downsl li {
	padding-left: 15px;
	margin: 0;
	background: url(../images/arrow.png) no-repeat 3px 7px;
}

#at-upsl td, #at-downsl td {
	padding: 0;
}

#at-upsl .article_seperator, #at-downsl .article_seperator {
	display: none;
}

#at-upsl table, #at-downsl table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* FOOTER
--------------------------------------------------------- */
#at-footerwrap { color: #ffcf0f; font-weight: normal; background: no-repeat 50% top; text-transform: lowercase; height: 180px; clear: both; }

#at-footer { color: #ffcf0f; font-size: 9px; font-weight: bold; text-transform: lowercase; text-align: left; position: relative; padding-top: 110px; padding-left: 10px; }
#at-footer small, #at-footer address { display: block; color: #ffcf0f; font-size: 9px; font-weight: bold; font-style: normal; text-transform: lowercase; }
#at-footer a { color: #fff; font-weight: bold; text-decoration: underline; text-transform: uppercase; }
#at-footer a:hover, #at-footer a:active, #at-footer a:focus { text-decoration: none; }
#at-footer ul {
	margin: 0 0 5px 20px;
	padding: 0;
}

#at-footer li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

#at-footer li a { color: #4d79c1; padding: 0 15px; display: inline; line-height: normal; }
/* Search */
#at-search { background: url(../images/search-bg.png) no-repeat center; position: absolute; top: 2px; right: 250px; width: 160px; z-index: 20000; }
#at-search .inputbox { color: #36c; font-weight: bold; line-height: 27px; width: 160px; border: none; background: center; text-transform: capitalize; text-align: center; height: 27px; }
* html #at-search .inputbox, *+html #at-search .inputbox {
	margin: 1px 0 0 10px;
	!important: ;
}
/* USER TOOLS
--------------------------------------------------------- */
#at-usertoolswrap { font-size: 11px; z-index: 20000; position: absolute; top: 6px; right: 409px; width: 100%; height: 100%; }
#at-usertools { margin: 0; padding: 0; float: right; }

#at-usertools ul {
	margin: 0;
	padding: 0 15px 0 0;
	display: inline;
	line-height: normal;
}

#at-usertools ul li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

#at-usertools img {
	padding: 0;
	margin: 0;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

#at-banner { background-color: transparent; text-align: center; margin-top: 10px; }

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
}
/* Clearfix */
.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
	margin-bottom: 1px;
	height: 100%!important;
	height: auto;
	/* overflow-y:scroll; */
}

/*---------------------- Start tabs  */
#at-tabcol { position: relative; width: 100%; float: right; display: block; }
#at-tabmodulewrap { position: relative; background: url(../images/tabmodulewrap-center.gif) repeat-y; overflow: hidden; z-index: 10; }
#at-tabmodulewrap-top {
	background: url(../images/tabmodulewrap-top.gif) no-repeat top left;
}
#at-tabmodulewrap-bot { background: url(../images/tabmodulewrap-bot.gif) no-repeat left bottom; position: relative; overflow: hidden; z-index: 10; padding-bottom: 22px; }
#at-tabmodulewrap div.at-innerpad {
	
}
ul.mootabs-title {
	margin: 0;
	padding: 0;
}
.mootabs-title li {
	float: left;
	background: transparent;
	padding: 0;
	margin: 0;
	cursor: pointer;
	display: block;
}
.mootabs-title li h3 { color: #fff; font-size: 100%; line-height: 30px; margin: 0; padding: 0; text-align: center; background: url(../images/tabmodule-bg.gif) no-repeat left bottom; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; text-transform: uppercase; }
.mootabs-title li.hover { background-image: url(../images/tabmodule-hover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; }
.mootabs-title li.active h3, .mootabs-title li.lastactive h3 { color: #000001; line-height: 30px; margin: 0; padding: 0; text-align: center; background: url(../images/tabmodule-bg.gif) no-repeat left bottom; font-family: Helvetica, Arial, sans-serif; text-decoration: none; }
.mootabs-title li.firstactive h3 { color: #000001; line-height: 30px; margin: 0; padding: 0; text-align: center; background: no-repeat left bottom; font-family: Helvetica, Arial, sans-serif; text-decoration: none; }
.mootabs-title li.hover h3 { color: #000001; line-height: 30px; margin: 0; padding: 0; text-align: center; font-family: Helvetica, Arial, sans-serif; background-color: transparent; background-attachment: scroll; text-decoration: none; }
.mootabs-title li.first h3 { color: #fff; line-height: 30px; margin: 0; padding: 0; text-align: center; background: no-repeat left bottom; font-family: Helvetica, Arial, sans-serif; text-decoration: none; }
.mootabs-title li.active { background-image: url(../images/tabmodule-active.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; padding: 0; margin: 0; }
.mootabs-title li.firsthover h3 { background: transparent; color: #000001; }
.mootabs-title li.lasthover h3 {
	color: #000001;
}
.mootabs-title li.firsthover { background-image: url(../images/tabmodule-hover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; }
.mootabs-title li.lasthover {
	background: url(../images/tabmodule-hover.gif) no-repeat bottom right;
}
.mootabs-title li.firstactive {
	padding: 0;
	margin: 0;
	background: url(../images/tabmodule-active.gif) no-repeat left bottom;
}
.mootabs-title li.lastactive {
	padding: 0;
	margin: 0;
	background: url(../images/tabmodule-active.gif) no-repeat right bottom;
}
.at-tab-cont {
	position: absolute;
	clear: both;
	overflow: hidden;
	top: 25px;
}
#at-tabmodulewrap .moduletable { color: #000001; position: absolute; top: 0; background: transparent; z-index: 100; padding: 0; }
#at-tabmodulewrap .moduletable ul {
	margin: 0 !important;
	padding: 0 !important;
}
#at-tabmodulewrap .moduletable li { margin: 0; background: url(../images/arrow.png) no-repeat 3px 7px; padding-left: 15px; }
/* End tabmodules  */
/* Start smoothgallery jd.gallery.css  */
.imageElement {
visibility: hidden;
}
#myGallery, #myGallerySet, #flickrGallery
{ width: 561px; height: 297px; z-index:5; }
#flickrGallery
{
	width: 561px;
	height: 297px;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}
.jdGallery
{
	overflow: hidden;
	position: relative;
}
.jdGallery img
{
	border: 0;
	margin: 0;
}
.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
}
.jdGallery .slideInfoZone
{ color: #000; position: absolute; z-index: 10; width: 561px; margin: 0; bottom: 0; height: 70px; background: #f9f7f7; right: 0; overflow: hidden; }
* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}
.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 100%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}
.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 100%;
	margin: 2px 5px;
}
.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}
.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}
.jdGallery .carousel
{ position: absolute; width: 100%; margin: 0; left: 0; top: 0; height: 115px; color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-indent: 0; overflow: hidden; }
.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}
.jdGallery a
{ font-size: 100%; text-decoration: none; background-color: transparent; }
.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}
.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.jdGallery a.left
{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left center; left: 0; top: 130px; z-index: 1000; }
* html .jdGallery a.left { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left center; }
.jdGallery a.right
{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right center; right: 0; top: 130px; z-index: 1000; }
* html .jdGallery a.right { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right center; }
.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.withArrows a.open:hover { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; }
* html .withArrows a.open:hover { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; filter:alpha(opacity=80); }
/* Gallery Sets */
.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}
.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}
.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}
.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}
/* End smoothgallery jd.gallery.css  */
/* Start smoothgallery layout.css  */
.content
{ margin: 0 0 0 0; }
.content a
{
	color: #1e5c9b;
}
.content p.linkage
{
	margin-top: 2em;
	text-align: right;
}
.content p.linkage a { color: #1e5c9b; }
/*.content p.linkage a
{
	color: #fff;
	background: url('../images/bg/biglink_off.gif') center right no-repeat;
	padding: 10px 20px;
	text-decoration: none;
}

.content p.linkage a:hover
{
	background: url('../images/bg/biglink_on.gif') center right no-repeat;
	font-style: italic;
}*/
#myGallery
{
	text-align: left;
	margin: 0 auto;
}
/* =========================== End smoothgallery layout.css  */
/* ==================================== Start Login Style   */
/*opneing links container*/
.at_login_links{ display:block; text-align:center !Important; width:100%; position:relative; height:50px; overflow:hidden; }
/* =========== login buttons open*/
#openLogin,#openReg{ display:inline-block; height:25px; width:120px; text-align:center; background:url(../images/login_button_bg.png) no-repeat; color:#69f; font-size: 100%; font-weight: normal; line-height: 25px; text-decoration:none; text-transform: capitalize; float: right; margin-top: -10px; }
#openLogin:hover,#openReg:hover{
color:#fff;
}
/* =========login module box*/
#login_popup{ position:fixed; width:250px; height:220px; background:url(../images/login_bg.png) center; color:#000001; text-align:left; z-index: 555555; padding:10px 10px 10px 20px; border: solid 1px; }
/* login registration box */
#register_popup{ position:fixed; width:405px; height:300px; background:url(../images/login_bg.png) center; text-align:left; z-index: 555555; padding:30px 30px 20px; border: solid 1px #0d0805; }
#register_popup .inputbox{ width:93%; border-color: #999 #999 #ccc; border-style: solid; border-width: 1px; }
/* =================login close buttons*/
#closeReg,#closeLogin{ color: #000001; font-size: 100%; font-weight: normal; display:inline-block; width:100px; height:25px; width:60px; position:absolute; bottom:5px; right:5px; text-align:center; line-height:25px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration:none; text-transform: capitalize; }
/* input boxes and rest */
#at_passwd{ width:95%; height: 25px; margin:0; padding:0; border-color: #999 #999 #ccc; border-style: solid; border-width: 1px; }
#at_username{ background-color: #fff; width:95%; height: 25px; margin:0; padding:0; border-color: #999 #999 #ccc; border-width: 1px; }
#at_remember{ background-color: #fff; }
#login_popup .button{ margin:0; }
/* ===============ingelogged class */
#logins{ color: #69f; text-align:right; z-index: 555555; display:inline; overflow:hidden; float: right; }
#logins .button{ color: #69f; font-size: 100%; font-weight: normal; background-color: transparent; background-image: url(../images/login_button_bg.png); background-repeat: no-repeat; background-position: 0 0; text-transform: capitalize; width: 120px; height: 25px; z-index: 555555; float: right; margin-top: 10px; border-width: 0; cursor: crosshair; }
/* ==========================End Login Style  */
/* ============= start dropdown ========= */
/* start style */
div.at-dropdown dl, div.at-dropdown dt, div.at-dropdown dd {
	margin: 0 0 0;
	padding: 0;
}
/* end style */
/* start default */

div.default div.at-dropdown { background-image: url(../images/dropdown_content_bg.png); }

div.default div.at-dropdown dt.toggler {
	margin-bottom: 10px;
	background: url(../images/dropdown_item_header_m.png) 0 0 repeat-x;
}

div.default div.at-dropdown dt span.header-l {
	background: url(../images/dropdown_item_header_l.png) 0 0 no-repeat;
	display: block;
}

div.default div.at-dropdown dt span.header-r { color: #fff; height: 30px; background: url(../images/dropdown_item_header_r.png) no-repeat 100% 0; display: block; line-height: 30px; text-indent: 27px; font-size: 100%; font-weight: bold; text-transform: uppercase; cursor: pointer; }

div.default div.at-dropdown dt:hover.toggler {
	background: url(../images/dropdown_item_header_m.png) 0 -30px repeat-x;
}

div.default div.at-dropdown dt:hover span.header-l {
	background: url(../images/dropdown_item_header_l.png) 0 -30px no-repeat;
}

div.default div.at-dropdown dt:hover span.header-r {
	background: url(../images/dropdown_item_header_r.png) 100% -30px no-repeat;
}

div.default div.at-dropdown dd span.article { color: #000001; background-color: transparent; background-image: none; background-repeat: repeat; padding: 0 10px 10px; }


/* end default */

/* start style1 */

div.style1 div.at-dropdown {
	padding: 10px 20px;
	border: solid 1px #c8c8c8;
	background: no-repeat 50% 40%;
}

div.style1 div.at-dropdown dt.toggler {
	height: 30px;
	background: repeat-x;
	line-height: 30px;
	font-size: 125%;
	font-weight: bold;
	cursor: pointer;
}

div.style1 div.at-dropdown dt:hover.toggler, div.style1 div.at-dropdown dt.sfhover {
}

div.style1 div.at-dropdown dd span.article {
	padding: 10px 0;
	background: repeat-x 0 100%;
}

div.style1 div.at-dropdown dd.last span.article {
	background: none;
}

/* end style1 */

/* start style2 */

div.style2 div.at-dropdown {
	padding: 1px;
	border: 1px solid #C8C8C8;
}

div.style2 div.at-dropdown dt.toggler {
	height: 30px;
	background: repeat-x;
	line-height: 30px;
	text-indent: 10px;
	font-size: 125%;
	font-weight: bold;
	cursor: pointer;
}

div.style2 div.at-dropdown dt:hover.toggler, div.style2 div.at-dropdown dt.sfhover {
	background: repeat-x 0 -30px;
}

div.style2 div.at-dropdown dd span.article {
	padding: 10px 20px 10px 20px;
	border-bottom: 1px solid #E6E6E6;
}

div.style2 div.at-dropdown dd.last span.article {
	border-bottom: none;
}

/* end style2 */
/* ============= end dropdown ========= */

/* ============= start scroll ========= */
#mycustomscroll {
/* Typical fixed height and fixed width example */
	background-color: transparent; width: 96%; height: 91%; overflow: hidden;
	/* IE overflow fix, position must be relative or absolute*/
	margin: 0.3em 15px 0.3em auto; padding: 0 5px 5px 0; }
.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	position: relative;
	color: black;
	padding: 1px;
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 20px; }

.vscrollerbase { background-color: transparent; width:11px; border: solid 1px #cfd1c4; }
.vscrollerbar {
background-image: url(scrollbar.png);
width: 11px;
/* following is the bit that allows us fixed height scrollbars */
height: 110px !important;
/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

background-image: url(../images/scrollbar.png);
/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are
using alpha images, thay have to be transparent.*/
}

* html .vscrollerbar {
/* IE6 alpha png trick */
/* IE7 is not affected by this trick, as it perfectly handles the normal png */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
background-image: none;
}


/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 11px;}
.hscrollerbar {height: 11px; background-color: #84add6;}
.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 0px;
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 11px;
height: 11px;
top: auto; left: auto;
bottom: 0; right: 0;
background: #698aaa;
}


/* Scroll Bar Master Styling Ends Here */

/* ============= end scroll ========= */