/* logo shtes
--------------------------------------------------------- */
#logo1, img#logo1 
{ position: absolute; top: 20px; left: 10px; border: 0; }
div.wrapper { text-align: left; margin: auto; position: relative; }

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset { margin: 0; padding: 0; }

body { color: #000000; background: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%; }

body#bd { color: #2a343a; background: #4f85b2 url(/images/body-bg.jpg) no-repeat 50% top; margin-top: 0; }

body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	background: #FFFFFF;
	color: #000000;
	font-size: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
}

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

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

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

body.fs4{ color: #434a4e; font-size: 12px; }

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

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

/* Normal link */
a { color: #b03434 ; font-weight: normal; text-decoration: underline; }

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

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

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

/* Heading */
h1 {
	font-size: 130%;
}

h2 {
	font-size: 115%;
}

h3 { color: #3e3b3b; font-size: 130%; font-weight: bold; line-height: 23px; background-color: transparent; background-image: url(/images/h3_left.gif); background-repeat: no-repeat; text-transform: uppercase; height: 25px; }

h4 {
	font-size: 100%;
	text-transform: uppercase;
}

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

ul {
	list-style: none;
}

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

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 #D0D9DF;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

a img {
	border: none;
}

div { font-size: 100%; }

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

form label {
	cursor: pointer;
}

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

select, textarea, .inputbox {
	background: #ffffff;
	color: #3c3b3b;
}

.inputbox { color: #232222; margin-bottom: 1px; padding: 3px 0 3px 5px; background: #fff; border: solid 1px #b03434; }

.inputbox:hover, .inputbox:focus {
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#at-wrapper { color: #3c3b3b; width: 950px; margin: 0 auto; background: transparent; }
.narrow #at-wrapper {
	width: 800px;
}

#at-containerwrap, #at-containerwrap-fr, #at-containerwrap-fl, #at-containerwrap-f {
	clear: both;
}

#at-containerwrap, #at-containerwrap-fr { background-image: url(/images/mainwrap-bg-repeat.gif); background-repeat: repeat-y; background-attachment: scroll; }
#at-containerwrap-repeat { background-image: url(/images/mainwrap-bg.gif); background-repeat: no-repeat; background-attachment: scroll; }

#at-containerwrap #at-container {
	background: url(/images/dot.gif) repeat-y 77% 0;
}

#at-containerwrap-fl {
	background: url(/images/dot.gif) repeat-y 75% 0;
}

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

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

#at-mainbody, #at-mainbody-fr {
	float: right;
	width: 77%;
}

#at-mainbody #at-contentwrap {
	float: left;
	width: 70%;
}

#at-mainbody-fl {
	float: left;
	width: 100%;
}

#at-mainbody-fl #at-contentwrap {
	float: left;
	width: 74.8%;
	background: none;
}

#at-mainbody-fl #at-col2 {
	float: right;
	width: 25%;
}

#at-mainbody-f {
	float: none;
	width: 100%;
}

#at-container { padding-right: 0; padding-bottom: 0; padding-left: 0; }

#at-content { color: #000; background-color: transparent; background-image: url('(EmptyReference!)'); margin: 0; clear: both; padding: 16px 15px 0 10px; display: block; }

.content {padding: 0 5px 0 5px;}
/* HEADER
--------------------------------------------------------- */
#at-headerwrap { position: relative; height: 133px; line-height: normal; background-image: url(/images/header1.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 950px; }

#at-header { background-repeat: no-repeat; position: absolute; width: 950px; height: 341px; }

/* MAIN NAVIGATION
--------------------------------------------------------- */
#at-mainnavwrap { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; position: absolute; clear: both; width: 950px; height: 32px; z-index: 1000; }

.narrow #at-mainnavwrap { background-color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 750px; height: 36px; }

#at-mainnav { float: left; width: 100%; height: 30px; z-index: 1000; }

#at-mainnavwrap a,
#at-mainnavwrap a:hover,
#at-mainnavwrap a:active,
#at-mainnavwrap a:focus {
	outline: none;
}

#at-subnavwrap {
}

#at-subnav {
}

