*{ margin:0; padding:0; border:0; }

body{    
    background        : #E9EEEB url(../images/inside_left_bg.gif) repeat-y;
    font-size         : 80%;
    line-height       : 1.2em;
    font-family       : verdana, arial, sans-serif;    
    color             : #333;
    margin-bottom     : 30px;
}

.f_left{ float: left; display: inline; }
.f_right{ float: right; display: inline; }
.clear{ clear: both; }
.r_clear{ clear: right; }
.l_clear{ clear: left; }

.hide{ display: none; }
.show{ display: block; }

.v_center{ vertical-align: middle;}
.v_base{ vertical-align: baseline;}
.v_super { vertical-align: super; }

.indent{ margin-left: 36px; }

.move_left_20{ margin-right: 20px; }
.move_left_30{ margin-left: -30px; }
.move_up_30{ margin-top: -30px; }
.move_up_15{ margin-top: -15px; }
.up_em{ margin-top: -1em; }
.move_right_19{ margin-left: 19px; }
.move_right_340{ margin-left: 340px; }
.move_down_30{ margin-top: 30px; display:block;}

.top_mar{ margin-top: 1em; }
.top_margin{ margin-top: 1.5em; }
.bottom_margin{ margin-bottom: 1.5em; }
.bottom_dbl{ margin-bottom: 3em; }
.bottom_trip{ margin-bottom: 4.5em; }
.b_mar_53{ margin-bottom: 53px; }

.r_margin_5{ margin-right: 5px; }
.r_margin_9{ margin-right: 9px; }
.r_margin_23{ margin-right: 23px; }
.r_margin_10{ margin-right: 10px; }
.l_margin_10{ margin-left: 10px; }

.r_pad_91{ padding-right: 91px; }
.r_pad_9{ padding-right: 9px; }

.w_494{ width: 494px; }
.w_490{ width: 490px; }
.w_474{ width: 474px; }
.w_242{ width: 242px; }
.w_186{ width: 186px; }
.w_91{ width: 91px; }
.h_100{ 
	height			: 100px;
	margin-bottom	: 2px;
}
.h_123{ height: 123px; }

#step_image{ border: 1px solid #C1CBCC; }
.grey_border{ border: 1px solid #C1CBCC; }
.grey_r_border{ border-right: 1px solid #C1CBCC; }
.grey_l_border{ border-left: 1px solid #C1CBCC; }

/** margin bottom od ps = 1em **/
p{ margin: 0 0 1em 0;}
p#first{ margin: 1em 0 1em 0;}
p.first{ margin: 1em 0 1em 0;}
.first{ margin: 1em 0 1em 0;}
p#italian { font-size: 1px; line-height: 1px; display: none;}
p#transcript { font-size: 1px; line-height: 1px; display: none;}

blockquote{ margin-left: 46px; }

a:visited,
a:link{ color: #3D778B; }

a:hover, 
a:active{ color: #6894A2; }

.vlink{ color: #6894A2; }

/* start colors */
.color_reg{ color: #333 }

/* end colors */

/* start table styles for ships section */
.s_table{
	font-size		: .9em;
	border-collapse	: collapse;
	background		: #f1f4f2;
}
.s_table tr td{
	padding			: 3px;
	border			: 1px solid #d2e0dc;
}
.s_table thead tr th{
	padding			: 3px;
	border			: 1px solid #d2e0dc;
	color			: #829094;
	font-weight		: normal;
	text-align		: left;
}
/* start added for ship toolkit */

.activity_ship{
	width			: 470px;
	margin			: 10px 0 33px 0;
	padding			: 9px;
	color			: #f6f8f7;
	background		: #6894A2;
}

.s_toolkit{ position:relative; height:340px;}
.s_toolkit_int_cnt{ position:absolute;top:0px;left:360px; }
.s_toolkit_int{
	width: 110px;
	height: 55px;
}

.s_toolkit_int img { display: inline ; float: left;}

#map_holder{ position: relative; }
#num_01{
	position		: absolute;
	top				: 226px;
	left			: 16px;
}
#num_02{
	position		: absolute;
	top				: 251px;
	left			: 28px;
}
#num_03{
	position		: absolute;
	top				: 267px;
	left			: 153px;
}
#num_04{
	position		: absolute;
	top				: 241px;
	left			: 307px;
}
#num_05{
	position		: absolute;
	top				: 216px;
	left			: 100px;
}
#num_06{
	position		: absolute;
	top				: 238px;
	left			: 122px;
}
#num_07{
	position		: absolute;
	top				: 220px;
	left			: 230px;
}
#num_08{
	position		: absolute;
	top				: 149px;
	left			: 98px;
}
#num_09{
	position		: absolute;
	top				: 174px;
	left			: 150px;
}
#num_10{
	position		: absolute;
	top				: 175px;
	left			: 194px;
}
#num_11{
	position		: absolute;
	top				: 76px;
	left			: 161px;
}
#num_12{
	position		: absolute;
	top				: 81px;
	left			: 249px;
}

