/* General styles */

html {
	height: 100%;
}

body {
	height: 100%;
    font: 10px Verdana, Arial, Sans-serif;
    color: #d6f1fc;
    background: #d6f1fc  url('/images/general/top-background-gradient.gif') left top repeat-x;
    margin: 0;
    padding: 0;
}

img a {
	border: none;
}

#feature {
 	position: relative;
 	top: -8px;
}

/** Genreal styles end */

/** Main containers */

#site-container {
	position: relative;
 	top: 0;
 	left: 0;
	width: 100%;
 	height: auto !important;
 	min-height: 534px;
 	height: 534px;
 	background: transparent  url('/images/general/top-clouds.gif') center top no-repeat;
 	z-index: 1;
 	overflow: visible;
}

#site-bottom-container {
	position: relative;
	top: 0;
	height: 503px;
	width: 100%;
	background: #d6f1fc url('/images/general/bottom-background.jpg') bottom center no-repeat;
	z-index: 0;
}

#page-container {
 	position: relative;
    z-index: 3;
    overflow: visible;
}

/** main containers end */

/** Inner (overlapping) page with all content and footer (mega wrapper)*/

#page {
	margin-top: 0;
	margin-bottom: -400px;
 	width: 100%;
 	z-index: 10;
 	position: relative;
 	height: auto !important;
 	min-height: 999px;
 	height: 999px;
 	color: #333333;
}

/** head, logo and top navigation + search */
#page .header-top {
	position: relative;
 	top: 17px;
}

#page .header-body {
 	width: 940px;
 	background-color: #ffffff;;
 	height: 115px;
 	margin-top: 2px;
 	overflow: hidden;
}

#page .header-body #logo {
	float: left;
	margin-top: 10px;
	margin-left: 3px;
	background-image: url('/images/general/logo.gif');
	background-repeat: no-repeat;
	width: 309px;
	height: 95px;
	display: block;
}

#page .header-body #logo a {
	 text-indent: -99999px;
	 display: block;
	 width: 309px;
	 height: 95px;
}

#page .header-body #search {
	float: right;
	padding: 0;
	padding-right: 15px;
	overflow: hidden;
	width: 270px;
}

#page .header-body #search #searchfield {
	  background:url(/images/general/searchbox.gif) no-repeat;
	  height: 31px;
	  width: 226px;
	  padding-top: 7px;
	  padding-left: 12px;
	  float: left;
	  margin-top: 24px;
	  border: 0;
}

.searchbox  {
	border: 0;
	width: 220px;
	color: #007fb5;
}

#page .header-body #search #searchsubmit {
 	float: left;
 	margin-top: 24px;
}

#page .search-result {
	float: left;
	margin: 0px 25px 15px 30px;
	width: 580px;
}

/** search end */

.subn {
 	float: right;
 	padding-left: 1px;
 	padding-right: 4px;
 	padding-top: 1px;
 	width: 94px;
 	height: 29px;

 	display: block;
}

.subn a {
	text-indent: -9999px;
	width: 94px;
 	height: 29px;
 	display: block;
 	background: transparent url('/images/general/contact-tmt-1.gif') 0px 0px no-repeat;
}

.subn a:hover {
	text-indent: -9999px;
	width: 94px;
 	height: 29px;
 	display: block;
 	background: transparent url('/images/general/contact-tmt-1.gif') 0px -30px no-repeat;
}

 .subnl a {
	text-indent: -9999px;
	width: 158px;
 	height: 32px;
 	display: block;
 	background: transparent url('/images/general/tmt-online.gif') 0px 0px no-repeat;
}

.subnl a:hover {
	text-indent: -9999px;
 	background: transparent url('/images/general/tmt-online.gif') 0px -32px no-repeat;
}

.subnr {
	float: left;
 	padding-left: 1px;
 	padding-right: 1px;
 	padding-top: 1px;
}

.subnl {
	float: left;
 	padding-left: 3px;
 	padding-right: 1px;
 	padding-top: 1px;
 	margin-left: 4px;
 	width: 158px;
 	height: 32px;
}

.col1 {
 	background-color: #eaf7fd;
}

.events-text > ul > li {
	overflow: hidden;
	width: 100%;
}

.subn a img, .subnr a img, .subnl a img {
 	border: none;
}

/** header ends */


/** navigation would be placed here, see navigation.css /*


/** banner area */
#fallback { width: 940px; }
.fallback-banner {
 	float: left;
	text-align: center;
	width: 168px;
	padding: 0 10px;
}


