@charset "UTF-8";
/* CSS Document */

table, tr, td, input, textarea {
	font-family: Verdana;
	font-size: 10px;
	
}

#wrapper_video{
	text-align: center;
	/*padding-left: 22px;*/
}

#wrapper_video2{
	text-align: center;
	/*padding-left: 22px;*/
}

fieldset
{
border: 1px solid #FFFFFF;
width: 200px;
}

legend
{
color: #fff;
background: #FFF;
border: 1px solid #fff;
padding: 0px;
} 

.bc {
	border-color:#ffffff;
}

/** Link Styles **/
a {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: underline;
}

/** Business Center **/
#businessCenter {
	display: block;
	padding: 0px 0px 5px 0px;
}

a.businessCenter {
   
	display: block;

    width: 235px;

    height: 24px;

    background-image: url("../images/busCenterImage.jpg");
}

a.businessCenter:hover {
 
    background-image: url("../images/busCenterImage_over.jpg");

}



/** BigHeaderBoxes **/
h1 {
	height: 29px;
	display: block;
	font-size: 16px;
	border-bottom: 1px solid #e5e5e5;
	background-color: #FFFFFF;
	padding: 10px 0px 0px 10px;
	margin: 0px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	height:19px;
}
html>body h1 {
  	height:19px;
}

h1.on235 {
	background-image: url(images/triangle.gif);
	background-repeat: no-repeat;
	background-position: 175px 10px;
}

/** Header Tags **/
h2 {
	font-size: 16px;
	font-weight: normal;	color: #333333;
	padding: 0px;
	margin: 0px 0px 8px 0px;
}
h3 {
	color: #323232;
	font-size: 10px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	line-height: 15px;
	padding: 0px;
}

.tableHeader {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	line-height: 12px;
	padding: 0px;
}
.tableHeaderIndent {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	margin-left:10px;
	line-height: 12px;
	padding: 0px;
}
.tinyText {
	font:Verdana;
	font-size:9px;
	color:#666666;
	line-height:10px;
	margin: 0px 0px 0px 0px;
}
.sitemapIndent {
	font:Verdana;
	font-size:9px;
	color:#666666;
	line-height:15px;
	margin: 0px 0px 0px 20px;
}


/**
input, textarea {
	width: 230px;
	border: 1px inset #e5e5e5;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:220px;
}
html>body input, textarea {
  	width:230px;
}
input.half, textarea.half {
	width: 175px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:164px;
}
html>body input.half, textarea.half {
  	width:164px;
}
#error {
	padding: 5px 7px 5px 7px;
	color: #cc0066;
	display: block;
}
**/

/** Different Heights for different Pages **/
.w190 {
	width:190px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:180px;
}

html>body .on190 {
  	width:180px;
}
.w235 {
	width:235px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:225px;
}

.w940 {
	width:940px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:930px;
}
	