/* end added for ship toolkit */
/* end table styles for ships */

/* start these rules were created for galera page */
#galera_table{ background: #f6f8f7; } /* div containint html table */

#galera_steps{ /* html table */
	padding			: 0;
	margin			: 0;
	border-collapse	: collapse;
}

#galera_steps tr{
	padding			: 0;
	margin			: 0 0 5px 0;
	vertical-align	: top;
	display			: block;
}

#galera_steps tr td{
	border			: 1px solid #C1CBCC;
	margin			: 0 0 5px 0;
}

#descr_k_bg{ background: #d9cbbb; }

#galera_steps img { display: block; }

.activity{ 
	margin-right	: 10px;
	color			: #f6f8f7;
	background		: #6894A2;
}

.activity_no_mar{ 
	color			: #f6f8f7;
	background		: #6894A2;
}

.activity_no_mar a{ 
	font-size		: .9em;
	color			: #f6f8f7;
}

.activity_pad{ padding: 5px 9px 9px 9px; }
.activity_pad2{ padding: 9px 9px 5px 9px; }
.activity_pad2 > a{ margin-top: -4px; display: block;}

.activity_int{
	padding			: 9px;
	color			: #333;
	background		: #f6f8f7;
}

.step_text{
	padding			: 5px;
	font-size		: .9em;
	line-height		: 1.2em;
	margin-bottom	: 0;
}

.modern_link{
	text-align		: right;
	margin-right	: 5px;
	vertical-align	: bottom;
	margin-bottom	: 0;
	font-size		: .9em;
}

#hide_show_table{ /* this is a div that holds the hide/show table link */
	width			: 300px;
	text-align		: right;
	font-size		: .8em;
	margin			: -2em 0 2em 195px;
	color			: #829094;
}

#tabletoggle{ /* this is a link that does the hide_show_table action */
	color			: #829094;
}

/* end these rules were created for galera page */

/* start special toolkit callout */
a#toolkit{
	text-decoration	: none;
}

a#toolkit span.toolkit{
	width			: 100px;
	padding			: 5px;
	margin			: 1em 0 10px 10px;
	font-size		: .8em;
	display			: block;
	background		: #f6f8f7;
	border-top		: 2px solid #cad9d5;
	border-left		: 2px solid #cad9d5;
	border-right	: 2px solid #C1CBCC;
	border-bottom	: 2px solid #C1CBCC;
}

a#toolkit span.map{
	width			: 156px;
	padding			: 5px;
	margin			: 1em 0 10px 10px;
	font-size		: .8em;
	display			: block;
	background		: #f6f8f7;
	border-top		: 2px solid #cad9d5;
	border-left		: 2px solid #cad9d5;
	border-right	: 2px solid #C1CBCC;
	border-bottom	: 2px solid #C1CBCC;
}

