/* Style sheet for jgverne.cmact.com */

/* Font style */
	
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 3px;
	background-color: #FFF;
}

div, p, th, td, span {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
}

body div {
	font-size: x-small;
}

body p, body th, body td, body span
{
	font-size: 110%;
}

p {
	margin: 10px 0 0 0;
}

/* Link Style */

a  {
	color: #4F738F;
	text-decoration: none;
}

a:hover  {
	color: #036;
	text-decoration: underline;
}

sup {
	color: #00F;
	font-size: 90%;
	line-height: normal;
	text-decoration: none;
	vertical-align: super;
}

/* Content */
h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #003060;
	padding: 2px;
	background-color: #F2F5FA;
	border: 1px solid #A3B3C0;
	text-align: center;
}

h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #003060;
	padding-bottom: 2px;
	text-align: center;
}

h3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;	
	color: #003060;
	padding-bottom: 2px;
}

h4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #003060;
	padding-bottom: 2px;
}

h6 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	padding-bottom: 2px;
	text-align: center;
}

ul, .sb_content ul {
	margin-top: 0;
	padding-left: 8px;
	margin-bottom: 0;
	margin-left: 8px;
}

li, ul li {
	font-size: 110%;
	margin: 2px 0 0;
	list-style-type: circle;
}

.subtitle {
	font-size: 110%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 2px;
	text-align: left;
}

#contentholder {
	padding: 0;
	color: #000;
	background-color: #FFF;
}

q, blockquote {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	quotes: '"' '"' "'" "'" ;
}

q:before {
	content: open-quote;
}

q:after {
	content: close-quote;
}

/* Header style */

#header {
}

.header_holder {
	background-image: url(Imgs/background_top.jpg);
	height: 105px;
	}

.header_logo {
	background-position: left top;
	width: 28px;
	background-repeat: no-repeat;
	height: 105px;
}

.header_menu {
	padding-left: 15px;
	background-image: url(Imgs/background_menu.jpg);
	width: auto;
	padding-top: 2px;
	white-space: nowrap;
	height: 19px;
}

/* Columns layout */

#content_area
	{
	float: left;
	width: 80%;
}
/* the relative positioning is required by IEs 5 + 6 (PC) - NN4 crashes if it sees them while other browsers don't seem to mind - hence the Caio hack */

#left_column {
	margin-left: 5px;
	float: left;
	width: 175px;
}

#content_column {
	margin-left: 190px;
	margin-right: 5px;
	text-align: justify;
}

#right_column {
	float: left;
	width: 145px;
}

#subheader {
	clear: both;
	padding: 5px;
}

.left_col_content, .center_col_content, .right_col_content {
	background: #FFF;
	margin: 0;
	padding: 0;
	border: none;
}

/* Left, right and content column layout */

.sidebar {
	background-position: right bottom;
	margin: 0 0 8px;
	background-image: url(Imgs/c_br.gif);
	width: 170px;
	background-repeat: no-repeat;
	background-color: #FFF;
}

.sb_header, .c_header {	
	background-position: right top;
	background-image: url(Imgs/c_tr.gif);
	margin: 0;
	background-repeat: no-repeat;
}

.sb_title, .c_title {
	padding-right: 10px;
	background-position: left top;
	padding-left: 10px;
	background-image: url(Imgs/c_tl.gif);
	margin: 0;
	padding-top: 4px;
	background-repeat: no-repeat;
}

.sb_title h4, .c_title h4 {
	font-weight: bold;
	padding-bottom: 2px;
	margin: 0;
	color: #003060;
	border-bottom: #a8b2bb 1px solid;
}

.sb_content {
	border-right: #a3b3c0 1px solid;
	border-left: #a3b3c0 1px solid;
	height: auto;
	font-size: 110%;
	margin: 0;
	padding: 5px 10px 0 5px;
}

.sb_content li {
	font-size: 100%;
	margin: 2px 0 0;
	color: #053462;
	list-style-type: disc;
}

.sb_content li ul li {
	font-size: 100%;
	margin: 2px 0 0;
	color: #053462;
	list-style-type: circle;
}

.sb_content a, .sb_content a:active, .sb_content a:visited {	
	color: #003060;
}

.sb_content a:hover {
	color: #036;
}

.sb_footer, .c_footer {
	margin: 0;
	border-left: #a3b3c0 1px solid;
	height: 10px;
}

html .sb_content, html .c_content, html .c_content_text {
	height: 1%;
}

.rsidebar {
	background-position: right bottom;
	margin: 0 0 8px 5px;
	background-image: url(Imgs/c_br.gif);
	width: 140px;
	background-repeat: no-repeat;
	background-color: #FFF;
}

/* Content column layout */

.content {
	background-position: right bottom;
	background-image: url(Imgs/c_br.gif);
	margin-bottom: 8px;
	background-repeat: no-repeat;
	background-color: #FFF;
	width: 99%;
}

.c_content, .c_content_text {
	border-right: #a3b3c0 1px solid; 
	border-left: #a3b3c0 1px solid;
	height: auto;
	margin: 0;
	padding: 5px 10px 0
}

.c_content p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.c_content_text p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	text-indent: 25px;
	margin: 7px 0;
}

html .c_content {
	height: 1%;
}

