/* MAIN LAYOUT DIVS
--------------------------------------------------------- */

html, body, form, fieldset {
	margin: 0;
	padding: 0;
}

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

body.f-smaller {
	font-size: 11px;
}

body, body.default {
	font-size: 12px;
}

body.f-larger {
	font-size: 14px;
}

body.published {
	background: #AADDFF;
}

body.mceContentBody {
	background: white;
}

#wrapper {
	width: 100%;
}

#container {
	width: 950px;
	margin: 0 auto;
	background: url(../images/container-bg.jpg) repeat-y;
	margin-top: 20px;
	margin-bottom: 20px;
}

#container-top {
	width: 950px;
	background: url(../images/container-top.jpg) no-repeat top;
}

#container-bottom {
	background: url(../images/container-bottom.jpg) no-repeat bottom;
	padding: 31px;
}

#toparea {
	display: block;
	height:50px;
	margin-bottom: 20px;
	position: relative;
}

#toparea #logo {
	display: block;
	position: absolute;
	top: 5px;
	left: 0px;
	height: 40px;
	z-index: 1000;
}

#toparea #logo h1.img {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: 309px;
	height: 40px;
}

#toparea #logo h1.img a {
	display: block;
	float: left;
	width: 309px;
	height: 140px;
	padding: 0;
	text-indent: -5005px;
	cursor: pointer;
	background: url(../images/logo.jpg) no-repeat;
}

#toparea #logo h1.nolink {
	margin: 0;
	padding: 0;
	background: url(../images/logo.jpg) no-repeat;
	width: 309px;
	height: 40px;
	text-indent: -5005px;
}

#toparea #logo h1.text {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background: none;
	font: bold 24px/24px Arial, Helvetica, sans-serif;
}

#toparea #logo h1.text a:link,
#toparea #logo h1.text a:visited {
	background: none;
	text-decoration: none;
	color: #66CC33;
	text-indent: 0px;
}

#toparea #logo h1.text a:hover{
	color: #242424;
}

#toparea #logo h1.textnolink {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background: none;
	font: bold 24px/24px Arial, Helvetica, sans-serif;
	color: #66CC33;
}

#toparea #logo h2.motto {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
	background: none;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color: #999999;
}


#toparea #f-tools {
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 15px;
	height: 15px;
}

#toparea #f-tools #buttons {
	display: block;
	margin: 0 15px 0 0;
	line-height: 15px;
}

#toparea #f-tools #buttons a {
	display: block;
	float: left;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
	line-height: 15px;
	width: 15px;
	height: 15px;
	text-align: center;
}

#toparea #f-tools #buttons a#minus {
	font-size: 10px;
	line-height: 15px;
}

#toparea #f-tools #buttons a#reset {
	font-size: 12px;
	line-height: 15px;
}

#toparea #f-tools #buttons a#plus {
	font-size: 14px;
	line-height: 15px;
}

#toparea #topnav {
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#services-area {
	display: block;
	width: 888px;
	background: url(../images/services-bordered-bg.jpg) no-repeat bottom;
}

#services-area #services-shadow {
	display: block;
	width: 886px;
	margin-left: 1px;
	background: url(../images/services-bg.jpg) repeat-x top;
	padding-bottom: 10px;
}


#services-area .col_33 {
	display: block;
	float: left;
	width: 225px;
	padding: 35px;
}

#services-area .col_50 {
	display: block;
	float: left;
	width: 372px;
	padding: 35px;
}

#services-area .col_100 {
	display: block;
	float: left;
	width: 815px;
	padding: 35px;
}


#services-area .user6,
#services-area .user7 {
	background: url(../images/services-divisor.jpg) no-repeat left bottom;
}

#services-area div.moduletable {
	font: normal 90% Arial, Helvetica, sans-serif;
}


.user5 h3, .user6 h3, .user7 h3, .user8 h3 {
	display: block;
	width: 100%;
	text-align: left;
	font: bold 150%/50px "Century Gothic", "Palatino Linotype", Verdana, sans-serif;
	text-indent: 60px;
}

.user5 h3 {
	background: transparent url(../images/user5_bg.jpg) no-repeat 0 0;
}

.user6 h3 {
	background: transparent url(../images/user6_bg.jpg) no-repeat 0 0;
}

.user7 h3 {
	background: transparent url(../images/user7_bg.jpg) no-repeat 0 0;
}