html>body .on235 {
  	width:225px;
}
.w700 {
	width: 700px;
	margin: 0px 5px 0px 0px;
}
.w505 {
	width: 505px;
	margin: 0px 5px 0px 0px;
}
.w190 {
	width: 190px;
	margin: 0px 5px 0px 0px;
}
.w345 {
	width: 345px;
}
.w350 {
	width: 350px;
}
.w320 {
	width: 320px;
	margin: 0px 5px 0px 0px;
}
.w230 {
	width: 230px;
}
.w220 {
	width: 220px;
}
.w200 {
	width: 200px;
}
.w375 {
	width: 375px;
}
.h119 {
	height: 119px;
}
.h160 {
	height: 160px;
}
.h200 {
	height: 200px;
}
.h209 {
	height: 209px;
}
.h208 {
	height: 208px;
}
.h230 {
	height: 230px;
}
.h250 {
	height: 250px;
}
.h285 {
	height: 285px;
}
.h290 {
	height: 290px;
}
.h389 {
	height: 389px;
}
.h540 {
	height: 540px;
}
.h505 {
	height: 505px;
}
.h644 {
	height: 644px;
}
.h670 {
	height: 670px;
}
.h490 {
	height: 490px;
}
.h416 {
	height: 416px;
}
.h474 {
	height: 474px;
}
.h840 {
	height: 840px;
}
.h899 {
	height: 899px;
}
.h930 {
	height: 930px;
}
.h944 {
	height: 944px;
}
.h949 {
	height: 949px;
}
.h795 {
	height: 795px;
}
.h630 {
	height: 630px;
}
.h1095 {
	height: 1095px;
}
.h1405 {
	height: 1405px;
}
.h1410 {
	height: 1410px;
}
.h1435 {
	height: 1435px;
}
.h1690 {
	height: 1690px;
}
.h1154 {
	height: 1154px;
}
.h1150 {
	height: 1150px;
}
.h1204 {
	height: 1204px;
}
.h355 {
	height: 356px;	
}
.h1000 {
	height:1000px;
}
.h1945 {
	height:1945px;
}
.h1966 {
	height:1966px;
}
.h2148 {
	height:2148px;
}
.h2200 {
	height:2200px;
}
.h2403 {
	height:2403px;
}
.h2303 {
	height:2403px;
}
.h2558 {
	height:2558px;
}
.h2693 {
	height:2693px;
}
.h2948 {
	height:2948px;
}
.h3948 {
	height:3948px;
}
.h2958 {
	height:2958px;
}
.h3758 {
	height:3758px;
}
.h5558 {
	height:5558px;
}
.h5958 {
	height:5958px;
}
.h2303 {
	height:2303px;
}
.h2448 {
	height:2448px;
}
.h2703 {
	height:2703px;
}
.h3248 {
	height:3248px;
}
.h3503 {
	height:3503px;
}
.h4248 {
	height:4248px;
}
.h4503 {
	height:4503px;
}
.h5003 {
	height:5003px;
}
.h5303 {
	height:5303px;
}
.h5703 {
	height:5703px;
}
.h9445 {
	height:9445px;
}
.h9745 {
	height:9745px;
}
.h10000 {
	height:10000px;
}
.h10745 {
	height:10745px;
}
.h11000 {
	height:11000px;
}
.h14745 {
	height:14745px;
}
.h15000 {
	height:15000px;
}
.h19745 {
	height:19745px;
}
.h20000 {
	height:20000px;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.ml10 {
	margin-left: 10px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mt10 {
	margin-top: 10px;
}


/** Different Submenu Heights **/
.h279 {
	height: 279px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	height:268px;
}
html>body h279 {
  	height:268px;
}
.h461 {
	height: 473px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	height:447px;
}
html>body h461 {
  	height:447px;
}
.h559 {
	height: 547px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	height:547px;
}
html>body h559 {
  	height:545px;
}
.h225 {
	height: 225px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	height:203px;
}
html>body h225 {
  	height:203px;
}

/** Content Styles **/
.bg {
	background-color: #FFFFFF;
	color: #666666;
	line-height: 12px;
}
.bgimage {
line-height: 12px;
background-image:url(../images/diagonal.gif);
}
.bg hover {
background-position:-230px;
	background-image:url(../images/boxbghover.gif);
}
.padding {
	padding: 10px 10px 0px 10px;
	background:#FFFFFF;
}
.padding2 {
	padding: 0px 10px 0px 10px;
	background:#FFFFFF;
}
.new {
	color: #ca0064;
}
.bg a:hover {
	color: #ca0083;	
}

/** Work Teaser Boxes **/
a.more {
	background-image: url(../images/more.gif);
	background-repeat: no-repeat;
	display: block;
	width: 37px;
	height: 10px;
}
a.more:hover {
	background-image: url(../images/more_over.gif);
}
.box {
	padding: 0px 10px 0px 10px;
	height: 220px;
	display: block;
}
.widebox {
	padding: 0px 10px 0px 10px;
	height: 220px;
	display: block;
}
.trainingbox {
	padding: 0px 10px 0px 10px;
	height: 160px;
	display: block;
}
.singleitembox {
	padding: 0px 10px 0px 10px;
	height: 100px;
	display: block;
}
.boxCharity {
	padding: 0px 10px 0px 0px;
	height: 280px;
	display: block;
}
.boxPopUp {
	padding: 10px 10px 0px 10px;
	height: 350px;
	display: block;
}
.boxPopUpLarge {
	padding: 10px 10px 0px 10px;
	height: 700px;
	display: block;
}
.boxPopUpLarger {
	padding: 10px 10px 0px 10px;
	height: 1000px;
	display: block;
}
.boxRightColumn {
	padding: 0px 0px 0px 0px;
	height: 250px;
	display: block;
}
a.box {
	width:230px;
	height: 220px;
	display: block;
	background:no-repeat;
	background-image:url(../images/boxbg.gif);
}
a.box:hover {
background-position:-230px;
	background-image:url(../images/boxbghover.gif);
}
.box h3 {
	margin: 0px 0px 4px 0px;
}
.box a.more {
	display: block;
	position: relative;
	left: 175px;
	top: 205px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	left:175px;
  	top:205px;
}
html>body .box a.more {
  	left:175px;
  	top:205px;
}

.widebox a.more {
	display: block;
	position: relative;
	left: 285px;
	top: 205px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	left:285px;
  	top:205px;
}
html>body .widebox a.more {
  	left:285px;
  	top:205px;
}

.trainingbox a.more {
	display: block;
	position: relative;
	left: 150px;
	top: 150px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	left:150px;
  	top:150px;
}
html>body .trainingbox a.more {
  	left:150px;
  	top:150px;
}

/** Tiny Teaser Boxes **/
.tinybox {
	padding: 10px 10px 0px 10px;
	height: 54px;
	display: block;
	background-color: #FFFFFF;
}
.tinybox h3 {
	margin: 0px 0px 0px 0px;
	word-spacing: -1.0px;
}
.tinybox a.more {
	margin: 3px 0px 0px 172px;
}

/** Tiny Teaser Boxes small right column **/
.tinyboxsmall {
	padding: 0px 0px 0px 0px;
	display: block;
	background-color: #FFFFFF;
}
.tinyboxsmall h3 {
	margin: 0px 0px 0px 0px;
	word-spacing: -1.0px;
}
.tinyboxsmall a.more {
	margin: 3px 0px 0px 130px;
}


/** Tiny Box for Publications (they are a bit taller than the normal tiny boxes) **/
.publication {
	height: 110px;
}
.publication a.more, a.buy_publisher, a.buy_amazon {
	margin: 5px 0px 0px 61px;
}

/** Large Work Box (full width) **/
.largebox {
	padding: 10px 10px 0px 10px;
	height: 110px;
	margin-bottom: 10px;
	line-height: 15px;
	background-color: #FFFFFF;
	display: block;
}
.largeboxexpand {
	padding: 10px 10px 0px 10px;
	margin-bottom: 10px;
	line-height: 15px;
	background-color: #FFFFFF;
	display: block;
}
.largeboxexpandtext {
	padding: 10px 10px 0px 10px;
	margin-bottom: 10px;
	line-height: 15px;
	background-color: #FFFFFF;
	display: block;
	font-family:verdana;
	font-size:10px;
	color:#666666;
}
hr {
	height: 1px;
	line-height: 1px;
	border: none;
	border-top: 1px solid #e5e5e5;
	margin: 0px 0px 10px 0px;
	display: block; 	
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	margin: 0px 0px 5px 0px;
}
html>body hr {
  	margin: 0px 0px 10px 0px;
}
.largebox h3 {
	margin: 0px 0px 0px 0px;
}
.largebox .description {
	margin: 0px 0px 10px 120px;
	display: block;
	color: #666666;
}
.largebox a.more, .largebox a.buy_amazon, .largebox a.buy_publisher, .largebox a.download {
	margin: 5px 0px 0px 0px;
}
.largebox a.more2 {
	margin: 5px 0px 0px 220px;
}

/** ImageBorder **/
img.border {
	padding: 4px;
	border: 1px solid #cbcdcc;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	padding:4px;
}
.border {
	border: 1px solid #666;
}
html>body img.border {
  	padding: 4px;
}
img.support {
	margin: 0px 4px 14px 0px;
}

/** Contact Styles **/
.contactLeftColumn {
	width: 119px;
	height: 530px;
	float: left;
}

/** Grey shade make you look better **/
#footer {
	display: block;
	width: 970px;
	clear: both;
	height: 40px;
	margin: 5px auto 0px auto;
}
#cbfooter {
	display: block;
	width: 970px;
	clear: both;
	height: 45px;
	margin: 5px auto 5px auto;
}
.cbgrey {
	background-color: #ffffff;
	margin: 0px 0px 5px 0px;
	height: 45px;
	display: block;
	clear: both;
	font:Verdana;
	font-size:9px;
	color:#666666;
	padding-top:5px;
}
.grey {
	background-color: #f5f5f5;
	margin: 0px 0px 5px 0px;
	height: 15px;
	display: block;
	clear: both;
	font:Verdana;
	font-size:9px;
	color:#666666;
	padding-top:5px;
}

