/* css file for a new CTE page concept*/
@import url("navbar.css");
@import url("links.css");

body{
	background: #fff;
	font-family: "trebuchet ms",helvetica,sans-serif;
}

#wrapper{
	width: 760px;
	background: #fff;
}

#content{
	width: 560px;
	height: auto;
	border-left: #74c700 1px solid;
	margin: 0 40px 0 10px;
	//margin-top: 7px; /* this corrects a positioning error in IE6 */
	//margin-left: 10px; /* this corrects a positioning error in IE6 */
	padding: 10px 40px 10px 40px;
	position: absolute;
	top: 75px;
	left: 140px;
}

#header{
	height: 68px;
	width: 760px;
	background: url(img/header-bg.jpg) repeat-x;
	/*// padding-top: 20px;  this corrects a positioning error in IE6 */
}

#header.image{
	float: left;
	position: absolute;
	bottom: 0px;
}

#sidebar{
	width: 120px;
	height: 100%;
	/* //height: 800px; this corrects a sizing error in IE6 */
	position: absolute;
	top: 85px;
	left: 0px;
	padding-top: 270px;
	padding-left: 15px;
	background: transparent;
}

#links{
	width: 100px;
	height: 200px;
	//margin-top: 10px; /* this corrects a positioning error in IE6 */
	//margin-left: 2px; /* Ditto */
	position: absolute;
	display: block;
	color: #74c700;
	top: 45px;
	left: 40px;
	background: transparent;
}

#linkbar{
	float: right;
	height: 68px;
	display: inline;
	margin: 0 0 0 0;
	//margin-top: 7px; /* this corrects a positioning error in IE6 */
	position: absolute;
	border-left: 2px #5e980a solid;
	top: 8px;
	left: 375px;
}

#footer{
	width: 760px;
	height: 50px;
	display: block;
	position: absolute bottom left;
	background: #74c700;
}

.question{
	border: 1px #74c700 solid;
	padding: 5px 20px 10px 20px;
	margin-bottom: 10px;
	width: 95%;
	height: 130px;
	font-size: .8em;
}

.question p{
	text-indent: 0;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: justify;
}

.question p b{
	text-indent: none;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

.question a{
	font-weight: 600;
	text-decoration: none;
	color: #528c00;
}

.question a:hover{
	text-decoration: underline;
	color: #cc0000;
}

.step{
	width: 95%;
	height: 300px;
	font-size: .8em;
}

.step p{
	text-indent: 0;
	width: 90%;
	margin-left: 5%;
	text-align: center;
}

.step img{
	border: 1px #74c700 solid;
	padding: 5px 0 10px 0;
	width: 90%;
	margin-left: 7%;
	margin-top: 1em;
}

.article{
	width: 80%;
	padding: 10px 10px 10px 10px;
	border: 1px #c7c700 solid;
	margin: 20px auto 10px auto;
}

.article a{
	font-size: 1.3em;
	font-weight: 600;
	text-decoration: none;
	color: #528c00;
}

.article a:hover{
	font-weight: 600;
	text-decoration: underline;
	color: #cc0000;
}

.article p{
	font-size: .9em;
}

.right{
	float: right;
	display: inline;
	text-align: center;
	font-size: .8em;
	text-indent: 1em;
	// text-indent: 1%; /* IE6 accomodation again */
	padding: 1em 0 0 0;
}

.left{
	float: left;
	display: inline;
	text-align: center;
	font-size: .8em;
	padding: 1em 0 1em 0;
}

hr{
	width: 95%;
	background-color: #c7c700;
	position: absolute left;
	height: 3px;
	margin: 20px 0 10px 0;
}

h1{
	font-variant: small-caps;
	font-weight: 100;
}

h2{

}

h3{
	border-bottom: #74c700 2px solid;
	width: 90%;
	text-align: right;
	color: #528c00;
}

#links h3{
	font-family: 'trebuchet ms',helvetica,sans-serif;
	font-size: 18px;
	line-height: 60%;
	//line-height: 80%;
	letter-spacing: .15em;
	margin:5px 0 10px 0;
	text-align: center;
	color: #528c00;
	border: none;

}

.article h3{
	font-family: 'trebuchet ms',helvetica,sans-serif;
	font-size: 18px;
	letter-spacing: .15em;
	margin:.5em 0 1em .5em;
	text-align: left;
	color: #528c00;
	border: none;
}

.article em{
	font-family: 'trebuchet ms',helvetica,sans-serif;
	letter-spacing: .05em;
	font-weight: 600;
	color: #9e9e00;
}

.article b{
	color: #9e9e00;
}

.article ul{
	font-size: .8em;
	font-weight: 500;
}

.article li b{
	color: #3f6c00;
}

p{
	text-align: justify;
	text-indent: 2em;
	font-size: 1em;
}

.small{
	text-align: left;
	text-indent: .5em;
	font-size: .8em;
}

.xsmall{
	font-size: .7em;
}

.xsmall a{
	font-weight: 600;
	text-decoration: none;
/*	color: #f00; */
	color: #528c00;
}

.xsmall a:hover{
	font-weight: 600;
	text-decoration: underline;
	color: #f70000;
}