html {
			height:100%;/*background:url(../img/bg-sunshine.jpg) repeat-x 0 -11px;*/
}
body {
			margin:0;
			font:13px Arial, Verdana, Helvetica, san-serif;
			color:#000;
			background:url(../img/bg-home-repeat.png) repeat-x 0 0;
			height:100%;
			min-width:960px;
			position:relative;
}
img {
			border:none;
}
a {
			outline:none
}
body.inner {
			background:url(../img/bg-inner-repeat.png) repeat-x 0 0;
}
.main-holder {
			width:100%;
			min-width:960px;
			background:url(../img/bg-home.jpg) no-repeat scroll 50% 0;
}
body.inner .main-holder {
			background:url(../img/bg-inner.jpg) no-repeat scroll 50% 0;
}
#main {
			margin:0 auto;
			width:960px;
			overflow:hidden;
			position:relative;
}
/*Header BEGIN*/
#header {
			position:relative;
			height:298px;
			width:950px;
			overflow:hidden;
}
#header div.head {
			height:300px;
}
body.inner #header {
			height:192px;
}
#header .logo {
			margin:0;
			position:absolute;
			top:44px;
			left:7px;
			text-indent:-9999px;
			width:310px;
			height:123px;
			cursor:pointer;
			background:url(../img/catchon-logo.png) no-repeat;
}
.inner #header .logo {
			top:29px;
			left:5px;
			background:url(../img/small-logo.png) no-repeat;
}
.inner #header .heading {
			top:166px;
}
#header .heading {
			margin:240px 0 0;
			font-size:32px;
			font-weight:normal;
}
#header #headline {
			position:absolute;
			right:0px;
			top:65px;
			width:550px;
			height:170px;
			text-align:left;
			overflow:hidden;
			font-size:32px;
			text-align:right;
}
body.inner #header #headline {
			height:41px;
			top:75px;
			right:0px;
			width:400px;
}
#header #headline span {
			text-align:left;
}
#header #headline div {
			font-size:32px;
			width:100%;
			overflow:hidden;
			color:#fff;
			font-weight:normal;
}
#header span {
			position:absolute;
			right:0;
			top:0;
			font-size:18px;
			height:41px!important;
}
#header p {
			position:absolute;
			margin:0;
			right:0px;
			top:248px;
			color:#326aa9;
			font-size:13px;
}
#header p.ad {
			position:absolute;
			margin:0;
			right:0px;
			top:228px;
			color:#326aa9;
			font-size:13px;
}
#header h3 {
			position:absolute;
			margin:0;
			right:11px;
			top:50px;
			font-size:13px;
}
.inner #header p {
			top:163px;
}
#header p a {
			text-decoration:none;
			color:#326aa9;
			font-weight:bold;
}
#header p a:hover {
			text-decoration:underline;
}
#header .path {
			position:absolute;
			top:163px;
			left:2px;
			margin:0;
			padding:0;
			list-style:none;
}
#header .path li {
			float:left;
			padding:0 10px 0 0;
			color:#326aa9;
}
#header .path li strong {
			font-weight:bold;
			color:#326aa9;
			padding:0 0 0 12px;
			background:url(../img/separ3.gif) no-repeat 0 2px;
			text-decoration:none;
}
#header .path li a {
			color:#326aa9;
			text-decoration:none;
}
#header .path li a:hover {
			text-decoration:underline;
}
/*Navigation BEGIN*/
#nav {
			position:absolute;
			top:0;
			right:0;
}
#nav ul {
			float:left;
			margin:0;
			padding:0;
			list-style:none;
			overflow:hidden;
}
#nav li {
			float:left;
}
#nav li.active a, #nav li:hover, #nav li.hover {
			background:url(../img/menu-bg.png) repeat-x;
}
#nav li a {
			display:block;
			padding:16px 17px 1px;
			float:left;
			color:#fff;
			height:27px;
			font-size:16px;
			font-weight:bold;
			text-decoration:none;
			text-align:center;
}
#nav li a.map {
			display:block;
			padding:0 0 1px 0;
			width:51px;
			background:url(../img/map.gif) no-repeat;
			height:43px;
}
/*Navigation END*/
/*Header END*/
/*Content BEGIN*/
#content {
			width:950px;
			overflow:hidden;
			margin-bottom: 60px;
}
.block-holder {
			margin:44px 0 0;
			background:url(../img/bg-block.jpg) repeat-y;
}
#dh {
						margin:44px 0 0;
}
#content h2.about {
			margin:26px 0 30px;
			font-size:32px;
}
.block {
			padding:9px 15px 15px 24px;
			background:url(../img/bg-block1.jpg) no-repeat;
}
.block p {
			line-height:22px;
			font-weight:bold;
			color:#000;
}
.block1-holder {
			margin:23px 0 0;
			padding:0 0 7px;
			float:left;
			width:100%;
			background:#eef3f7 url(../img/bg-block2.jpg) repeat-x 0 100%;
}
.block1 {
			padding:25px 25px 0 25px;
			background:url(../img/quote1.gif) no-repeat 7px 6px;
			width:231px;
			overflow:hidden;
}
.quote {
			margin:-4px 0 0;
			background:url(../img/quote2.gif) no-repeat 255px 100%;
			height:16px;
			width:100%;
}
#content .block1 p {
			margin:0 0 20px;
			font-style:italic;
			font-size:11px;
			line-height:18px;
			font-family:Georgia, Times, serif;
}
.block1 strong {
			line-height:18px;
}
.block1 span {
			line-height:18px;
}
/*.left-sidebar {
			width:281px;
			float:left;
			margin:0 30px 97px 0;
}*/
.left-sidebar {
			width:281px;
			float:left;
			margin:0 30px 0 0;
			padding:0 0 97px;
}
.main-content {
			width:309px;
			margin:40px 39px 0 9px;
			float:left;
}
.main-content h2 {
			margin:0;
			font-size:18px;
			font-weight:bold;
}
.main-content h3 {
			margin:0;
			font-size:18px;
}
.main-content p {
			margin:23px 0 0;
			line-height:21px;
}
.main-content a {
			color:#c00;
			font-weight:bold;
			text-decoration:none;
}
.main-content a:hover {
			text-decoration:underline;
}
.inner .main-holder #main #content #list #work .text-holder ul li,
.inner .main-holder #main #content #list #learning .contentlist li {
			margin:0 0 6px 20px;
			line-height:21px;
			list-style: square;
}
.right-sidebar {
			width:282px;
			padding:44px 0 0;
			float:left;
}
.right-sidebar ul.groups {
			width:278px;
			overflow:hidden;
			margin:0;
			padding:0;
			list-style:none;
			border:2px solid #d9e4ec;
}
.right-sidebar ul.groups li h3 {
			padding:0px 0px 0px 10px;	
}
.right-sidebar ul.groups li {
			overflow:hidden;
			padding:12px 0 13px;
			width:278px;
			margin:-1px 0 0;
			background:url(../img/separ.gif) no-repeat 11px 0;
}
.right-sidebar ul.groups li:hover, .right-sidebar ul.groups li.hover {
			background:#ebf0f4 url(../img/separ.gif) no-repeat 11px 0;
}
.right-sidebar ul.groups li span.time-info {
			margin:7px 0 0;
			float:left;
			background:url(../img/time.gif) repeat-x;
			height:58px;
			width:32px;
			font-size:14px;
			font-weight:bold;
			text-align:center;
			color:#6ea2c8;
			line-height:17px;
			padding:6px 0 0;
}
.right-sidebar ul.groups li .box-content {
			width:212px;
			float:left;
			padding:7px 17px 5px;
}
.right-sidebar ul.groups li .box-content h4 {
			font-size:11px;
			margin:0 0 20px;
}
.right-sidebar ul.groups li .box-content p {
			margin:0;
			line-height:15px;
			font-size:11px;
}
.right-sidebar ul.groups li .box-content a {
			line-height:15px;
			font-size:11px;
			color:#c00;
			visibility:hidden;
			text-decoration:none;
}
.right-sidebar ul.groups li.hover .box-content a {
			visibility:visible;
}
#content div.right-sidebar ul.groups li a:hover {
			text-decoration:underline;
}
#content a.subscribe {
			color:#333;
			display:block;
			padding:4px 0 4px 36px;
			font-size:12px;
			text-decoration:none;
			font-weight:bold;
			background:url(../img/ico.gif) no-repeat;
}
#content .right-sidebar a.subscribe {
			margin:0 0 0 12px;
}
.right-sidebar ul.groups li .box-content h3 {
			margin:0 0 15px;
			font-size:12px;
}
/*Content END*/
/*Inner Page BEGIN*/
.left-menu-holder {
			padding:0 0 19px;
			float:left;
			width:100%;
}
.left-menu {
			margin:0;
			padding:0;
			width:100%;
			overflow:hidden;
			list-style:none;
			background:url(../img/separ1.gif) no-repeat 0 100%;
}
.left-menu li {
			line-height:22px;
			float:left;
			width:100%;
			background:url(../img/separ1.gif) no-repeat;
			padding-top: 10px;
			padding-bottom: 10px;
}
.left-menu li a {
			color:#c00;
			float:left;
			font-size:18px;
			text-decoration:none;
}
.left-menu li a:hover {
			color:#6EA2C8;
			text-decoration:underline;
}
#list {
			float:left;
			width:609px;
			overflow:hidden;
			margin:0 0 60px 6px;
			padding:0 0 21px 19px;
			list-style:none;
			border:2px solid #dae4ed;
			display:inline;
}
#list div.item {
			margin:0 7px 8px 0;
			padding:0 0 17px;
			width:100%;
			overflow:hidden;
			background:url(../img/separ2.gif) no-repeat 0 100%;
}
#list div.item h2 {
			margin:15px 0 0 -1px;
			font-size:24px;
			font-weight:normal;
}
#list div.item h2.heading {
			margin:21px 0 0 -1px;
}
#list .gallery h2 {
			margin:22px 0 20px;
}
#list div.item p {
			margin:10px 21px 0 0;
			padding:0 0 10px;
			line-height:21px;
}

