/* CSS Document */
#content {}

.general {
 background: #ECECEC url(../images/block-back-white.jpg) no-repeat bottom right }

.block {
 text-align: center; 
 margin: 10px 0; 
 border: #ccc 1px solid; 
 padding-left: 10px; 
 padding-bottom: 10px }

.block img {
 background-color: #fff; 
 padding: 3px; 
 border: #ccc 1px solid; 
 margin-bottom: 15px }

.block-label {
 float: right; 
 color: #fff; 
 background-color: #999999; 
 padding: 1px 0; 
 width: 110px }

.block-label a, .block-label a:visited {
 background: none; 
 color: #fff; 
 border: none; 
 padding: 0; 
 font-family: Geneva, Arial, Helvetica, sans-serif }

.block-label a:hover {
 color: #996; 
 border: none }

.block .download-area {
 margin: 20px }

.block p {
 text-align: left; 
 margin: 10px; 
 margin-left: 0 }

.block h2 {
 text-align: left; 
 color: #666; 
 font-size: 1.2em; 
 margin: 10px 0 7px 0 }

.block h2.new {
 background: url(../images/videoicon.gif) no-repeat left; 
 padding-left: 35px }

#content a.download {
 font-size: 11px; 
 color: #555; 
 background: url(../images/button-download.gif) no-repeat left top; 
 border-right: #aaa 1px solid; 
 border-bottom: #aaa 1px solid; 
 padding: 5px 5px 4px 25px }

/* QUESTION BOX */
#question {
 width: 400px; 
 padding: 17px 0px 0px; 
 margin: 3px 0px 3px 3px; 
 background-color: #fff; 
 background-image: url(../images/qbg.gif); 
 background-repeat: no-repeat; 
 background-position: top }

#question p {
 color: #544C00; 
 margin: 0px 17px }

#question ul {
 margin: 0px 17px }

#question ol {
 margin: 0px 17px }

#question li {
 margin: 0px 17px; 
 color: #544c00 }

#question h2 {
color:#544C00;
margin:0px 17px 0px 17px;
line-height:1.4em;
}
#question #questionbottom {
 margin: 7px 0px 0px 0px; 
 height: 10px; 
 overflow: hidden; 
 font-size: 0px; 
 line-height: 0px; 
 background-color: transparent; 
 background-image: url(../images/qbg.gif); 
 background-repeat: no-repeat; 
 background-position: bottom }

p.hang {
	text-indent:-30px;
	margin-left:30px;
	font-family: Arial, Helvetica, sans-serif;
}
table {
border-collapse: collapse;
}
caption {
	padding-bottom: 5px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #d3d3d3;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px solid #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
}
tbody {
background-color: #D3D3D3;
}
th, td {
padding: 10px;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
th {
background: #BA5205;
color: #FFFFFF;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
.detinfo {
	background: #EAE1D1;
	width: 97%;
	padding: 5px;
	border: 1px solid #C6B89D;
	margin-bottom: 15px;
}

.detinfo2 {
 background: #FFFFFF url(../images/firebg.gif) no-repeat right bottom; 
 padding: 3px 8px 0px; 
 border: 1px solid #C9B488}

.detinfo h1 {
 margin-bottom: 0px }

.detinfo h1 a {
 color: #993333; 
 font-size: 16px; 
 margin-bottom: 0px; 
 text-decoration: none; 
 display: inline }

.detinfo h1 a:hover {
 text-decoration: underline }

.detinfo h2 {
 font-size: 12px; 
 margin-bottom: 0px }

.detinfo h2 a {
 color: #996666; 
 text-decoration: none }

.detinfo h2 a:hover {
 text-decoration: underline }

.detinfo a {
 color: #966 }
.imageborder {
	background-color: #DEDEDE;
	padding: 5px;
	border: 1px solid #ccc;
}
.underline {
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
.goldBox{
	margin: 0 0px 18px 0;
	padding: 0 0 0 18px;
	border: 1px solid #F8D53B;
	background: #FFEDB2;
}
h2.assessment {
	margin: 0;
	display: block;
	background: #F8D53B url(../images/assessmentbg.gif) repeat-x;
	color: #814803;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 18px;
}
/*Box Classes*/

.box{
	background: url(../images/background_boxbot.gif) bottom left;
	margin: 0 0 25px;
	width: 402px;
}

.box a{color: #222;text-decoration: none;}

.box a:hover{text-decoration: underline;}

.box h3{background: url(../images/background_boxtop.gif) top left;color: #333;font-weight: bold;padding: 7px 0 4px 10px;margin: 0;}

.box p{margin: 0;padding: 4px 8px 9px 11px;}

.box ul{margin: 0;padding: 4px 0 13px 0;}

.box li{
	background: url(../images/bullet_triangle.gif) no-repeat 1px 0.5em;
	list-style-type: none;
	margin: 0 5px 0 0;
	padding: 0 0 0 15px;
}
.box li a{
	color: #D04119;

}
.box li a:hover{
	color: #000000;
	text-decoration: none;

}
.hottopics {
	padding: 0px 20px 0px 120px;
	border: 1px solid #FFAB11;
	margin-bottom: 10px;
	background-image: url(../images/hottopicsicon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #fff9cb;
}
#column420 .hottopics p{
	color: #97420F;
	font-weight: bold;
	font-size: 13px;
	font-style: italic;
}
#hotbox {
	background: url(../images/hottopics.gif) no-repeat;
	width: 170px;
	height: 457px;
	padding: 8px;
	margin: 0;
	float: left;
}
/*
*html #hotbox { /* Tan hack for IE 
	width: 166px;
	w\idth: 166px;
	he\ight: 457px;
}*/

#hotbox h4 {
	padding: .5em 0 0;
	color: #444;
	font-style: normal;
	line-height: normal;
	text-align: center;
}

#hotbox h4 a:link, #linkbox h4 a:visited, #linkbox h4 a:active {
	color: #444;
}

#hotbox h6 {
	line-height: 1.2em;
	color: #444;
	width: 120px;
}

#hotbox p {
	color: #444;
	line-height: 15px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 5px;
}

#hotbox ul {
	margin: 5px 0;
}
/***************

Hottopics

***************/

#hottopics {

	background:#EFF7FC url(imagens/bottomcaihome.gif) no-repeat bottom right;

	margin-bottom:0px;

	width:533px;

	text-align:center;

	padding:0px 0px 15px 0px;

}



#hottopics h2 {

	margin:0px;

	color:black;

	padding:15px 13px 0px 25px;

	text-align:left;

	background:url(imagens/topcaihome.gif) no-repeat top left;

	font:130% Trebuchet Ms, Arial, Tahoma, Sans-Serif;

	color:#333;

}



#hottopics p {

	margin:10px 0px 0px;

	color:#333333;

	font:90% Verdana, arial, Sans-Serif;

	padding:0px 13px 40px 25px;

	text-align:left;

}



#hottopics small {

	font:70% Verdana;

	color:#333333;

}


#hottopics img.freteimg {

	float:left;

}



#hottopics div#freteimg a.saiba, #hottopics div#freteimg a.comece {

	width:156px;

	height:30px;

	text-decoration:none;

	float:left;

	margin:60px 0px 0px;

}



#hottopics div#freteimg a.saiba {

	margin-right:70px;

}