a#toolkit:hover span.toolkit{
	color			: #f6f8f7;
	background		: #6894a2;
	border-color	: #6894a2;
}

a#toolkit:hover span.map{
	color			: #f6f8f7;
	background		: #6894a2;
	border-color	: #6894a2;
}
/* end special toolkit callout */

/* start special galera callout */
a#galera{
	width			: 223px;
	height			: 139px;
	text-decoration	: none;
	color			: #f6f8f7;
	font-weight		: bold;
	display			: block;
}

a#galera span.galera{
	width			: 209px;
	height			: 126px;
	padding			: 5px;
	font-size		: .9em;
	display			: block;
	background		: #6894A2;
	border-top		: 2px solid #cad9d5;
	border-left		: 2px solid #cad9d5;
	border-right	: 2px solid #C1CBCC;
	border-bottom	: 2px solid #C1CBCC;
}

a#galera:hover span.galera{
	color			: #fff;
	border-color	: #6894a2;
}

a#galera span.galera img {
	margin-right	: 10px;
}
/* end special galera callout */

h2{
    font-size		: 1.1em;
	margin			: 0 0 10px -46px;
	padding			: 30px 0 10px 46px;
    position		: relative; 
    background		: transparent url(../images/inside_rule.gif) no-repeat bottom left;
    color			: #000;
}

h3{
    font-size		: 1.1em;
    margin-top		: 1em;
}

#toolkit_cnt h3{
    font-size		: 1.1em;
    margin-top		: 2.5em;
}

/* start main containers */

div#sidenav{
  float				: left;
  display			: inline;
  width				: 186px;
}

div#pgcontents_int{
	background		: #E9EEEB url(../images/inside_flag_bg.gif) no-repeat 308px 0 ;
    margin-left		: 186px;
    width			: 655px;
    padding-top		: 20px;
    overflow		: visible;
}

div#pgcontents_int_cnt{
	width			: 543px;
    padding-left	: 46px;
    padding-top		: 11px;
    padding-bottom	: 85px;
    background		: transparent url(../images/inside_wind_bottom.gif) no-repeat bottom left;
}

div#footer{
	clear			: right;
    margin-left     : 186px;
    padding-left    : 46px;
    padding-top     : 20px;
    background		: transparent url(../images/inside_rule.gif) no-repeat top left;
}

div#copy_notice{
	color			: #829094;
    font-size		: 0.8em;
    margin-top		: .8em;
}

#toolkit_cnt{
	width			: 522px;
	margin-left     : -46px;
    padding		    : 20px 16px 81px 46px;
	background		: #f6f8f7;
	border-top		: 4px double #C1CBCC;
	border-right	: 4px double #C1CBCC;
	border-bottom	: 4px double #C1CBCC;
}

#math_toolkit_cnt{
	width			: 522px;
	margin-left     : -46px;
    padding		    : 20px 16px 121px 46px;
	background		: #f6f8f7 url(../images/toolkits/math/math_intro.gif) no-repeat 50% 90%;
	border-top		: 4px double #C1CBCC;
	border-right	: 4px double #C1CBCC;
	border-bottom	: 4px double #C1CBCC;
}

#nav_toolkit_cnt{
	width			: 522px;
	margin-left     : -46px;
    padding		    : 20px 16px 151px 46px;
	background		: #f6f8f7 url(../images/toolkits/navigate/nav_intro.gif) no-repeat 100% 65%;
	border-top		: 4px double #C1CBCC;
	border-right	: 4px double #C1CBCC;
	border-bottom	: 4px double #C1CBCC;
}

/* end main containers */

div#findoutmore{
	color			: #829094;
	padding-top		: 3em;
    background		: transparent url(../images/inside_rule_findoutmore.gif) no-repeat 0 2em;
}
div#findoutmore h4{
	font-size		: 1em;
	font-weight		: bold;
}
div#findoutmore ul{
	margin			: 0 0 1em 36px;
}
div#findoutmore ul li{
	margin-top		: 1em;
	list-style		: none;
}