#list .item .standard li {
			margin:5px 21px 0 20px;
			padding:0 0 5px;
			line-height:21px;
}

#list .item .boxout {
			margin:15px 15px 15px 0px;
			padding:10px 20px;
			border: 2px solid #6EA2C8;
}


#list div.full  {
			padding:5px 20px 20px;
}
#list div.full p {
			margin:10px 21px 0 0;
			padding:0 0 10px;
			line-height:21px;
}
#list div.full ul {
			margin:0px 0px 20px;
}
#list div.full li {
			margin:0px 21px 10px 20px;
			line-height:21px;
			list-style: square;
			padding: 0px;
}

#list div.item a, #list div.full a {
			color:#c00;
			text-decoration:none;
			font-size:12px;
			width:193px;
			height:153px;
			overflow:hidden;
}
#list ul.banners {
			margin:2px 0 0;
			padding:11px 0 0;
			list-style:none;
			overflow:hidden;
			width:100%;
}
#list ul.banners li {
			position:relative;
			border:none;
			width:193px;
			height:153px;
			float:left;
			padding:10px 0 0;
			margin:0 5px 0 0;
			background:none;
}
#list ul.banners li span.plus {
			position:absolute;
			right:0;
			top:0;
			width:32px;
			height:32px;
			text-indent:-9999px;
			cursor:pointer;
			background:url(../img/plus.png) no-repeat;
}
#list div.item a.back {
			font-weight:bold;
			width:auto;
			height:auto;
}
#list div.item a:hover {
			text-decoration:underline;
}
#list ul.block-gallery {
			margin:27px 0 0;
			padding:0 0 40px 0;
			list-style:none;
			width:100%;
			overflow:hidden;
}
#list ul.block-gallery li {
			float:left;
			width:288px;
			padding:0 0 12px;
			background:none;
			margin:0 7px 8px 0;
			border:2px solid #dae4ed;
			position:relative;
}
#list ul.block-gallery li h3 {
			margin:13px 0 3px;
			font-size:19px;
			font-weight:normal;
			color:#c00;
			line-height:21px;
}
#list ul.block-gallery li p {
			font-size:13px;
			margin:0 50px 0 0;
			line-height:16px;
}
#list ul.block-gallery li span {
			display:block;
			font-size:13px;
			padding:0 30px 0 0;
			line-height:16px;
}
/*#list ul.block-gallery li div.pic {
			width:93px;
			height:101px;
			background:#ccc;
			float:left;
			display:inline;
			margin:12px 16px 0 13px;
}*/
#list ul.block-gallery li div.pic {
			width:1px;
			height:101px;
			background:#fff;
			float:left;
			display:inline;
			margin:12px 0px 0 15px;
}
#list ul.block-gallery li a.link {
			position:absolute;
			top:0;
			left:0;
			background:none;
			width:288px;
			height:124px;
			font-weight:bold;
}
#list ul.block-gallery li.hover a.link {
			background:url(../img/triangle.gif) no-repeat 230px 55px;
}
#list .text-holder {
			padding:0 0 25px;
}
#list .text-holder2 {
			padding:7px 0 20px;
}
#list h3 {
			margin:0;
			font-size:13px;
}
#list .text-holder h3 {
			margin:20px 0 0;
			font-size:18px;
}
/*Inner2 Page BEGIN*/
#list .visit-holder {
			width:100%;
			padding:0 0 29px;
}
#list .visit {
			padding:0 17px 0 0;
			color:#c00;
			font-weight:bold;
			background:url(../img/ico2.gif) no-repeat 100% 2px;
			text-decoration:none;
}
#list .roll {
			margin:16px 0 0 3px;
			padding:0 0 2px;
			list-style:none;
}
#list .roll li {
			background:url(../img/separ4.gif) no-repeat 0 6px;
			padding:0 0 12px 15px;
			border:none;
			width:395px;
			line-height:21px;
}
#list ul.resources {
			margin:12px 0 0;
			padding:0 16px 10px 0;
			list-style:none;
}
#list ul.resources li {
			background:url(../img/bg-resources1.jpg) repeat-x;
			cursor:pointer;
			position:relative;
			padding:0;
			width:592px;
			margin:0 0 8px;
}
#list ul.resources li .resources-content {
			width:490px;
			padding:17px 0 0 19px;
}
#list ul.resources li .resources-content h3 {
			line-height:23px;
			margin:0;
			height:53px;
}
#list ul.resources li a {
			width:53px;
			height:61px;
			position:absolute;
			text-indent:-9999px;
			overflow:hidden;
			background:url(../img/bg-resources.gif) no-repeat 0 -61px;
			top:20px;
			right:19px;
}
#list ul.resources li.hover {
			background:url(../img/bg-resources2.jpg) repeat-x;
}
#list ul.resources li.hover a {
			background:url(../img/bg-resources.gif) no-repeat 0 0;
}
#list ul.resources li h3 {
			margin:0;
			font-size:18px;
			font-weight:bold;
}
#list li h4 {
			margin:12px 0 0;
			font-size:13px;
			border:1px solid #f00;
}
#list ul.resources li p {
			margin:0;
			font-size:13px;
}
#list .banner {
			margin:23px 0 0;
			padding:0 0 22px;
			overflow:hidden;
			display:block;
}
/*Inner2 Page END*/
/*Inner3 Page BEGIN*/
.content-area #list {
			margin-left:0;
			padding:0 0 21px;
			width:628px;
}
.content-area .left-sidebar {
			padding:33px 0 0 38px;
			width:278px;
			margin:0;
			float:right;
			display:inline;
}
.content-area .heading-conteiner {
			width:500px;
			overflow:hidden;
}
#content .content-area .item .text-holder {
			margin:0 0 30px;
			padding:0 0 40px;
}
#content .content-area .item {
			position:relative;
			padding:0 0 34px 70px;
			margin:0 0 20px;
			width:558px;
			background:transparent url(../img/separ2.gif) no-repeat 18px 100%;
}
#content .content-area #list .time {
			width:38px;
			height:100px;
			top:21px;
			left:0;
			line-height:28px;
			position:absolute;
			font-size:24px;
			color:#6ea2c8;
			display:block;
			padding:10px 0 0 12px;
			text-decoration:none;
			background:url(../img/time2.gif) no-repeat;
}
#content .content-area strong.articles {
			margin:53px 0 15px;
}
#content .content-area .item .text-holder h2 {
			margin:19px 10px 0 -1px;
}
#content .content-area #list a.back {
			position:absolute;
			bottom:16px;
			left:23px;
}
#content .content-area #list a.more {
			width:53px;
			height:61px;
			bottom:45px;
			right:27px;
			position:absolute;
			display:block;
			text-indent:-9999px;
			background:url(../img/link.gif) no-repeat 0 -61px;
}
#content .content-area #list a.more:hover {
			background:url(../img/link.gif) no-repeat 0 0;
}
#content .content-area #list a.backbtn {
			width:53px;
			height:61px;
			display:block;
			position: relative;
			margin-left: 0px;
			text-indent:-9999px;
			background:url(../img/back.gif) no-repeat 0 -61px;
}
#content .content-area #list a.backbtn:hover {
			background:url(../img/back.gif) no-repeat 0 0;
}
div.pagination {
			display:block;
			margin-left: 20px;
			overflow: auto;
			font-size: 11px;
}
div.pagination span {
			display: block;
			float: left;
			padding: 3px 6px;
			margin-right: 5px;
}
div.pagination a {
			color: #C00;
			text-decoration: none;
}
div.pagination a:hover {
			text-decoration: underline;
}
div.pagination strong, div.pagination a {
			border: solid 1px #DDD;
			margin-right: 2px;
			display: block;
			float: left;
			padding: 3px 6px;
}
#content .content-area ul.top-links {
			margin:14px 0 0 -10px;
			padding:0 0 8px;
			list-style:none;
			width:100%;
			overflow:hidden;
}
#content .content-area ul.top-links li {
			float:left;
			margin:0 0 0 -2px;
			padding:0 12px 0 12px;
			background:url(../img/separ5.gif) no-repeat 0 2px;
}
#content .content-area ul.top-links li a:hover {
			text-decoration:underline;
}
.content-area .left-sidebar strong {
			margin:36px 0 15px;
			display:block;
}
.content-area a.subscribe2 {
			color:#333;
			display:block;
			padding:6px 0 6px 36px;
			font-size:13px;
			text-decoration:none;
			font-weight:bold;
			background:url(../img/ico3.gif) no-repeat;
}
.content-area a.subscribe2:hover {
			text-decoration:underline;
}
#list div.item {
			margin-right:0;
}
/*Inner3 Page END*/
/*Footer BEGIN*/
#footer {
			width:100%;
			padding:0 0 27px;
			overflow:hidden;
}
body.inner #footer {
			padding:40px 0 27px;
}
/*#footer .bottom-links {
			margin:0;
			padding:0;
			list-style:none;
}
#footer .info {
			margin:0 0 0 2px;
			padding:0;
			list-style:none;
}*/
#footer .bottom-links, #footer .info {
			margin:0;
			padding:0;
			list-style:none;
			overflow:hidden;
			width:100%;
}
#footer .info {
			margin:0 0 0 2px;
}
#footer .bottom-links li {
			font-size:13px;
			font-weight:bold;
			line-height:38px;
}
#footer li a {
			color:#000;
			text-decoration:none;
}
#footer li a:hover {
			text-decoration:underline;
}
#footer .info li {
			float:left;
			color:#999;
			margin:0 33px 0 0;
			font-size:11px;
			font-weight:bold;
}
#footer .info li a {
			color:#999;
			font-size:11px;
			font-weight:bold;
}
#footer .slogan {
			margin:27px 0 25px 2px;
			display:block;
			width:312px;
			height:31px;
			text-indent:-9999px;
			overflow:hidden;
			background:url(../img/heading.gif) no-repeat;
}
#bottom-ico {
			position:absolute;
			right:45px;
			bottom:0;
			width:248px;
			height:242px;
			background:url(../img/bottom-logo.jpg) no-repeat;
}
/*Footer END*/
#te, #le, #re, #be {
			position:absolute;
			z-index: 10;
			display: block;
}
#te, #le, #re, #be {
			position:fixed;
			z-index: 10;
			display: block;
}
#te {
			height: 5px;
			left: 5px;
			right: 5px;
			top: 0;
			overflow:hidden;
			background:url(../img/border.png) repeat-x;
}
#be {
			height:5px;
			overflow:hidden;
			left: 5px;
			right: 5px;
			bottom: 0;
			background:url(../img/border.png) repeat-x;
			z-index:12;
}
#be div {
			margin:0 5px;
}
* html #be {
			bottom:-5px;
}
#le {
			width: 5px;
			height:100%;
			left: 0;
			bottom: 0;
			top: 0;
			background:url(../img/border.png) repeat-y;
}
#re {
			width: 5px;
			height:100%;
			top: 0;
			right: 0;
			bottom: 0;
			background:url(../img/border.png) repeat-y;
}
.main-holder {
			position:relative;
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
.sIFR-flash {
			visibility: visible !important;
			margin: 0;
			padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
			visibility: visible !important;
}
.sIFR-alternate {
			position: absolute;
			left: 0;
			top: 0;
			width: 0;
			height: 0;
			display: block;
			overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
			margin: 0pt;
			padding: 0pt;
			overflow: auto;
			letter-spacing: 0px;
			float: none;
}
}
 @media print {
.sIFR-flash {
			display : none !important;
			height : 0;
			width : 0;
			position : absolute;
			overflow : hidden;
}
.sIFR-alternate {
			visibility : visible !important;
			display : block !important;
			position : static !important;
			left : auto !important;
			top : auto !important;
			width : auto !important;
			height : auto !important;
}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}
div.sitemap ul {
			list-style: none inside;
			margin: 0;
			padding: 20px 0 0 20px;
}
div.sitemap ul li {
			list-style: none inside;
			margin: 0;
			padding: 0 0 5px 10px;
}
div.sitemap ul li a {
			color: #c00;
			text-decoration: none;
			font-size: 18px;
}
div.sitemap ul li ul {
			list-style: none inside;
			margin: 0;
			padding: 0 0 0 20px;
}
div.sitemap ul li ul li {
			list-style: none inside;
			margin: 0;
			padding: 0 0 2px;
}
div.sitemap ul li ul li a {
			color: #c00;
			text-decoration: none;
			font-size: 14px;
}
div.sitemap a:hover {
			color:#6EA2C8;
			text-decoration:underline;
}

#scroll li span {
	display: block;
	color: #000;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	clear: left;
	float: left;
	*width: 270px;
}