/* Default Joomla! Menu */
a.mainlevel { display: block; color: #b03434 ; font-size: 100%; font-weight: normal; line-height: 23px; background: url(/images/a-mainlevel.gif) no-repeat left bottom; text-decoration: none; text-transform: capitalize; padding-right: 0; padding-bottom: 3px; padding-left: 32px; }
a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
	color: #434a4e;
	font-weight: normal;
	text-decoration: none;
	background: url(/images/a-mainlevel-hover.gif) no-repeat left bottom;
}
a.mainlevel#active_menu {
	color: #434a4e;
	background: url(/images/a-mainlevel-hover.gif) no-repeat left bottom;
	font-weight: normal;
	text-decoration: underline;
}
a.sublevel { padding: 2px 4px 2px 20px; display: block; color: #b03434 ; text-decoration: none; background: url(/images/bullet-list.gif) no-repeat 10px 9px; margin-left: 15px; }
a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
	color: #434a4e;
	text-decoration: none;
}
#active_menu {
	color: #434a4e;
	font-weight: normal;
}
/* MODULE
--------------------------------------------------------- */
#modules-bottom { text-align: left; position: relative; top: 20px; }
div h3 { color: #fff ; font-size: 120%; font-weight: bold; background-color: transparent; background-image: url(/images/h3_left.gif); background-repeat: no-repeat; text-transform: capitalize; padding-left: 32px; }
div.moduletable h3 { color: #434a4e ; font-size: 120%; font-weight: bold; background-color: transparent; background-image: url(/images/h3_moduletable.gif); background-repeat: no-repeat; text-transform: capitalize; padding-left: 32px; }
div.moduletable { color: #000; background-color: #fff; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-right: 1px solid #fff; border-left: 1px solid #fff; }
#at-col1 div.moduletable { color: #000; background-color: transparent; padding-left: 0; border-right-width: 0; border-left-width: 0; }
#at-col1 div.moduletable h3 { color: #fff ; font-size: 120%; font-weight: bold; background-color: transparent; background-image: url(/images/h3_left.gif); background-repeat: no-repeat; text-transform: capitalize; width: 92%; padding-left: 32px; border-bottom-width: 0; }
#at-col2 div.moduletable { color: #000; background-color: #f0eded; margin: 5px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border: solid 1px #e0dede; }
#at-col2 div.moduletable h3 { color: #fff ; font-size: 120%; font-weight: bold; background-color: transparent; background-image: url(/images/h3_right.gif); background-repeat: no-repeat; text-transform: capitalize; margin-right: 0; padding-left: 32px; }
div.moduletable-blank { color: #000000; background: transparent; }

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#at-col1 { color: #000; background-color: transparent; float: left; width: 218px; overflow: hidden; padding-bottom: 10px; }
#at-col1 div.at-innerpad { background-color: transparent; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; }
#at-col2 { float: right; width: 30%; overflow: hidden; padding-bottom: 10px; }
#at-col2 div.at-innerpad {  }
#at-col1 table,
#at-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}
#at-col1 ul li,
#at-col2 ul li {
	padding-left: 15px;
	margin: 0;
	background: url(/images/bullet-list.gif) no-repeat 3px 9px;
}
#at-col1 ul,
#at-col2 ul {
	margin: 0;
}
/* USER TOOLS
--------------------------------------------------------- */
#at-usertools { position: absolute; top: 45px; right: 185px; }
#at-usercolors ul,
#at-usertools ul {
	margin: 0;
	padding: 0;
	float: left;
}

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

#at-usercolors img,
#at-usertools img {
	padding: 0;
	margin: 0 0 0 2px;
}

#at-usercolors {
	float: left;
	padding: 10px 5px 4px;
}

/* FOOTER
--------------------------------------------------------- */
#at-footerwrap { background-color: transparent; background-image: url(/images/footer.gif); background-repeat: no-repeat; clear: both; width: 950px; height: 70px; }

#at-footer { padding: 5px 0 20px; width: 77%; float: right; position: relative; color: #3c4a53; background-color: transparent; background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; }

#at-footer small, #at-footer address {
	padding: 0 0 0 20px;
	font-style: normal;
	display: block;
	float: left;
	font-size: 100%;
	color: #3C4A53;}

#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 {
	display: inline;
	padding: 0 20px 0 0;
	line-height: normal;
	text-decoration: underline;
	text-transform: lowercase;
	color: #434a4e;
}

#at-footer li a:hover, #at-footer li a:active, #at-footer li a:focus {
	text-decoration: none;
	color: #000;
}

/* Search */
#at-search { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left center; position: absolute; top: 40px; right: 12px; z-index: 1000; border: solid 1px #fff; }
#at-search div.moduletable { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; width: 120px; height: 15px; padding-right: 0; border: solid 1px #fff; }
#at-search .inputbox { padding: 2px 5px 3px 7px; color: #000; font-size: 11px; background: transparent; height: 15px; border: solid 1px transparent; }
#at-search .inputbox { width: 120px; height: 15px; }

/* 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;
}



#at-cssmenu { background-color: transparent; position: absolute; top: 90px; right: 10px; z-index: 1000; float: left; }

#at-cssmenu ul {
	margin: 0; /* all lists */
	padding: 0;
}