.caption{
	font-size		: .8em;
	color			: #829094;
	padding-bottom	: 5px;
}

.note{
	font-size		: .8em;
	color			: #829094;
	margin-top		: 16px;
}
.note_l{
	font-size		: .8em;
	color			: #829094;
	margin-bottom	: 1em;
}
/* Start rules that set image widths  */
#math_intro{
	width			: 189px;
	margin			: 1em 0 0 16px;
}

.w_258{
	width			: 258px;
}
.w_358{
	width			: 358px;
}
.w_360{
	width			: 360px;
}

#life_writing{
	width			: 254px;
	margin			: 0 0 10px 16px;
}
/* End rules that set image widths  */

/* start glossary related */
#hide_show_hilight{ /* this is a div that holds the highlighter link */
	position		: absolute;
	top				: 5px;
	left			: 475px;
	width			: 300px;
	text-align		: right;
	font-size		: .8em;
	/*margin-left		: 242px;
	margin-top		: -31px;
	margin-bottom	: 1.5em;*/
	color			: #829094;
}
#highlighter{ color: #829094; } /* the link */
.glossary_on   { background: #f9e3ad; text-decoration: none; color: #333; }
a.glossary_on   { background: #f9e3ad; text-decoration: none; color: #333; }
.glossary_off  { background: none; text-decoration: none; }
a.glossary_off  { background: none; text-decoration: none; }
/* end glossary related */

/* start galera division table related */
#hide_show_table{ /* this is a div that holds the highlighter link */
	width			: 300px;
	text-align		: right;
	font-size		: .8em;
	margin-left		: 222px;
	margin-top		: -1.5em;
	color			: #829094;
}
/* end galera division table related */

/* start other important list rules */
ul.internal{
	margin-left		: 32px;
	color			: #6894A2;
}

ul.none{
	list-style		: none;
}

ul.viewer_text{
	margin-left		: 372px;
	color			: #6894A2;
}
/* end other important list rules */

/* start step_through nav rules */

ul#step_through{
	text-align		: right;
/*	margin			: 0 18px 1em 0;*/
	font-size		: 0.9em;
	color			: #f6f8f7;
	background		: #6894A2;
}

ul#step_through li{
	list-style		: none;
	display			: inline;
}

ul#step_through li a{
	color			: #f6f8f7;
	text-decoration	: none ;
}

ul#step_through li a:hover{ 
	color			: #fff;
	text-decoration	: underline ;
}

ul#step_through li a.step_active{
	color			: #9BEB1F;
	font-weight		: bold ;
	text-decoration	: none ;
}

ul#step_through li a.step_active:hover{
	color			: #9BEB1F;
	font-weight		: bold ;
	text-decoration	: underline ;
}

/* end step_through nav rules */

/* start toolkit nav rules */

ul#toolkit_nav{
	text-align		: right;
	margin			: -18px -8px 1em -100px;
	font-size		: 0.8em;
	color			: #3D778B;
}

ul#toolkit_nav li{
	list-style		: none;
	display			: inline;
}

ul#toolkit_nav li a#toolkit_active{
	text-decoration	: none ;
}

ul#toolkit_nav li a#toolkit_active:hover{
	text-decoration	: underline ;
}

/* end toolkit nav rules */

/* start sub nav rules */

ul#sub_nav{
	margin-top		: -10px;
	padding-bottom	: 1em;
	font-size		: 0.8em;
	color			: #3D778B;
}

ul#sub_nav li{
	list-style		: none;
	display			: inline;
	padding-bottom	: 2em;
}

ul#sub_nav li a#sub_active{
	text-decoration	: none ;
}

ul#sub_nav li a#sub_active:hover{
	text-decoration	: underline ;
}
ul#sub_nav li#toolkit_on{
	background		: transparent url(../images/toolkits/general/nav_t_inline.gif) no-repeat 0 1.4em ;

}
/* end sub nav rules */

