html, body, * {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333333; 
	font-size:12px;
}		

body {
	height:auto;
}

#main-body {
	position:absolute;
	width:100%;
	min-width:1000px;
}

img {
	border-style:none;
}

h1 {
	font-size:26px;
	font-weight:normal;
	margin:10px 0px 15px 0px;
}

h2 {
	font-size:20px;
	font-weight:normal;	
	line-height:20px;
	text-decoration:underline;
}

h3 {
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	margin-top:15px;
	line-height:normal;
}

h3 a {
	font-size:14px;
	font-weight:bold;	
}

hr {
	color:#CCCCCC;
	margin:3px 0px 3px 0px;
	border-width:1px;
	border-style:inset;
}

div {
	border-width:0px;
	border-style:solid;
	border-color:#424242;
} 

a { 
	outline:none;
	color:#ff9007;
}

a:hover {
	color:#4c9873;
}


#page-body  {
	padding:0px 206px 0px 220px;
	margin-top:192px;
	height:100%;
	min-height:593px;
}

#page-body .column {
	position: relative;
	float: left;
}

#page-body .column>.inner {
	padding:10px;
}

#page-body #content>.inner p {

}

#content  {
	width: 100%;
	height: 100%;
	position:relative;
	overflow:hidden;
	float:right;
	border-left:0px solid #CCC;
	border-right:0px solid #CCC;
}

	#content p {
		line-height:16px;
	}
	

/*--- LEFT COLUMN - NAVIGATION PANEL ---*/
#left-col {
	width: 205px;
	right: 210px;
	margin-left:-100%;
	z-index:20;
	position:absolute;
	background-color: #FFF;
}
	
	#left-col .navbar-header {
		height:40px;
		width:178px;
		border:1px solid #ACACAC;
		text-align:right;
	}
	#left-col .navbar-header a {
		font-size:9px;
		font-weight:bold;
		font-style:italic;
		text-decoration:none;
		display:block;
	}
	
	#left-col .navbar-header.top {
		background:#e6d68b url(../images/question.png) no-repeat;
	}
	#left-col .navbar-header.top a {
		color:#28586e;
	}
	
	#left-col .navbar-header.bottom {
		background:#ff9203 url(../images/panic.png) no-repeat;
	}
	#left-col .navbar-header.bottom a {
		color:#40505f;
	}	
	#left-col .navbar-body {
		width:178px;
		border:1px solid #ACACAC;
		border-bottom-style:none;
	}
	#left-col .navbar-icons {
		border-style:none;
		text-align:center;
	}
	#left-col .navbar-icons p{
		margin-bottom:17px;
	}
	
	#left-col img {
		margin:0px;
		padding:0px;
		border-style:none;
	}
	#left-col ul {
		width:178px;
		list-style:none;
		text-align:center;
	}
	#left-col ul li {
		padding:0px;
		margin:0px;
		border-bottom:1px solid #ACACAC;
	}
	#left-col ul li a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		display:block;
		background:#FFF;
		vertical-align:baseline;
		text-decoration:none;
		line-height:20px;
	}

	#left-col ul li a:hover {
		background-color:#EFEFEF;
	}

/*--- /LEFT COLUMN - NAVIGATION PANEL ---*/


#right-col {
	width: 205px;
	margin-right: -100%;
	z-index:10;
	position:relative;
	left:1px;
	padding:0px;
	background-color:#FFF;
	text-align:center;
	font-size:11px;
	font-family:Arial;
}
	
	#right-col p {
		padding:10px;
	}
	
	#right-col .navbar-sep {
		width:178px;
		border:1px solid #28586e;
		background:#28586e;
		color:#FFFFFF;
		height:16px;
		font-weight:bold;
		font-size:12px;
		padding-top:6px;
	}
	#right-col .navbar-body {
		width:178px;
		border:1px solid #28586e;
		border-top-style:none;
		border-bottom-style:none;
		padding-top:5px;
	}
	#right-col .navbar-body div {
		padding-bottom:10px;
	}
	#right-col .navbar-footer {
		width:178px;
		border-bottom:1px solid #28586e;
		height:0px;
	}
	
	#right-col ul {
		width:178px;
		list-style:none;
		text-align:center;
	}
	#right-col ul li {
		padding:4px 2px 4px 2px;
		margin:0px;
		border-bottom:1px solid #ACACAC;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
	}

	#right-col a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		background:#FFF;
		vertical-align:baseline;
		text-decoration:none;
		line-height:20px;
	}

	#right-col ul li a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		display:block;
		background:#FFF;
		vertical-align:baseline;
		text-decoration:none;
		line-height:20px;
	}

	
	