/* NEWSFLASH Module */

#newsflash {
	display: block;
	width: 888px;
	margin: 20px 0 0 0;
}

#newsflash div.module {
	background: url(../images/n-br.jpg) 100% 100% no-repeat;
	margin: 0;
	float: left;
	width: 100%;
	font: normal 90%/16px Arial, Helvetica, sans-serif;
}

#newsflash div.module h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%;
	color: #444444;
	margin: 0 0 10px 0;
}

#newsflash div.module div {
	background: url(../images/n-bl.jpg) 0 100% no-repeat;
}

#newsflash div.module div div {
	background: url(../images/n-tr.jpg) 100% 0 no-repeat;
}

#newsflash div.module div div div {
	background: url(../images/n-tl.jpg) 0 0 no-repeat;
	padding: 15px;
}

#newsflash div.module div div div div {
	background: none;
}

#newsflash p {
	margin: 0;
}

/* end */

/* PATHWAY Module */

#pathway {
	display: block;
	float: left;
	font: normal 80% Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ECECEC;
	width: 100%;
}

/* end */


#maincontent {
	display: block;
	width: 888px;
	margin: 20px 0 0 0;
}

#maincontent table {
	display: table;
	float: left;
}

#maincontent #leftcol {
	display: block;
	float: left;
	width: 193px;
}

#maincontent #maincol {
	display: block;
	float: left;
	width: 848px;
	padding: 0 20px 0 20px;
}


#maincontent #maincol-l {
	display: block;
	float: left;
	width: 655px;
	padding: 0 20px 0 20px;
}

#maincontent #maincol-r {
	display: block;
	float: left;
	width: 655px;
	padding: 0 20px 0 20px;
}

#maincontent #maincol-lr {
	display: block;
	float: left;
	width: 462px;
	padding: 0 20px 0 20px;
}

#maincontent #rightcol {
	display: block;
	float: left;
	width: 193px;
}

#maincontent #bottom-modules {
	display: block;
	float: left;
	width: 848px;
	background: url(../images/bg-bottommods.jpg) no-repeat top;
}

#maincontent #bottom-modules-lr {
	display: block;
	float: left;
	width: 462px;
	background: url(../images/bg-bottommods-1.jpg) no-repeat top;
}

#maincontent #bottom-modules-l,
#maincontent #bottom-modules-r {
	display: block;
	float: left;
	width: 655px;
	background: url(../images/bg-bottommods-2.jpg) no-repeat top;
}

	#maincontent #bottom-modules div.user1,
	#maincontent #bottom-modules div.user2 {
		display: block;
		float: left;
		width: 384px;
		padding: 20px;
	}
	
	#maincontent #bottom-modules div.user1-b,
	#maincontent #bottom-modules div.user2-b {
		display: block;
		float: left;
		width: 808px;
		padding: 20px;
	}
	
	#maincontent #bottom-modules-lr div.user1,
	#maincontent #bottom-modules-lr div.user2 {
		display: block;
		float: left;
		width: 191px;
		padding: 20px;
	}
	
	#maincontent #bottom-modules-lr div.user1-b,
	#maincontent #bottom-modules-lr div.user2-b {
		display: block;
		float: left;
		width: 402px;
		padding: 20px;
	}
	
	#maincontent #bottom-modules-l div.user1,
	#maincontent #bottom-modules-l div.user2,
	#maincontent #bottom-modules-r div.user1,
	#maincontent #bottom-modules-r div.user2 {
		display: block;
		float: left;
		width: 287px;
		padding: 20px;
	}
	
	#maincontent #bottom-modules-l div.user1-b,
	#maincontent #bottom-modules-l div.user2-b,
	#maincontent #bottom-modules-r div.user1-b,
	#maincontent #bottom-modules-r div.user2-b {
		display: block;
		float: left;
		width: 615px;
		padding: 20px;
	}
	
	
	#maincontent #bottom-modules div.moduletable,
	#maincontent #bottom-modules-lr div.moduletable,
	#maincontent #bottom-modules-l div.moduletable,
	#maincontent #bottom-modules-r div.moduletable {
		display: block;
		float: left;
	}
	
	#maincontent #bottom-modules div.moduletable h3,
	#maincontent #bottom-modules-lr div.moduletable h3,
	#maincontent #bottom-modules-l div.moduletable h3,
	#maincontent #bottom-modules-r div.moduletable h3 {
		display: block;
		margin: 0 0 10px 0;
		padding: 0;
		width: 100%;
	}
	