/* start gloss and sub2 nav rules (glossary pages only) */
ul#gloss_nav{
	padding-bottom	: 1em;
	font-size		: 0.8em;
	color			: #3D778B;
}

ul#gloss_nav li{
	list-style		: none;
	display			: inline;
	padding-bottom	: 5px;
	border-bottom	: 4px double #C1CBCC;
}

ul#gloss_nav li a#sub_active{
	text-decoration	: none ;
}

ul#gloss_nav li a#sub_active:hover{
	text-decoration	: underline ;
}

ul#sub2_nav{
	margin-top		: -10px;
	padding-bottom	: 1em;
	font-size		: 0.8em;
	color			: #3D778B;
}

ul#sub2_nav li{
	list-style		: none;
	display			: inline;
	padding-bottom	: 2em;
	padding-top		: 5px;
	border-top		: 4px double #C1CBCC;
}

ul#sub2_nav li a#sub2_active{
	text-decoration	: none ;
}

ul#sub2_nav li a#sub2_active:hover{
	text-decoration	: underline ;
}

/* end gloss and sub2 nav rules */


/* start for flash choice pages (journey and maunscript) */
ul.flash_choice{
	margin-left		: 32px;
	color			: #6894A2;
	width			: 185px;
}

ul.flash_choice li{
	margin-top		: 1.8em;
}

img.flash_choice{
	margin-right	: 81px;
}

div#really_get_flash{
	font-size		: .8em;
	font-weight		: bold;
	margin-top		: 1.5em;
	color			: #BE5138;
}

/* end for flash choice pages (journey and maunscript) */

/* start footer nav rules */

ul#footer_nav{
	color			: #3D778B;
	font-size		: 0.8em;
}

ul#footer_nav li{
	list-style		: none;
	display			: inline;
}

ul#footer_nav li a#footer_active{
	text-decoration	: none ;
}

ul#footer_nav li a#footer_active:hover{
	text-decoration	: underline ;
}

/* end footer nav rules */

/* start home nav rules */
ul#hnav{
    float           : left;
    list-style		: none;
/*    height          : 252px;*/
    width           : 180px;
    margin		    : 25px 0 0 0;
}

ul#hnav li{ float: left; }

ul#hnav li span{
    position		: absolute;
    left			: -2000px;
    font            : 1px/1px sans-serif;
}

ul#hnav li#rhodes, 
ul#hnav li#rhodes a{
    display         : block;
    width           : 180px;
    height          : 30px;
}

ul#hnav li#manuscript, 
ul#hnav li#manuscript a{
    display         : block;
    width           : 180px;
    height          : 30px;
}

ul#hnav li#journey, 
ul#hnav li#journey a{
    display         : block;
    width           : 180px;
    height          : 30px; 
}

ul#hnav li#bio, 
ul#hnav li#bio a{
    display         : block;
    width           : 180px;
    height          : 30px;
}

ul#hnav li#knowledge, 
ul#hnav li#knowledge a{
    display         : block;
    width           : 180px;
    height          : 107px; 
}

/* knowledge sub menu */
ul#hnav li#knowledge ul#knowledge_nav {
	list-style      : none;
    height          : 83px;
    margin			: -83px 0 0 0;
    width           : 180px;
}

ul#hnav li#knowledge ul#knowledge_nav li#math,
ul#hnav li#knowledge ul#knowledge_nav li#math a{
    display         : block;
    width           : 180px;
    height          : 20px;
}

ul#hnav li#knowledge ul#knowledge_nav li#ships,
ul#hnav li#knowledge ul#knowledge_nav li#ships a{
    display         : block;
    width           : 180px;
    height          : 18px; 
}

ul#hnav li#knowledge ul#knowledge_nav li#navigate,
ul#hnav li#knowledge ul#knowledge_nav li#navigate a{
    display         : block;
    width           : 180px;
    height          : 18px;
}