#at-cssmenu li {
	margin: 0; /* all list items */
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
}

#at-cssmenu li ul {
	width: 16.4em;
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	w\idth: 15.9em;
}

/* SOSDMENU
-----------------------------------*/

#at-cssmenu li ul ul {
	margin: -1.25em 0 0 12em; /* third-and-above-level lists */
}

#at-cssmenu li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}

#at-cssmenu ul a {
	width: 14.8em;
	w\idth: 10.8em;
}

#at-cssmenu li:hover ul ul, #at-cssmenu li:hover ul ul ul,
#at-cssmenu li.sfhover ul ul, #at-cssmenu li.havechildsfhover ul ul, #at-cssmenu li.havechild-activesfhover ul ul, #at-cssmenu li.activesfhover ul ul,
#at-cssmenu li.sfhover ul ul ul, #at-cssmenu li.havechildsfhover ul ul ul, #at-cssmenu li.havechild-activesfhover ul ul ul, #at-cssmenu li.activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#at-cssmenu li:hover ul, #at-cssmenu li li:hover ul, #at-cssmenu li li li:hover ul,
#at-cssmenu li.sfhover ul, #at-cssmenu li.havechildsfhover ul, #at-cssmenu li.havechild-activesfhover ul, #at-cssmenu li.activesfhover ul,
#at-cssmenu li li.sfhover ul, #at-cssmenu li li.havesubchildsfhover ul, #at-cssmenu li li.havesubchild-activesfhover ul, #at-cssmenu li li.activesfhover ul,
#at-cssmenu li li li.sfhover ul, #at-cssmenu li li li.havesubchildsfhover ul, #at-cssmenu li li li.havesubchild-activesfhover ul, #at-cssmenu li li li.activesfhover ul {
	left: auto;
}

/* STYLING THE MENU
-----------------------------------*/

/* 1st level */
#at-cssmenu li a { margin: 0; line-height: normal; display: block; text-decoration: none; text-transform: capitalize; color: #fff; font-size: 11px; font-weight: normal; background-color: transparent; padding-right: 10px; padding-left: 10px; }

#at-cssmenu li a:hover,
#at-cssmenu li a:active,
#at-cssmenu li a:focus { color: #434a4e; background-color: transparent; background-repeat: no-repeat; }

#at-cssmenu li { background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: 50% top; margin: 0 0 0 0; }

#at-cssmenu li:hover,
#at-cssmenu li.sfhover,
#at-cssmenu li.havechildsfhover,
#at-cssmenu li.havechild-activesfhover { color: #434a4e; background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: 50% top; border-bottom-color: #fff; border-bottom-width: 2px; }

#at-cssmenu li a.active,
#at-cssmenu li a.active:hover,
#at-cssmenu li a.active:active,
#at-cssmenu li a.active:focus { color: #0e1a26; background: transparent; text-decoration: none; }

/* 2nd level and above */
#at-cssmenu li ul { color: #fff; background: #ef3831; }

#at-cssmenu li ul li { background: transparent; }

#at-cssmenu li ul a { border-right: medium none; margin: 0; padding: 7px 10px; background: #ef3831; font-weight: normal; line-height: normal; color: #fff; font-size: 100%; text-transform: none; border-bottom: 1px solid #c34141; }

#at-cssmenu li.havesubchild,
#at-cssmenu li.havesubchild-active {
	background: url(../images/arrow2.gif) no-repeat 94% 50%;
}

#at-cssmenu li ul a:hover,
#at-cssmenu li ul a:active,
#at-cssmenu li ul a:focus,
#at-cssmenu ul li:hover,
#at-cssmenu ul li.sfhover,
#at-cssmenu ul li.havesubchildsfhover,
#at-cssmenu ul li.havesubchild-activesfhover,
#at-cssmenu ul ul li:hover,
#at-cssmenu ul ul li.sfhover,
#at-cssmenu ul ul li.havesubchildsfhover,
#at-cssmenu ul ul li.havesubchild-activesfhover { background: #ef3831; color: #434a4e; }

#at-cssmenu ul li a.active,
#at-cssmenu ul li a.active:hover,
#at-cssmenu ul li a.active:active,
#at-cssmenu ul li a.active:focus {
	background: transparent !important;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 7px 10px;
}

#at-cssmenu ul li a.active span,
#at-cssmenu ul li a.active:hover span,
#at-cssmenu ul li a.active:active span,
#at-cssmenu ul li a.active:focus span {
	background: transparent !important;
	color: #fff;
	font-weight: bold;
	padding: 0;
}

#at-cssmenu li ul a span {
	margin: 0;
	padding: 0;
}