.sidebar {
	font-size: 90%;
}

#footer {
	margin: 0 auto;
	width: 950px;
	font-size: 90%;
	height: 20px;
	text-align: center;
}





/* SIDEBAR Modules */

div.sidebar div.moduletable,
div.sidebar div.moduletable_menu,
div.sidebar div.moduletable_text {
	display: block;
	float: left;
	margin-bottom: 20px;
	background: url(../images/sidebar-module-bg.jpg) no-repeat bottom;
	padding: 0 15px 15px 15px;
	width: 163px;
}

div.sidebar div.moduletable h3,
div.sidebar div.moduletable_menu h3,
div.sidebar div.moduletable_text h3 {
	display: inline;
	float: left;
	color: #000000;
	height: 38px;
	line-height: 38px;
	padding-left: 15px;
	background: url(../images/sidebar-module-h3-bg.jpg) no-repeat;
	margin: 0 -15px 10px -15px;
	width: 178px;
	font-size: 120%;
}

div.sidebar div.moduletable h3 strong {
	color: #9e9e9e;
}

div.sidebar form,
div.sidebar fieldset,
div.sidebar ul {
	float: left;
}

/* end */


/* BOTTOM Modules */

div.user1 div.moduletable,
div.user2 div.moduletable {
	font: normal 90% Arial, Helvetica, sans-serif;
}

div.user1 div.moduletable h3,
div.user2 div.moduletable h3 {
	font: bold 130% Arial, Helvetica, sans-serif;
}

/* end */



/* Top Nav */
#topnav ul#mainlevel-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
}

#topnav ul#mainlevel-nav li {
	background: url(../images/topnav-left.jpg) no-repeat left;
	float: left;
	margin: 0;
	white-space: nowrap;
	list-style: none;
	padding-left: 16px;
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
}

#topnav ul#mainlevel-nav a {
	display: block;
	background: url(../images/topnav-right.jpg) no-repeat right;
	padding-right: 16px;
	text-decoration: none;
	color: #333333;
	font-size: 90%;	
}

#topnav ul#mainlevel-nav li a:hover {
	color: #33d7ff;
}

#topnav ul#mainlevel-nav li a.mainlevel-nav#active_menu-nav {
	color: #33d7ff;
}

/* end */



/* Sidebar Menus */

div.sidebar ul.menu {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

div.sidebar ul.menu li {
	display: block;
	float: left;
	clear: left;
	background: none;
	padding: 0;
	width: 159px;
}

div.sidebar ul.menu li ul {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

div.sidebar ul.menu li ul li {
	display: block;
	float: left;
	text-indent: 10px;
}

div.sidebar ul.menu li a:link,
div.sidebar ul.menu li a:visited {
	padding: 2px 0 0 1px;
	display: block;
	color: #333333;
	text-decoration: none;
	outline: none;
	line-height: 24px;
	width: 149px;
	border-bottom: 1px solid #f3f3f3;
	padding-left: 10px;
}

div.sidebar ul.menu li a:hover {
	color: #333333;
	background: url(../images/mainmenu-bg.jpg) no-repeat;
	text-decoration: none;
}

div.sidebar ul.menu li ul li a:link,
div.sidebar ul.menu li ul li a:visited {
	color: #777777;
}

a.sublevel {
}

a.sublevel:hover,
a.sublevel:focus,
a.sublevel:active {
}

#active_menu {
	background: url(../images/mainmenu-bg.jpg) no-repeat;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	border: 0px;
}


/* COMMON STYLE
--------------------------------------------------------- */

body.contentpane {
	width: auto; /* Printable Page */
	margin: 1em 2em;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
}

/* Normal link */
a:link,
a:visited {
	color: #00acfe;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #242424;
}

a:hover, a:active, a:focus {
	color: #333333;
	text-decoration: underline;
}

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

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
	color: #666666;
	font-size: 80%;
}

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

h2 {
	font-size: 150%;
}

h3 {
	font-size: 125%;
}

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;
	background: url(../images/arrow.png) 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;
	padding: 10px 5px;
}

fieldset a {
	font-weight: bold;
}

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



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

form label {
	cursor: pointer;
}

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

.button {
	padding: 3px 5px;
	background: #2b5b99;
	color: #ffffff;
	text-align: center;
	border: 0px;
}