ul#hnav li#knowledge ul#knowledge_nav li#time,
ul#hnav li#knowledge ul#knowledge_nav li#time a{
    display         : block;
    width           : 180px;
    height          : 21px;
}

/* end knowledge subnav */

ul#hnav li#glossary, 
ul#hnav li#glossary a{
    display         : block;
    width           : 180px;
    height          : 30px;
}

ul#hnav li#about, 
ul#hnav li#about a{
    display         : block;
    width           : 180px;
    height          : 25px;
}

/* end home nav rules */


/* beg css for IMSS header and nav */

#intestazione {
	background-color: #ECEBE6;
	text-align:left;
	margin-top: 0px;
	margin-bottom: 0px;	
	width:100%;
	height:37px;
	position: relative;
}
#navigazione {
	color: #FCC86E;
	background-color: #000000;
	margin-top: 0px;
	width: 100%;
	height: 19px;
	position: relative;
	font-size: x-small;
}
.blocco {
	width: 760px;
}
#logo {
	position:absolute;
	top:0px;
	left:0px;
}

#cerca {
	width:285px;
	height: 37px;
	position:absolute;
	top:4px;
	right:0;
}
.noborder {
	border: 0px;
}
.grassetto {
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#quadretti {
	width: 39px;
	position: absolute;
	top: 0px;
	left: 0px;
	
}
#menu {
	background-color: #000000;
	text-align: justify;
	width: 561px;
	position: absolute;
	top: 0px;
	left: 39px;
	margin-top: 3px;
	font-size: x-small;
}
a.menuinfo {
	color: #FFFFFF;
	background-color: #000000;
	font-size: x-small;
	text-decoration: none;
}
a.menuinfo:visited {
	color: #FFFFFF;
	background-color: #000000;
	font-size: x-small;
	text-decoration: none;
}

a.menuinfo:hover {
	color: #000000;
	background-color: #BCDCD5;
	font-size: x-small;
}
a.menumuseo {
	color: #FFFFFF;
	background-color: #000000;
	font-size: x-small;
	text-decoration: none;
}
a.menumuseo:visited {
	color: #FFFFFF;
	background-color: #000000;
	font-size: x-small;
	text-decoration: none;
}
a.menumuseo:hover {
	color: #000000;
	background-color: #EDD9CF;
	font-size: x-small;
}
a.menuist {
	color: #FFFFFF;
	background-color: #000000;
	font-size: x-small;
	text-decoration: none;
}
a.menuist:visited {
	color: #FFFFFF;
	background-color: #000000;
	font-size: x-small;
	text-decoration: none;
}
a.menuist:hover {
	color: #000000;
	background-color: #D2C8E0;
	font-size: x-small;
}
a.menubiblio {
	color: #FFFFFF;
	background-color: #000000;
	font-size: x-small;
	text-decoration: none;
}
a.menubiblio:visited {
	color: #FFFFFF;
	background-color: #000000;
	font-size: x-small;
	text-decoration: none;
}
a.menubiblio:hover {
	color: #000000;
	background-color: #E8D587;
	font-size: x-small;
}

a.menuespo {
	color: #ECEBE6;
	text-decoration: underline;
	font-size: x-small;
}

a.menuespo:visited {
	color: #ECEBE6;
	text-decoration: underline;
	font-size: x-small;
}

a.menuespo:hover {
	color: #000000;
	background-color: #ECEBE6;
	font-size: x-small;
}
#piedipagina {
	color: #fcc86e;
	background-color: #000000;
	text-align: center;
	margin-top: 0px;	
	padding-bottom: 3px;
	width:100%;
	color: #cccccc;
	font-size: 10px;
	position: relative;
	bottom: 0px;
	left: 0px;
}
.grigio {
	color: #AAAAAA;
}
.bianco {
	color: #FFFFFF;
	font-size: x-small;
}

/* end css for IMSS header and nav */