.greyf {
	background-color: #f5f5f5;
	margin: 0px 0px 5px 0px;
	height: 15px;
	display: block;
	clear: both;
	font:Verdana;
	font-size:9px;
	color:#666666;
	line-height:10px;
	padding-top:5px;
}
.footerText {
	font:Verdana;
	font-size:9px;
	color:#666666;
	height:15px;
	margin: 0px 0px 10px 0px;
}

.captionText {
	font:Verdana;
	font-size:9px;
	color:#333333;
	line-height:15px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
}


/** Flash **/
.flash {
	width: 700px;
	height: 402px;
	margin: 0px 0px 5px 0px;
	background-color: #ffffff;
}
#flashcontent {
	width: 700px;
	height: 402px;
	margin: 0px 0px 5px 0px;
	background-color: #ffffff;
}

.flashDetail {
	width: 700px;
	height: 610px;
	margin: 0px 0px 5px 0px;
	background-color: #ffffff;
}

/** Intensive Header **/
.intensiveHeader {
	width:700px;
	height:102px;
	margin: 0px 0px 5px 0px;
	background-color:#FFFFFF;
}

/** Slideshow **/

#feature_wrapper {
	width: 700px;
	height: 402px;
	margin: 0px 0px 5px 0px;
	background-color: #ffffff;
	}