.button:hover, .button:focus {
}
* html .button {
	padding: 2px 0 !important; /*IE 6*/
}

*+html .button {
	padding: 2px 0 !important; /*IE 7*/
}

.inputbox {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
}



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

.article_separator {
	clear: both;
	display: block;
	height: 20px;
}

.article_column {
}

.column_separator {
	padding: 0 25px;
}

/* content tables */
td.sectiontableheader {
  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;
}

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

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

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

table.contenttoc a {
	text-decoration: none;
}

table.contenttoc td {
	padding: 1px 5px 1px 25px;
}

table.contenttoc th {
	padding: 0 0 3PX;
	border-bottom: 1px solid #CCCCCC;
	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 img {
	vertical-align: baseline;
}

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

table.pollstableborder tr.sectiontableentry1 td {
	background: #ECECEC;
}

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

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

table.adminform {
}

.adminform .inputbox {
}

.blog_more {
	padding: 10px 0;
}

.blog_more strong {
	margin: 0 0 5px;
	display: block;
	font-size: 125%;
}

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

.blog_more ul li {
	margin: 0;
	padding: 0 0 0 17px;
	background: none;
}

.category {
	font-weight: bold;
}

h1.componentheading, .componentheading {
	padding: 5px 0 15px;
	margin: 0 0 10px;
}

.componentheading {
	font-size: 120%;
	font-weight: bold;
}

.contentdescription {
	padding-bottom: 30px;
}

h2.contentheading, .contentheading {
	padding: 0 0 8px 0;
	margin: 0;
	font-weight: normal;
}

table.blog .contentheading {
	font-size: 130%;
	font-weight: bold;
}

.contentheading {
	font-size: 170%;
	color: #9fcc11;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none !important;
}

a.readon {
	float: left;
	margin-top: 10px;
	padding: 1px 5px 1px 14px;
	border: 1px solid #F6F6F6;
	display: block;
	background: url(../images/arrow.png) no-repeat 5px 48%;
	color: #006699;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus {
	border: 1px solid #ECECEC;
	background: #FFFFFF;
}

table.contentpaneopen td, table.contentpane td {
}

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

.moduletable {
	padding: 0;
}

ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

ul.pagination li span{
	padding: 2px 5px;
}

ul.pagination a {
	padding: 2px 5px;
	border: 1px solid #F6F6F6;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	border: 1px solid #ECECEC;
	background: #FFFFFF;
}

.pagenavbar {
	padding-left: 14px;
}

.pagenavcounter {
	padding: 8px 14px 0 14px;
}

.sectiontableheader {
	padding: 8px 5px;
	background: #2b5b99;
	color: #FFFFFF;
}

.sectiontableheader a {
	color: #FFFFFF;
}

tr.sectiontableentry1 td {
	padding: 8px 5px;
}

tr.sectiontableentry2 td {
	padding: 8px 5px;
	background:  #ECECEC;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background: #FFFFCC;
}

.smalldark {
	text-align: left;
}

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

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

/* META
--------------------------------------------------------- */
.article-tools {
	border-top: 1px solid #DDDDDD;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 15px;
	display: block;
	background: #ECECEC;
}

.createby {
	padding: 1px 3px 1px 0px;
}

.createdate {
	padding: 1px 3px 1px 0px;
}

.modifydate {
	width: 100%;
	float: left;
}

div.buttonheading {
	float: right;
	width: 15%;
}

td.buttonheading {
	vertical-align: top;
}

.buttonheading img {
	margin: 0;
	border: 0;
	float: right;
}


/**************************************************************
Slideshow
**************************************************************/

#slideshow {
	display: block;
	width: 888px;
	height: 225px;
	background: url(../images/bg-slideshow.jpg) no-repeat;
}

#slidebg {
	padding: 0px;
	width: 888px;
	height: 225px;
}

.slideshowContainer {
	width: 888px;
	height: 225px;
	margin: 0px;
	padding: 0px;
}

#slideshowContainer img {
	width: 888px;
	height: 225px;
}

.loading {
	background: url(../images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	padding: 2px;
}

a:hover.slideshowThumbnail img {
	padding: 2px;
}

.current img {
	padding: 2px;
}

.outline {
	z-index: 0;
	position: absolute;
}

#thumbnails {
	visibility: hidden;
	height: 1px;
	position: absolute;
	left: 0;
	right: 0;
}

/*************************************************************/




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