#header {
	position:absolute;
	top:0px;
	left:-1px;
	width:100%;
	background:url(../images/header-bg-repeat.jpg);
	background-color:#FFF;
	border:none 1px #f00;
	min-width:1000px;
}
	#header p{
		position:absolute;
		left:15px; top:122px;
		margin:0;
		font:italic normal 500 18px arial;
		color:#374344;
	}

	#header-left {
		float:left;
		width:33%;
	}	#header-left a{
			display:block;
			width:286px; height:124px;
		}
		#header-left a img{
			border-width:0px;
		}		
	#header-mid {
		float:left;
		width:30%;
		margin-top:68px;
		text-align:center;
	}
	#header-right {
		text-align:right;
		float:right;
	}

#footer {
	width:100%;
	height:98px;
	bottom:0px;
	border-width:0px;
	padding-bottom:10px;
	background-color:#DDD;
	color:#666;
	min-width:1000px;
	clear: both;
}

	#footer div {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
	}

	#footer a {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#333;
		text-decoration:none;
	}
	#footer a:hover {
		color:#28586e;
		text-decoration:underline;
	}

	#footer .left-side {
		padding-left:10px;
		float:left;
	}
	
	#footer .top-side {	
		border-top:1px solid #dcdcdc;
		color:#333;
		padding:10px;
		text-align:center;
		margin-bottom:5px;
		padding-bottom:5px;
		background-color:#FFF;
	}	#footer .top-side div {
			font-weight:bold;
			padding:0px;
			margin:0px;
		}	#footer .top-side div a {
				color:#ff9007;
				font-weight:bold;
			}
	
	#footer .right-side {
		padding-right:10px;
		float:right;
		text-align:right;
	}


.largefont {
	font-size:20px;
}
.mediumfont {
	font-size:14px;
}
.normalfont {
	font-size:11px;
}
.smallfont {
	font-size:10px;
}


div.par {
	clear:both;
	margin-top:20px;
	padding:10px;
}

.ad {
	text-align:center;
}

div.par p {
	padding:10px 10px 10px 10px;
}
div.par div a{
	text-decoration:none;
	font-weight:bold;
}
div.par div ol{
	text-indent:0px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
}	div.par div ol li{
		line-height:18px;
	}

div.par div ul{
	text-indent:0px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
}
div.par div ul li{
	list-style-type:square;
	line-height:18px;
}

div.par div ul ul li{
	list-style-type:circle;
}

div.product {
	width:auto;
	margin-top:14px;
}

div.pro_inner {
	float:left;
	margin-left:50px;
	text-align:center;
}

div.pro_inner div {
	float:left;
	padding-bottom:10px;
}

div.product a.pro-link {
	margin:20px 0px 0px 30px;
	display:block;
	font-weight:bold;
}

div.product a.pro-actions {
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#36567c;
	display:block;
	margin-left:30px;
	width:70px;
	padding-left:27px;
	padding-top:10px;
	text-align:center;
	height:21px;
}

div.product a:hover.pro-actions {
	color:#4c9873;
}


.buynow {
	background-image:url(../images/btn-buynow.gif);
}
.moreinfo {
	background-image:url(../images/btn-moreinfo.gif);
}


div.clean {
	clear:both;
}

div.line{
	clear:both;
	border-bottom:1px inset #424242;
}

#page-links {
	width:95%;
	clear:both;
	position:absolute;
	top:15px;
	height:20px;
	padding-left:15px;
	text-align:right;
	border-bottom:1px solid #ececec;
}

#page-links a{
	font-weight:bold;
	text-decoration:none;
}

#page-links a:hover{
}

.body {
	margin-top:30px;
}

p.notice {
	margin:20px;
	background-color:#ECECEC;
	color:#cc0000;
	font-size:12px;
	font-weight:bold;
}

p.quote {
	margin:20px;
	border:1px outset #000000;
	background-color:#F3F3F3;
	color:#000000;
	font-size:12px;
	font-style:italic;
}	p.quote span {
		padding-bottom:8px;
		display:block;
		font-style:normal;
		font-size:13px;
		font-weight:bold;
	}

div.quote {
	margin:20px;
	margin-left:10px;
	border:1px outset #000000;
	background-color:#F3F3F3;
	color:#000000;
	font-size:12px;
	font-style:italic;
}	div.quote span {
		padding-bottom:8px;
		display:block;
		font-style:normal;
		font-size:13px;
		font-weight:bold;
		color:#000;
	}

p.announce {
	margin:20px;
	border:1px solid #DEDEDE;
	background-color:#FCFCFC;
	color:#333366;
	font-size:12px;
}	p.announce strong{
		color:#333366;
		font-size:12px;
	}