.start1 {
/*
 	padding-left: 42px;
*/
}

.fallback-banner a img {
 	border: none;
}

#fallback {
 	height: 250px;
}

/** Override shadobox styles */
#sb-title {
 	height: 100px;
 	padding: 10px;
 	background: #333333;

}

#sb-title-inner {
   font-size: 1.3em;
 	line-height: 1.4em;
 	font-family: arial, verdana, serif;
}

#sb-title a {
	color: #FF6801;
	font-weight: normal;
	text-decoration: none;
}

#sb-title a:hover {
	text-decoration: underline;
}

#sb-title h1 {
 	color: #007FB5;
 	font-size: 1.5em;
 	font-weight: bold;
 	line-height: 1.7em;
}

/** shadowbox ends */

#page #banner-top {
	margin-left: -13px;
	background: transparent url('/images/general/top-menu-end.png') top left no-repeat;
	height: 8px;
	width: 960px;
	border: 0;
}

#page #banner {
	margin: 0;
	padding: 0;
	background: transparent url('/images/general/banner-background.gif') bottom left no-repeat;
	height: 300px;
	width: 960px;
}

#page #banner-bottom {
	margin-left: -10px;
	background: transparent url('/images/general/flash-end.png') top left no-repeat;
	height: 10px;
	width: 960px;
}

#page #ribbon {
	position: relative;
	margin-left: -13px;
	background: transparent url('/images/general/ribbon.gif') top left no-repeat;
	width: 981px;
	height: 55px;

}

#page #ribbon .ribbon-text {
	float: left;
	padding: 14px 5px 5px 24px;
	font-size: 1.9em;
	color: #fffdfc;
	letter-spacing: 2px;
}

#page #ribbon .ribbon-text a {
	color: #fffdfc;
	text-decoration: none;
}

#page #ribbon .arrow {
	float: left;
	padding: 18px 0px 5px 3px;
	width: 22px;
}

#page #ribbon .ribbon-small  {
	float: left;
	padding: 16px 2px 5px 0;
	font-size: 1.5em;
	color: #fffdfc;
    width: 590px;
    overflow: hidden;
    word-spacing: -1px;
}

#page #ribbon .ribbon-small a {
	color: #fffdfc;
	text-decoration: none;
}

/** banner area ends */

/** Faux box starts */

#page .faux-top {
    margin-left: -8px;
    margin-top: 28px;
	background: transparent url('/images/general/faux-top.png') top left no-repeat;
	width: 952px;
	height: 10px
}

#page .faux-mid {
    margin-left: -8px;
    margin-top: 0;
	background: transparent url('/images/general/faux-mid.png') top left repeat-y;
	width: 952px;
	height: auto !important;
	min-height: 300px;
	height: 300px;
	overflow: hidden;
}

/** Inner faux boxes */

#page .faux-mid #events {
 	float: left;
	width: 309px;
}

/** Inner events container */
#page .faux-mid #events .headline {
	padding: 13px 5px 10px 29px;
	font-size: 1.8em;
	color: #007fb5;
	letter-spacing: 1px;
}

#page .faux-mid #events .headline h3 a {
	color: #007fb5;
	text-decoration: none;
}

#page .faux-mid #events .teaser-image {
position: relative;
	padding: 11px 5px 6px 29px;
	font-size: 1.8em;
	color: #007fb5;
	background-image: url('/images/general/events.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 273px;
	height: 64px;
}

#map {
 	position: relative;

}

#map a img {
	border: 0px;
}

#page .faux-mid #events .teaser-image a {
	width: 273px;
	height: 64px;
	display: block;
}

#page .faux-mid #events .events-text {
	padding: 10px 10px 10px 25px;
	font-size: 1.1em;
}

#page .faux-mid #events .more-button {
	padding: 10px 0px 10px 0px;
	margin-left: 28px;
	font-size: 1.1em;
	height: auto !important;
	background-image: url('/images/general/view-all-events.gif');
	background-repeat: no-repeat;
	display: block;
	width: 180px;
	height: 15px;
}

#page .faux-mid #events .more-button a {
	display: block;
	padding-left: 20px;
	width: 145px;
	height: 15px;
}

.accessibility {
	height: 1px;
	left: -9999px;
	position: absolute;
}

#page .faux-mid #events .events-text ul {
	padding-left: 3px;
	margin-top: -9px;
	font-size: 1.2em;
}

#page .faux-mid #events .events-text ul li {
	width: 280px;
 	clear: both;
 	height: auto !important;
 	min-height: 33px;
 	height: 33px;
}

