/****************************/
/*                          */
/* 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; */
	}
	
.main_text {
/*    background-color:	#ff00ff; */
    width:		670px /* 95%; */
    margin:		0px 0px 0px 0px;
    padding:		0px 0px 0px 0px;
    text-align:		justify;
    text-indent:	20px;
    font-size:		14px;
    line-height:	16px;
    font-weight:	normal;
    font-family:	'Book Antiqua', serif;
    }


.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 }
.bottom_line { padding-right: 30px }

.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; */
	}


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

table.active_ship_statistics,
table.all_ship_statistics,
.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, 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 {
    float:		left;
    background-color:	#bbaa88;
    position:		relative;
    margin:		6px 10px 10px 0px;
    border-style:	solid;
    border-color:	#996644;
    border-width:	2px;
    padding:		10px 3px 10px 0px;
    text-align:		left;
    font-size:		12px;
    line-height:	12px;
    font-family:	Arial, sans-serif;
    font-weight:	bold;
    }

.ttd_name {
    margin:		0px 3px 0px 3px;
    padding:		0px 5px 0px 5px;
    position:		relative;
    align:		right;
    }

.ttd_value {
    background-color:	#ccbb99;
    margin:		0px 3px 0px 3px;
    padding:		0px 5px 0px 5px;
    position:		relative;
    align:		right;
    }

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 {
/*    background-color:	#00ff00; */
    width:		670px /* 95%; */
    position:		relative;
    top:		10px;
    margin:		0px 0px 20px 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;
	}

/* ZAJIMAVY EXPERIMENT !!!*/	
/* 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;
	}

	
/* VRML MODEL */	
.vrml_href {
    font-size:		16px;
    line-height:	18px;
    font-family:	Arial, sans-serif;
    font-weight:	bold;	
	}
		
.vrml_model_panel {
/*	background-color: #99ccff; */
	background-color: #77bbdd; 
/*	background-color: #000000; */
	 
	text-align:	justify;
	margin-bottom:	20px;
	border-style:	solid;
        border-width:	2px;
	border-color:	#990000;
	padding:	10px;
	color:		#000000;
/*	color:		#00ff00; */
	font-family: 	Arial, Helvetica, sans-serif;
        font-weight: 	bold;
	}

.vrml_model {
	float:		left;
	margin:		0px 0px 10px 0px;
	border-style:	solid;
        border-width:	3px;
	border-color:	#ffffff;
	margin:		10px 10px 0px 0px;
	}
	
.download {
	float:			right;
	width:			460px;
	background-color:	#000000;
	padding:		10px;
	color:			#00ff00;
	text-indent:		0px;
	font-family: 	Arial, Helvetica, sans-serif;
        font-weight: 	bold;
	}	

a.download_href {
	color:		#3399ff;
    	font-size:	14px;
    	line-height:	16px;
    	font-family:	Arial, Helvetica, sans-serif;	
        font-weight: 	bold;
	}

	
/**************/
/* 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;
	}