div.announce {
	clear:both;
	margin:20px;
	border:1px solid #DEDEDE;
	background-color:#FCFCFC;
	color:#333366;
	font-size:12px;
}

span.formula {
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	border:1px outset #DEDEDE;
	background-color:#F3F3F3;
	color:#000000;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	font-weight:bold;
}

p.formula {
	margin:20px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	border:1px outset #DEDEDE;
	background-color:#F3F3F3;
	color:#000000;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	font-weight:bold;
}

pre.vba-code {
	margin:20px;
	padding:10px;
	border:1px solid #DEDEDE;
	background-color:#FCFCFC;
	color:#000;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;

	overflow: auto;
	line-height: 15px;
	display: block;
	/*max-height: 300px;*/
	
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
} 
pre.vba-code.dos-prompt {
	padding-top:25px;
	padding-left:2px;
	background-image:url(../images/misc/dos-box.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	color:#efefef;
	width:487px;
	border-bottom-width:4px;
	border-bottom-color:#d4d0c8;
	border-bottom-style:double;
}

span.vba-code {
	font-family:"Courier New", Courier, monospace;
	font-style:normal;
	font-weight:bold;
	color:#000066;
}

/* Table Look DIV elements*/
.cols {
	margin-top:20px;
	text-align:center;
}
.cols a {
	color:#28586e;
	font-size:14px;
	text-decoration:underline;
}

.cols a:hover {
	color:#4c9873;
	text-decoration:underline;
}


.cols ul {
	text-align:left;
	margin:10px 0px 0px 40px;
	list-style: none;
}

.cols ul li {
	color:#FF9007;
	line-height:16px;
	list-style-type:disc;
}

.cols ul li a {
	font-weight:normal;
	color:#FF9007;
	font-size:12px;
	text-decoration:none;
}

.cols ul li a:hover {
	color:#4c9873;
	text-decoration:underline;
}

.cols div{ 
	border:1px outset #28586e;
	float:left;
	padding-top:10px;
}

.cols>.col-left {}
.cols>.col-mid {border-left-width:0px;}
.cols>.col-right {border-left-width:0px;}
.cols2 div{ width:45%;min-height:160px;}
.cols3 div{ width:32%;min-height:160px;}
.cols4 div{ width:23%;}
.cols5 div{ width:18%;}
/**/


span.caption {
	font-weight:bold;
}

label {
	font-size:12px;
	line-height:30px;
	cursor:pointer;
}

textarea {
	border:1px solid #CCCCCC;
	padding:4px;
	width:97%;
}

fieldset {
	padding:20px;
	margin-top:10px;
	background-color:#FAFAFA;
}

input.btn {
	border:1px outset #F9F9F9;
	padding:5px 15px 5px 15px;
	background-color:#F9F9F9;
}

input.txt {
	border:1px outset #F9F9F9;
	padding:4px;
}

div.image-left{
	clear:both;
}	div.image-left img {
		float:left;
		margin:10px 30px 10px 10px;
	}
	div.image-left ul {
		
	}

div.image-right{
	clear:both;
}	div.image-right img {
		float:right;
		margin:10px 10px 10px 30px;
	}
	div.image-right ul {
	}

div.image-left-inner div{
	float:left;
}

div.image-right-inner div{
	float:right;
}

div.image-center{
	clear:both;
}	div.image-center div {
		text-align:center;
		margin-top:10px;
		margin-bottom:10px;
	}

div.content-right{
	clear:both;
}	div.content-right div {
		float:right;
		margin:10px 10px 10px 30px;
	}
	
div.clear {
	clear:both;
}


/* TIP LIST*/
div.tiplist ul {

}	div.tiplist ul li {
		margin-left:40px;
	}	div.tiplist ul li a {
			margin-left:10px;
			font-weight:bold;
		}
		div.tiplist ul li.mrexcel {
			list-style:url(../images/tips/list-icons/mrexcel.jpg);
		}
		div.tiplist ul li.chip {
			list-style-image:url(../images/tips/list-icons/chip.jpg);
		}
		div.tiplist ul li.jwalk {
			list-style-image:url(../images/tips/list-icons/jwalk.jpg);
		}
		div.tiplist ul li.techtv {
			list-style-image:url(../images/tips/list-icons/techtv.jpg);
		}
		div.tiplist ul li.ivan {
			list-style-image:url(../images/tips/list-icons/ivan.jpg);
		}
		div.tiplist ul li.misc {
			list-style-image:url(../images/tips/list-icons/misc.jpg);
		}


div.training-video {
	margin-left:20px;
	height:512px;
	width:590px;
	padding:10px;
	padding-bottom:20px;
	border-width:1px;
	background-color:#ECECEC;
}	div.training-video span {
		font-size:10px;
	}