/** Event list **/

.eactive {
 	background-color: #eaf7fd;
}

.title-event {
 	float: left;
 	width: 160px;
 	padding: 8px 0px 5px 6px;
}

.title-event a, .date-event a {
 	text-decoration: none;
 	color: #333333;
}

.date-event {
	float: left;
	width: 54px;
	padding: 8px 12px 5px 6px;
	text-align: left;
}

.more-event {
	float: left;
	width: 40px;
	padding: 12px 2px 0 0;
}

#page .faux-mid #events ul li .more-event {
	background-image:url("/images/general/harrow.png");
	background-repeat:no-repeat;
	display: block;
	height: 15px;
	margin-left: 10px;
	margin-top: 5px;
	width: 30px;
}

#page .faux-mid #events ul li .more-event a {
	display: block;
	height: 15px;
	margin-left: -3px;
	margin-top: -8px;
	width: 18px;
}

#page .faux-mid #news ul li .more-event {
	background-image:url("/images/general/harrow.png");
	background-repeat:no-repeat;
	display: block;
	height: 15px;
	margin-left: 10px;
	margin-top: 5px;
	width: 30px;
}

#page .faux-mid #news ul li .more-event a {
	display: block;
	height: 15px;
	margin-left: -3px;
	margin-top: -8px;
	width: 18px;
}

/** Event list end */

/** Newslist */

#page .faux-mid #events .events-text ul {
	 padding-left: 3px;
	font-size: 1.2em;
	margin-top: -9px;
}

#page .faux-mid #events .events-text ul li {
	width: 280px;
 	clear: both;
 	height: auto !important;
 	min-height: 33px;
 	height: 33px;
}

.title-news {
 	float: left;
 	width: 230px;
 	padding: 8px 0px 5px 6px;
}

.title-news a {
 	text-decoration: none;
 	color: #333333;
}

/** Newslist end */

.more-button a img, .more-event a img {
   border: none;
   margin-top: -8px;
}

/** Event inner container end */

/** New container */
#page .faux-mid #news {
 	float: left;
 	width: 308px;
}

/** News inner container */
#page .faux-mid #news .headline {
	padding: 13px 10px 10px 19px;
	font-size: 1.8em;
	color: #007fb5;
	letter-spacing: 1px;
}

#page .faux-mid #news .headline h3 a {
	color: #007fb5;
	text-decoration: none;
}

#page .faux-mid #news .teaser-image {
	padding: 11px 5px 6px 21px;
	font-size: 1.8em;
	color: #007fb5;
	background-image: url('/images/general/news.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 273px;
	height: 64px;
}

#page .faux-mid #news .teaser-image a {
	width: 273px;
	height: 64px;
	display: block;

}

#page .faux-mid #news .news-text {
	padding: 10px 10px 10px 15px;
	font-size: 1.1em;
}

#page .faux-mid #news .news-text ul {
	padding-left: 3px;
	font-size: 1.2em;
	margin-top: -9px;
}

#page .faux-mid #news .news-text ul li {
	width: 280px;
 	clear: both;
 	height: auto !important;
 	min-height: 33px;
 	height: 33px;
}

#page .faux-mid #news .more-button {
	padding: 10px 0px 10px 0px;
	margin-left: 20px;
	font-size: 1.1em;
	height: auto !important;
	background-image: url('/images/general/find-out-more.gif');
	background-repeat: no-repeat;
	display: block;
	width: 180px;
	height: 15px;
}

#page .faux-mid #news .more-button a {
	display: block;
	padding-left: 20px;
	width: 145px;
	height: 15px;
}

/** Content level 2 */
#page .faux-mid #content {
	padding: 10px 28px 16px 24px;
}

#page .faux-mid #content h1 {
	color: #007fb5;
	font-size: 2.0em;
	line-height: 35px;
	border-bottom: 1px solid #8B0E04; /* was #f57f26 */
	font-weight: bold;
}

/** Content level2 end */

/** News inner container end */

/** Training container */
#page .faux-mid #training {
 	float: right;
 	width: 298px;
 	margin: 0px 6px 0px 0px;
 	padding: 0;
	background-color: #dcf2fc;
	background: transparent url('/images/general/faux-gradient.png') top left repeat-x;
	height: auto !important;
	min-height: 285px;
	height: 285px;
}

/** Training inner container */
#page .faux-mid #training .headline {
	padding: 14px 5px 10px 22px;
	font-size: 1.8em;
	color: #007fb5;
	letter-spacing: 1px;
}