/* Footer box layout */

#footer {
	clear: both;
}

.f_content {
	border : 1px solid #A8B2BB;
	padding: 5px;
	background-repeat: no-repeat;
	height: 60px;
	text-align: center;
}

.note {
	border: #909090 1px solid;
	border-top: #909090 1px solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-left: #909090 1px solid;
	border-bottom: #909090 1px solid;
	background-color: #f6f6f6;
	font-weight: normal;
}

/* Box styling */

.box-wrap {
	padding: 0;
	color: #000;
}

.box-header	{
	margin: 0;
	padding: 12px;
	color: #000;
	border: none;
}

.box-footer	{
	margin: 0;
	padding: 6px;
	color: #000;
	background-color: #996;
	border: none;
}

/* Tableless table layout */

.table {
	border-right: 1px solid #A3B3C0;
	border-left: 1px solid #A3B3C0;
	border-bottom: 1px solid #A3B3C0;
	width: 100%;
}

.table .th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #003060;
	padding: 2px;
	background-color: #F2F8FA;
	border-bottom: 1px solid #A3B3C0;
	border-top: 1px solid #A3B3C0;
	text-align: center;
}

.table .chap_tc, .table .detl_tc, .table .chrn_tc, .table .chrd_tc, .table .half_col, .table .bk_title, .table .bk_amnt, .table .tx_year, .table .tx_frtitle, .table .tx_sptitle, .table .tx_gen, .table .tx_id, .table .idx_frtitle, .table .idx_sptitle, .table .vl_title, .table .vl_type , .table .vl_author, .table .vl_html, .table .vl_pdf, .table .vl_illustrated, .tx_publisher, .se_year {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 2%;
	float: left;
	text-align: justify;
	font-size: 110%;
}

.table .chap_tc, .table .bk_amnt {
	width: 10%;
}

.table .detl_tc, .table .bk_title {
	width: 85%;
}

.table .chrn_tc {
	width: 30%;
}

.table .chrd_tc {
	width: 65%;
}

.table .half_col {
	width: 47%;
}

.table .tx_year {
	width: 13%;
}

.table .tx_id {
	width: 5%;
}

.table .tx_frtitle, .table .tx_sptitle {
	width: 35%;
	text-align: left;
}

.table .tx_gen {
	width: 2%;
}

.table .idx_frtitle, .table .idx_sptitle {
	width: 42%;
	text-align: left;
}

.table .vl_title {
	width: 40%;
}

.table .vl_type {
	width: 14%;
}

.table .vl_author {
	width: 23%;
}

.table .vl_html, .table .vl_pdf, .table .vl_illustrated {
	width: 3%;
}

.table .tx_publisher {
	width: 28%;
}

.table .se_year {
	width: 14%;
}


.table .white_tr {
	clear: both;
	font-weight: normal;
	color: #003060;
	padding: 2px;
	background-color: #FFF;
}

.table .gray_tr {
	clear: both;
	font-weight: bold;
	color: #003060;
	padding: 2px;
	background-color: #EFEFEF;
}

.table .header_tr {
	clear: both;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	background-color: #000;
}

.table .tre {
	clear:both;
}

/* Others */

img {
	border: 0;
}

.image_float_left_border
{
	float: left;
	border: 1px solid #000;
	margin: 3px 5px 0 0;
}

.image_float_right_border
{
	float: right;
	border: 1px solid #000;
	margin: 3px 0 0 5px;
}

.image_float_left_woborder
{
	float: left;
	margin: 3px 5px 0 0;
}

.image_float_right_woborder
{
	float: right;
	margin: 3px 0 0 5px;
}

.go_top {
	text-align: center;
}

.blue_table_row {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #003060;
	padding: 2px;
	background-color: #F2F8FA;
	border: 1px solid #A3B3C0;
	text-align: center;
}

.books_info {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	margin-top: 80px;
	height: 130px;
	text-align: center;
}

.info_text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	height: auto;
}

.info_text_special {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	margin-top: 80px;
	height: 140px;
}

ul li ul li{
	font-size: 100%;
	margin: 2px 0 0;
	list-style-type: square;
}

ol li {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 110%;
	margin: 2px 0 0;
	list-style-type: decimal;
}

.box_woborder {
	float: left;
	padding: 10px;
	width: 160px;
}

.box_border {
	float: left;
	padding: 10px;
	width: 160px;
	border: 1px solid #A3B3C0;
}

.sp_book_title, .section_link {
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
}

q .sp_book_title, q .fr_book_title, blockquote .sp_book_title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	font-style: italic;
}

.fr_book_title, .en_book_title {
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
}

.fr_text, .en_text, .frg_text {
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
}

.curr_item {
	font-weight: bold;
}

.curr_item:hover, .blue_table_row:hover {
	text-decoration: none;
}

.book_plot {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	height: 240px;
}

.img_glry {
	height: 185px;
}

.question {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
}

.interview {
	font-weight: normal;
	font-style: normal;
}

.interview .sp_book_title {
	font-style: normal;
}

.book_note {
	border: #909090 1px solid;
	border-top: #909090 1px solid;
	padding-left: 10px;
	padding-right: 10px;
	border-left: #909090 1px solid;
	border-bottom: #909090 1px solid;
	font-weight: normal;
}