ul#feature_nav {
	background: url(../images/featured-nav-back.png) repeat; 
	clear: both;
	float: left;
	height: 362px;
	width: 79px;
	padding: 17px 10px 13px 15px;
	margin: 0;
	position: relative;
	left: 0px;
	margin-left:5px;
	margin-top: -401px;
	z-index: 999;
	}
	ul#feature_nav li {
		clear: both;
		border-bottom: 0;
		border-top: 0;
		display: block;
		width: 60px;
		padding: 5px;
		margin: 0;
		list-style: none;
		z-index: 999;
		}
			
	ul#feature_nav li a {
		color: #777988;
		display: block;
		float: left;
		font: bold 11px Verdana, sans-serif;
		height: 60px;
		margin-bottom: 8px;
		padding: 0;
		text-align: center;
		width: 100%;
		}
		ul#feature_nav li a.active {
			color: #3375a7;
			}
			
		ul#feature_nav li a img {
			border: 1px solid #000;
			}
			
		ul#feature_nav li a.active img {
			border: 1px solid #1ea6bd;
			}
ul#features {
	clear: left;
	float: left;
	height: 406px;
	list-style-type: none;
	overflow: hidden;
	position: relative;
	width: 700px;
	margin: 0;
	padding: 0;
	}
	ul#features li {
		display: block;
		float: left;
		height: 406px;
		position: absolute;
		top: 0;
		width: 700px;
		padding: 0;
		margin: 0;
		}
		ul#features li#f1 { left: 5px; top:5px; z-index: 1; }
		ul#features li#f2 { left: 695px; margin-left:5px; top:5px; z-index: 2; }
		ul#features li#f3 { left: 695px; margin-left:5px; top:5px; z-index: 3; }
		ul#features li#f4 { left: 695px; margin-left:5px; top:5px; z-index: 4; }
		ul#features li#f5 { left: 695px; margin-left:5px; top:5px; z-index: 5; }
		
		ul#features li img {
			position: absolute;
			top: 0;
			left: 0;
			}
		
	ul#features li div.wrap {
		background: #fff;
		clear: left;
		float: left;
		height: 406px;
		padding: 0 20px;
		width: 700px;
		}
	ul#features li .meta {
		background: #f7f7f7;
		display: block;
		float: left;
		margin: 1.2em 0.8em 0 0;
		padding: 0;
		width: 700px;
		}
		ul#features li .meta h5 {
			margin: 0.3em 1em;
			}
		ul#features li .meta img {
			padding: 0;
			}
	ul#features li h1 {
		line-height: normal;
		margin: 0.4em 0 0.3em 0;
		}
		ul#features li h1 a {
			color: #e5420b;
			}
		ul#features li h1 a:hover {
			color: #ff7800;
			}
	ul#features li p {
		font: normal 1.6em Arial, Helvetica, sans-serif;
		}
		
	ul#features li div.feature-desc {
		background: url(../images/featured-nav-back.png) repeat;
		color: #fff;
		font-size: 1.1em;
		padding: 12px 40px 10px 12px;
		position: absolute;
		left: 135px;
		top: 275px;
		width: 503px;
		z-index: 1000;
		}
		ul#features li div.feature-desc a h2 {
			color: #eaeaea;
			font-size: 2.2em;
			margin: 0;
			margin-bottom: 4px;
			text-decoration: none;
			}
			
			ul#features li div.feature-desc a h2:hover {
				color: #ff9900;
				}
			
		ul#features li div.feature-desc p {
			font-size: 1.1em;
			line-height: 16px;
			margin: 0;
			padding: 0;
			}
			
			ul#features li div.feature-desc p a {
				color: #ff9900;
				}
				
			ul#features li div.feature-desc p a:hover {
				color: #ffffff;
				}
				
				
				
	ul#features li div.feature-desc2 {
		background: url(../images/featured-nav-back.png) repeat;
		color: #fff;
		font-size: 1.1em;
		padding: 12px 40px 10px 12px;
		position: absolute;
		left: 135px;
		top: 250px;
		width: 503px;
		z-index: 1000;
		}
		ul#features li div.feature-desc2 a h2 {
			color: #eaeaea;
			font-size: 2.2em;
			margin: 0;
			margin-bottom: 4px;
			text-decoration: none;
			}
			
			ul#features li div.feature-desc2 a h2:hover {
				color: #ff9900;
				}
			
		ul#features li div.feature-desc2 p {
			font-size: 1.1em;
			line-height: 16px;
			margin: 0;
			padding: 0;
			}
			
			ul#features li div.feature-desc2 p a {
				color: #ff9900;
				}
				
			ul#features li div.feature-desc p a:hover {
				color: #ffffff;
				}