#page .faux-mid #training .teaser-image {
	padding: 2px 5px 6px 11px;
	font-size: 1.8em;
	color: #007fb5;
}

#page .faux-mid #training .training-text {
	padding: 0;
	font-size: 1.1em;
}

#page .faux-mid #training .more-button {
	padding: 5px 0px 10px 0px;
	margin-left: 20px;
	margin-top: -4px;
	font-size: 1.1em;
	height: auto !important;
	background-image: url('/images/general/view-regions.png');
	background-repeat: no-repeat;
	display: block;
	width: 180px;
	height: 15px;
}

#page .faux-mid #training .more-button a {
	display: block;
	padding-left: 15px;
	width: 145px;
	height: 15px;
}

/** inner container end */
/** training box end
/** Inner faux boxes end */

#page .faux-bottom {
    margin-left: -7px;
    margin-top: 0;
	background: transparent url('/images/general/faux-bottom.png') top left no-repeat;
	width: 952px;
	height: 10px
}

/** End content */

/** Footer */
#footer {
	margin-top: 20px;
	width: 939px;
	padding: 0;
}

#footer .footer-top {
	height: 11px;
	width: 939px;
 	background: transparent url('/images/general/footer-top.png') top left no-repeat;
}

#footer .footer-mid {
	width: 939px;
	height: auto !important;
	min-height: 125px;
	height: 125px;
 	background: transparent url('/images/general/footer-mid.gif') top left repeat-y;
}

#footer .footer-mid #footer-inner-container {
	position: relative;
	padding: 0px 15px 15px 18px;
	height: auto !important;
	min-height: 20px;
	height: 20px;
}

#footer-logos {
	float: right;
	padding-top: 15px;
}

#footer-logos li {
	float: left;
	padding-left: 15px;
}

#footer-logos a {
	display: block;
	text-indent: -9999px;
	height: 82px;
}

#logo-acrrm a {
	background: url('/images/general/logo-acrrm.gif') no-repeat 0 50%;
	width: 55px;
}

#logo-agpt a {
	background: url('/images/general/logo-agpt.gif') no-repeat 0 50%;
	width: 86px;
}

#logo-racgp a {
	background: url('/images/general/logo-racgp.gif') no-repeat 0 50%;
	width: 75px;
}

#footer-top-navi {
   font-family: verdana, arial, serif;
   padding: 0;
   font-size: 1.2em;
   font-weight: bold;
}

#footer-top-navi ul  {
	border-right: 1px solid #dddddd;
	padding: 4px 0px 0px 0px;
}

#footer-top-navi ul li  {
	border-right: 1px solid #dddddd;
	float: left;
	padding: 0 6px;
}

#footer-top-navi ul li.first {
	padding-left: 0;
}

#footer-top-navi ul li.last {
	border-right: 0;
}

#footer-top-navi hr {
	color: #ededed;
	background-color: #ededed;
	border: none;
	height: 1px;
	line-height: 0;
	width: 785px;
	text-align: left;
	margin: 0 auto 0 0;
	margin-top: 4px;
}

#footer-top-navi a, #footer-top-navi a:link,#footer-top-navi a:visited {
	color: #8B0E04;
	text-decoration: none;
}

#footer-top-navi a:hover, #footer-top-navi a:active {
	color: #8B0E04;
	text-decoration: underline;
}

.spacer {
 	padding: 0px 0px 0px 0px;
 	color: #dddddd;
 	font-size: 1.2em;
}

.spacer2 {
 	padding: 0px 1px 0px 1px;
 	color: #999999;
 	font-size: 1.2em;
}

#footer #footer-body {
    color: #999999;
    font-size: 1.0em;
    padding-top: 20px;
}

#footer #footer-footer {
	margin-top: 8px;
	height: auto !important;
	min-height: 10px;
	height: 10px;
	color: #999999;
	font-family: verdana, arial, serif;
   	padding: 0;
   	font-size: 1.0em;
   	font-weight: normal;
}

#footer #footer-footer a, #footer #footer-footer a:link, #footer #footer-footer a:visited {
	color: #007fb5;
	text-decoration: underline;
}

#footer #footer-footer a:hover, #footer #footer-footer a:active {
	color: #007fb5;
	text-decoration: none;
}

#footer .footer-bottom {
	height: 11px;
	width: 939px;
 	background: transparent url('/images/general/footer-bottom.png') top left no-repeat;
}

/** Footer ends */

/** page end */