/****************************/
/*                          */
/* CASCADE STYLE SHEET for  */
/*                          */
/* NAUMACHIA YEARBOOK SHIP  */
/*                          */
/****************************/
 

/******************************/
/*            BODY            */
/******************************/

body {
	text:		#666666;
/*      text:		#663300; */
        background-color: #000000; 
        text-align:	center; /* justify; */
	vertical-align:	middle;
        font-size:	12px;
	line-height:	14px;
        font-weight:	bold;
	font-family:	'Book Antiqua', serif;
	font-variant:	normal;
	
/* SCROLLBAR */
        SCROLLBAR-FACE-COLOR:       #772211;
        SCROLLBAR-HIGHLIGHT-COLOR:  #885500;
        SCROLLBAR-SHADOW-COLOR:     #332211;
        SCROLLBAR-3DLIGHT-COLOR:    #883300;
        SCROLLBAR-ARROW-COLOR:      #aa7733;
        SCROLLBAR-TRACK-COLOR:      #443322;
        SCROLLBAR-DARKSHADOW-COLOR: #221100 }



/*******************************/
/*            LINKS            */
/*******************************/

a {
	font-size: 	12px;
	line-height:	14px;
	font-weight:	bold;
	vertical-align:	middle /* text-bottom; */
/*	position:	relative;
	top:		35px; */
	margin:		0px;
	padding:	0px;
	border-width:	0px;
	font-family:	'Book Antiqua', serif;
	font-variant:	normal;
	}

a:link    { color: #776600; }
a:active  { color: #aa9900; }
a:visited { color: #665500; /* background-color: #999999 */ }
a:hover   { color: #ee0000;  background: #ddccbb  /* #ffaa66 */ }

.question {cursor: help }


/***********************************/
/*            HEADLINES            */
/***********************************/

#headline { 
	color:		#996600;
	margin:		5px 0px 5px 0px;
	padding:	5px;
	text-align:	center;
	vertical-align:	middle;
	font-weight:	bold;
	font-size:	32px;
	line-height:	32px;
	font-family:	'Book Antiqua', serif;
	font-variant:	normal;
	text-shadow:	#663300 5px 5px 5px;
/*	background-color: #cc9966; */
	}

#ship_rate,
.sub_headline {
	color:		#000099;
	margin:		5px 0px 5px 0px;
	padding:	5px;
	text-align:	center;
	vertical-align:	middle;
	font-weight:	bold;
	font-size:	17px;
	line-height:	17px;
	font-family:	'Book Antiqua', serif;
	font-variant:	normal;
/*	background-color: #ff9933; */
	}

#ship_name { 
	color:		#996600;
	margin:		5px 0px 5px 0px;
	padding:	5px;
	text-align:	center;
	vertical-align:	middle;
	font-weight:	bold;
	font-size:	32px;
	line-height:	32px;
	font-family:	'Book Antiqua', serif;
	font-variant:	normal
/*	background-color: #99ff33; */
	}

#comment {
	text-align:	center;
	vertical-align:	center;
	margin:		5px 0px 20px 0px;
	padding:	0px;
	font-size:	17px;
	line-height:	17px;
	font-weight:	bold;
	font-family:	'Book Antiqua', serif;
	color:		#666666;
/*	background-color: 33ff99; */
	}

.titul    { color:        #777777;
               font-weight:  bold;
               font-size:    12pt;
               line-height:  14pt;
               font-family:  serif;
               font-variant: normal }

.name     { color:        #666666;
               font-weight:  bold;
               font-size:    18pt;
               line-height:  20pt;
               font-family:  serif;
               font-variant: normal }


.letter_text { text-align:  justify;
               text-indent: 50px;
               text-valign: top;
	       font-size:   17;
               font-weight: bold;
               font-family: 'Book Antiqua', serif;
               color:       #664422 }

.ribbon {
	text-align:	center;
               text-indent: 0px;
               text-valign: center;
	       font-size:   15;
               font-weight: bold;
               font-family: Book Antiqua, serif;
               color:       #005577 }

address.txt  { text-align:  center;
               text-valign: top;
               font-size:   9pt;
               font-weight: bold;
               font-family: sans-serif;
               color:       #ffffff }



.box {
	border-style: solid;
        border-width: 1px;
	position:     relative;
	top:          20px }


.txt {
	width:		100%;
	color:		#443300;
	position:	relative;
	top:		20px;
	margin:		0px 0px 40px 0px;
	padding:	3px;
        text-align:	justify;
        vertical-align:	middle;
        text-indent:	30px;
        font-size:	16px; /* 16px; */
        line-height:	16px; /* 16px; */
        font-family:	'Book Antiqua', serif;
/*	
	background-color: #6699cc;
	border-style:	solid;
	border-width:	1;
*/
	}

hr { text-align: center }

.ship { color:  #000099;
        font-size:   16px;
        line-height: 16px;
        font-weight: bold;
        font-family: 'Book Antiqua', serif } 


.references {
	position:    relative;
	top:         20px;
        font-size:   16px;
        line-height: 16px;
        font-family: 'Book Antiqua', serif }

/*
div.ttd {
	align:            center;
        background-color: #bbaa88;
        font-size:        12px;
        line-height:      12px;
        font-family:      Arial, sans-serif;
        font-weight:      bold; }
*/


/************/
/* LANGUAGE */
/************/ 

#language { width: 150px }

#english  {
	position:	absolute;
	float:		left;
	left:		5px;
	top:		5px;	
	margin:		5px;
	padding:	0px;
	border-width:	0px;
	content: "ENGLISH VERSION of this Page";
	cursor:		crosshair;
/*	display:	none; */
	}

#czech {
	float:	left;
	position:	absolute;
	left:		5px;
	top:		35px;	
	margin:		5px;
	padding:	0px;
	border-width:	0px;
	cursor:		crosshair;
/*	display:	none; */
	}


/******************************/
/*           BOOK             */
/*vvvvvvvvvvvvvvvvvvvvvvvvvvvv*/

.book {
	width:		840px;
/*	min-width:	900px; */
	align:		center;
	margin:		0px;
	padding:	0px;
	border-style:	solid;	
	border-width:	1px;
	display:	block;
	table-layout:	fixed;
	}


/***********/
/* SPACERS */
/***********/

.no { display: none }

.marker_space {
	width:		4px;
	height:		10px;
	margin:		0px;
	padding:	0px;
	border-width:	0px;
	}

.labels_space {
	width:		10px;
	height:		10px;
	border-width:	0px;
	}

.label_steam_space {
	width:		50px;
	height:		10px;
	border-width:	0px;
	}

.book_middle {
	width: 	100%;
	height:	39px;
	}

.book_top_left_corner {
	background-image: url("../_book_bl/topleft.gif");
	width: 	110px;
	height: 39px;
	align:		center;
	vertical-align: bottom;
	}
/*
.top_of_marker {
	vertical-align: bottom;
	margin:		0px;
	padding:	0px;
	border-width:	0px;
	}
*/
.book_top_edge {
	background-image: url("../_book_bl/topedge.gif");
	background-repeat:	repeat-x;
	background-position:	bottom;
	width:	80%;
	height:	39px;
	text-align: 	left; /* = POSITION OF LABELS ON THE TOP EDGE */
	vertical-align: text-bottom;
	}

.labels_table {
	width:		100%;
/*	height: 	100%; */
	vertical-align: bottom;
	margin:		0px;
	padding:	0px;
	border-width: 	0px;
	}

.book_top_right_corner {
	width:		49px;
	height:		39px;
	text-align:	left;
	vertical-align:	bottom;
	border-width:	0px;
	}


/************/
/* TOP BELT */
/************/

.book_top_belt {
	width:		100%;
	height: 	13px;
	text-align:	center;
	vertical-align:	bottom;
	margin:		0px;
	padding:	0px;
	border-width:	0px;
	}

.book_top_belt_leftside,
.book_top_belt_leftside_empty {
	width: 		110px;
	height: 	13px;
	margin:		0px;
	padding:	0px;
	border-width:	0px;
	}

.book_top_belt_leftside {
	background-image: url("../_book/mark_orn.gif");
	background-repeat: no-repeat;
	}

.book_top_belt_leftside_empty {
	background-image: url("../_book_bl/leftside.gif");
	background-repeat: repeat-y }

.book_top_center_belt {
	background-image: url("../_book/bk_light.gif");
	background-repeat: repeat-x;
	width: 		80%;
	height: 	13px;
	text-align:	left;
	vertical-align:	top;
	margin:		0px;
	padding:	0px;
	border-width:	0px;
	}

.book_top_belt_rightedge {
	background-image: url("../_book_bl/ptoprigh.gif");
	background-repeat: no-repeat;
	width:		49px;
	height: 	13px;
	margin:		0px;
	padding:	0px;
	border-width:	0px;
	}


/**********************/
/* MIDDLE OF THE BOOK */
/**********************/

.book_middle {
	width: 		100%;
	height:		350px;
	display:	table-row;
	table-layout:	fixed;
	}

.book_leftside {
	background-image: url("../_book_bl/leftside.gif");
	background-repeat: repeat-y;
	width:	110px;
	height:	100%; /* 350px; */
	align:	right;
	vertical-align:	top;
	position:	fixed;
	display:	table-cell;
	table-layout:	fixed;
	}

.book_center {
	background-image: url("../_book_bl/bk_light.gif");
	background-repeat: repeat; /* DEFAULT */
	width:	80%;
	height:	350px;
	align:	center;
	vertical-align:	top;
	position:	fixed;
	display:	table-cell;
	table-layout:	fixed;
	}

.book_surface {
	background-image: url("../_book_bl/bk_light.gif");
	background-repeat: repeat; /* DEFAULT */
	width:		80%;
	height:		100%;
	align:		center;	
	margin:		0px;
	padding:	0px;
	border:		0px;
	position:	fixed;
	display:	table-cell;
	table-layout:	fixed;
	}

.book_rightside {
	background-image: url("../_book_bl/rightedg.gif");
	background-repeat: repeat-y;
	width:	49px;
	height:	100%; /* 350px; */
	align:	left;
	vertical-align:	top;
	position:	fixed;
	display:	table-cell;
	table-layout:	fixed;
	}


/* BOTTOM BELT */

.book_bottom_belt {
	height:	20px;
	align:	left;
	vertical-align:	center;
	}


/* BOTTOM MARGIN */

.book_bottom_margin {
	width:		100%;
	height:		28px;
	}

.book_bottom_left_corner {
	background-image: url("../_book_bl/botmleft.gif");
	background-repeat: no-repeat;
	width:		110px;
	height:		28px;
	align:		right;
	vertical-align:	top;
	}

.book_bottom_edge {
	background-image: url("../_book_bl/botmedge.gif");
	background-repeat: repeat-x;
	width:	80%;
	height:	28px;
	align:	center;
	vertical-align:	top;
	}

.book_bottom_right_corner {
/*	background-image:	url("../_book_bl/botmrigh.gif"); */
	width:			49px;
	height:			28px;
	align:			left;
	vertical-align:		top;
	border-width:		0px;
	}


/* LEFT MARKER */

.book_marker_ornament_belt {
	background-image: url("../_book_bl/ptopedge.gif");
	width:	100%;
	height: 13px;
	align:	left;
	vertical-align:	top;
	}

.book_marker {
	background-image: url("../_book_bl/leftside.gif");
	width:	110px;
	height: 300px;
	align:	left;
	vertical-align:	top;
	}

#old_page { width: 640px }


/******************************/
/* TABLE WITH SHIP STATISTICS */
/******************************/

table.active_ship_statistics,
table.all_ship_statistics {
	position:	relative;
	top:		5px;
	bottom:		30px;
	margin:		0px 20px 20px 20px;
	padding:	15px;
/*	text-align:	center; */
	border-style:	solid;
        border-width:	1px;
	border-color:	#000000 }

table.active_ship_statistics { width: 502 }
table.all_ship_statistics { width: 230 }

.commisioned   { background-color: #cccccc; padding: 0px }
.uncommisioned { background-color: #eeeeee; padding: 0px }

.state {
	text-align:  right;
	vertical-align: top;
	color:       #776600;
        font-size:   12pt;
        font-weight: bold; }

.ship_name   {
	align:	center;
	color:       #776600;
        font-size:   9pt;
        font-weight: bold; }

.ship_class  { }
.ship_displ  { text-align: right }
.gun_shots   { text-align: right; padding-left: 5px; padding-right: 5px }
.ready       { text-align: center }

.all_ships {
	text-align: center;
	width:		462px;
	position:	relative;
	top:		5px;
	bottom:		30px;
	margin:		20px;
	padding:	0px;
	}


.internal_index {
	background-color:	#99aabb;
	padding:	5px 0px 5px 0px;
	color:		#990000;
        font-size:	16px;
        line-height:	16px;
        font-weight:	bold;
        font-family:	'Book Antiqua', serif;
	}

.internal_href {
	color:  #990000;
        font-size:   16px;
        line-height: 16px;
        font-weight: bold;
        font-family: 'Book Antiqua', serif;
	}

.state {
	color:  #990000;
        font-size:   16px;
        line-height: 16px;
        font-weight: bold;
        font-family: 'Book Antiqua', serif;
	}

.person {
	color:  #006600;
        font-size:   16px;
        line-height: 16px;
        font-weight: bold;
        font-family: 'Book Antiqua', serif;
	} 

/**********************************/
/* ********** PICTURES ********** */
/**********************************/

td.picture-comment { color: #663300;
               text-align:  center;
               text-valign: top;
	       font-size:   14px;
               line-height: 14px;
               font-weight: bold;
               font-family: 'Trebuchet MS', Arial, sans-serif }

/********************/
/* HOUSES OF RULERS */
/********************/

.house_of_arundel {
	background-color: #000080;
	width:		100%;
	margin-top:	20px;
	margin-bottom:	20px;
	}

#house_of_arundel_top { position: relative; top: 20px }

#king_erb,
#norfasund_erb {
	width:		82px;
	height:		101px;
/*	margin:		5px;
	padding:	5px; */
	}

#king_erb { float: left }
#norfasund_erb { float: right }

.house_of_arundel_headline {
	color:		#ffffff;
	text-align:	center;
	margin-top:	30px;
	}

.arundel_lines {
	text-align:	center; /* left; */
	width:		560px;
	margin:		90px 20px 20px 20px;
	padding:	4px;
	border-width:	0px;
	font-family:	Arial;
	}


.arundel_line { background-color: #ffffff }
.arundel_line_arrow { color: #ffffff }

.frederik_line { background-color: #ffff00 }
.frederik_line_arrow { color: #ffff00 }

.hubert_line { background-color: #00ff00 }
.hubert_line_arrow { color: #00ff00 }

.artur_line { background-color: #c0c0c0 }

.norfasund_line { background-color: #008000; color: #ffffff }
.norfasund_line_arrow { color: #008000 }

.albert_line { background-color: #0000ff; color: #ffffff }
.albert_line_arrow { color: #0000ff }


/**************/
/* PARLIAMENT */
/**************/

.parliament,
.state_secretars {
	background-color:	#ccddff;
	width:		100%;
	margin:		10px 50px 10px 50px;
	padding:	10px;
	border-style:	solid;
	border-width:	1px;
	}

.unnaum_party { list-style-image: url("../icons/arr_gra.gif") }
.stillen_party { list-style-image: url("../icons/arr_red.gif") }
.harinx_party { list-style-image: url("../icons/arr_yel.gif") }
.nijk_party { list-style-image: url("../icons/arr_bl_m.gif") }
.staunch_party { list-style-image: url("../icons/arr_bl_d.gif") }

.president_of_party { list-style-type: none; list-style-image: none }


/**********************/
/* FLEET ORGANISATION */
/**********************/
.fleet_organisation {
	background-color:	#ccddff;
	width:			100%;
/*	text-align:		center; */
/*	text-align:		left; */
	margin:			10px 50px 10px 50px;
	padding:		10px;
	border-style:		solid;
	border-width:		1px;
	}

.fleet_organisation_headline {
	text-align:	center;
	}

.ship_division {
/*	background-color:	#bbccdd; */

	}

.ship_in_division {
	list-style-type:	none;
	}


/**************/
/* WHO IS WHO */
/**************/

.who_is_who {
/*	list-style-position:	outside; */
	list-style-type:	none;
	margin:			10px;
/*	border-style:		solid;
	border-width:		2px; */
	}

li {
	list-style-position:	outside;
/*	text-indent:	30px; */
	}

.family {
	color:			#990000;
	}

/******************/
/* TABLE WITH TTD */
/******************/

.tt_datas {
	float:         left;
	position:      relative;
	top:           20px;
	margin:		10px 10px 10px 0px;
/*	margin-right:  10px;
	margin-bottom: 10px; */
	border-style:  solid;
        border-width:  1px;
/*	width: 100% */
 }	


#ttd {
        background-color: #bbaa88;
	position:         relative;
	float:            left;
	margin:		6px 10px 10px 0px;
/*	margin-right:     10px;
	margin-bottom:    10px; */
	border-style:     solid;
	border-color:	  #996644;
        border-width:     2px;
	padding:          15px;
        font-size:        12px;
        line-height:      12px;
        font-family:      Arial, sans-serif;
        font-weight:      bold; }

.ttd_name {
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	align:    right }



/*************************/
/* LEFT HYPERTEXT MARKER */
/*************************/

.marker_krios {
	background-image: url("../_book/mark_krs.jpg");
	width:		110px;
	height:		334px;
	text-align:	center;
	margin:		0px;
	padding:	0px;
	border-width:	0px;
	}

.marker_states_3 {
        background-image: url("../_book/mark_mer.jpg");
	background-repeat: no-repeat;
        width:		110px;
        height:		334px;
	text-align:	center;
        margin:		0px;
        padding:	0px;
        border-width:	0px;
	} 

.about_state { color: #aa0000 }

.marker_division {
/*	background-color: #0000aa; */
/*	top: 5px; */
/*	margin: 10px; */
/*	padding-bottom:	10px; */
	}

/*
.marker_table {
	text-align:	left;
	text-valign:	top;
	}


.marker_table {
	text-align:	center;
	vertical-align:	top;
	font-family:	Arial,Helvetica;
	font-size:	12px;
	font-weight:	bold;
	}
*/


/**************/
/* TOP LABELS */
/**************/

.label {
	width:		86px;
	height:		39px; /* 37px */
/*	position:	relative;
	top:		15px; */
	text-align:	center;
	vertical-align:	text-bottom;
	margin:		0px;
	padding:	0px;
	border-width:	0px;
	background-image: url("../_book/mark_h.jpg");
	background-repeat:	no-repeat;
	background-position: 	bottom;
	color:		#664422;
/*	font-size:	15px;
	font-weight:	bold;
	font-family:	'Book Antiqua', serif; */
	}

td.group {
	text-align:  left;
	font-size:   15px;
        font-weight: bold;
        font-family: Book Antiqua, serif;
        color:       #664422 }

td.state { text-align: left }


/**************************************/
/* FLAG, STATE-MARK and MAIN PICTURES */
/**************************************/

.state_symbols,
.main_pictures {
	width:		100%;
	position:	relative;
	top:		10px;
	margin:		0px;
	padding:	0px;

/*	background-color: #99bb99; */
/*	border-style:	solid;
        border-width:	1px;
*/
	}

.state_flag,
.state_flag_right {
	width:		52px;
	height:		32px;
	position:	relative;
	top:		10px;
	}

.state_flag { float: left }
.state_flag_right { float: right }
                 
.state_mark,
.state_mark_left,
.state_mark_right {
	width:		60px;
	height:		51px;
	position:	relative;
	top:		0px;
	}

.state_mark { float: right }
.state_mark_left { float: left }
.state_mark_right { float: right }

img.main_picture,
img.main_plan,
img.photoarchiv {
	margin:		0px;
	padding:	0px;
	border-style:	solid;
        border-width:	1px;
	border-color:	#000000;
	}

img:after { content: "\A Picture: " attr(title) }

img.photoarchiv{ width: 320px; }

img.main_picture {
	position:	relative;
	float:		left;
	width:          320px;
	height:         240px;
	}

img.main_plan {
	position:	relative;
	float:		right;
	width:          320px;
	height:         240px;
	background-color: #ccddee;
	}

/*
.blue_plan {
	position:       absolute;
	right:            0px;
	width:          350px;	
	padding:        10%;
	background-color: #ccddee;
	vertical-align: top
	}
*/

.great_plan {
	background-color: #ccddee;
	position:	absolute;
	left:		200px;
	top:		160px;
	border-style:	solid;
        border-width:	1px;
	border-color:	#ccbbaa;
	}

.wrml_model {
	text-align:	center;
	margin-bottom:	20px;
	border-style:	solid;
        border-width:	5px;
	border-color:	#772211;
	}



/**************/
/* REFERENCES */
/**************/

#references { top-margin: 20px }

#previous {
	float:		 left;
	font-color:	#666666;
        font-size:   	15px;
        line-height: 	16px;
        font-family: 	Arial, Helvetica, sans-serif;
        font-weight: 	bold;
	}

#continue {
	float:		right;
	font-color:	#666666;
        font-size:   	15px;
        line-height: 	16px;
        font-family: 	Arial, Helvetica, sans-serif;
        font-weight: 	bold;
	}


/***************/
/* BOTTOM LOGO */
/***************/

#bottom_logo {
	width:  	100%;
	height: 	40px;
	margin: 	50px 0px 0px 0px;
	text-align:	center;
	}

#music { align:	center }

#copyright {
	width:  	300px;
	border-style: 	solid;
        border-width: 	1px;
	border-color: 	#cccccc; /* #ffffff; */
	background-color: #999999;
	padding:	5px;
	text-align:  	center;
	font-color:  	#ffffff;
        font-size:   	11px;
        line-height: 	12px;
        font-family: 	Arial, Helvetica, sans-serif;
        font-weight: 	bold;
	}

#design_by {
	font-color:  #666666;
        font-size:   15px;
        line-height: 16px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
	}

#validation_xhtml {
	width:		88px;
	height:		31px;
	border-style: 	solid;
	border-width:	0px;
	float:	 	left;
	}

#validation_css2 {
	width:		88px;
	height:		31px;
	border-style: 	solid;
	border-width:	0px;
	float:		right;
	}