/* CSS Document */

html, body {
	background-color: #F2F2F2;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Garamond;
	color: #303030;
}

ul.links {
	line-height:30px;
	text-align:left;
	font-size:16px;
	padding-left: 80px;
	list-style-type: inherit;
}

a:link {
	color: #303030;
	text-decoration: none;
}

a:visited {
	color: #303030;
	text-decoration: none;
}

a:hover {
	color: black;
}

a:active {
	color: #303030;
	text-decoration: none;
}

a.nav:focus {
	text-decoration: none;
	outline: none;
}

a.nav:link {
	color: #303030;
	text-decoration: none;
}

a.nav:visited {
	color: #303030;
	text-decoration: none;
}

a.nav:hover {
	color: black;
	font-weight: bold;
}

a.nav:active {
	color: #303030;
	text-decoration: none;
}

a.nav:focus {
	text-decoration:none;
	outline:none;
}

#centered {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 840px;
	height: 360px;
	margin-top: -180px; /* half of the height */
	margin-left: -420px; /* half of the width */
}

#homepagemargin {
margin-top:2px;
}

#homepagemargin_antarctica {
margin-top: 46px;
}

#index {
	width:700px;
	height:422px;
	border: none;
	text-align:center;
	background-image:url(../images/indexbk.jpg);
	background-position:center;
}

h1 {
	font-size: 50px;
	letter-spacing: 26px;
	margin-top: 0px;
	padding-top: 46px;
	text-align:center;
	padding-bottom:0;
}

img {
	border: 0;
}

h2 {
	font-size:19px;
	margin-bottom:2px;
}

.titles {
	letter-spacing: 1px;
}

#pastels {
	margin-top:2px;
	font-size:19px;
	background-image:url(../images/pastels.jpg);
	background-repeat:no-repeat;
	background-position:center;
	border-top:1px solid black;
	border-bottom:1px solid black;
}

#pen {
	margin-top:2px;
	font-size:19px;
	background-image:url(../images/pen.jpg);
	background-repeat:no-repeat;
	background-position:center;
	border-top:1px solid black;
	border-bottom:1px solid black;
}

.openbook {
	font-variant: small-caps;
}

.indexwelcome {
	font-size: 35px;
	letter-spacing: 4px;
}

span.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

span.info:hover {
	z-index:25;
}

span.info span {
	display: none
}

span.info:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.4em; width:15em;
    border:1px solid black;
    background-color: #CCCCCC; color:#000;
    text-align: center;
	font-size: 12px;
	line-height:normal;
	text-align:left;
	font-style:italic;
}

table {
	height:250px;
	padding-top:0;
}

td {
	vertical-align:top;
	font-size: 15px;
}

.block {
	margin-top:30px;
	display: block;
	height: 33px;
	width:96px;
	background-color:#CCCCCC ;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;
	border-left: 2px solid #666666;
	font-size: 15px;
}

.block1 {
	margin-top: 45px;
	margin-bottom:30px;
	display: block;
	height: 33px;
	width:96px;
	background-color:#CCCCCC ;
	border-top: 2px solid #666666;
	border-right: 2px solid #666666;
	border-left: 2px solid #666666; 
	padding-bottom:2px;
	font-size: 15px;
}

.block1_antarctica {
	margin-bottom:30px;
	display: block;
	height: 33px;
	width:96px;
	background-color:#CCCCCC ;
	border-top: 2px solid #666666;
	border-right: 2px solid #666666;
	border-left: 2px solid #666666; 
	padding-bottom:2px;
	font-size: 15px;
}

.block2 {
	margin-top: 45px;
	margin-bottom:30px;
	display: block;
	height: 33px;
	width:96px;
	background-color:#303030 ;
	border-top: 2px solid #666666;
	border-right: 2px solid #666666;
	border-left: 2px solid #666666; 
	padding-bottom:2px;
	font-size: 15px;
	color: white;
} 

.block3 {
	margin-top:30px;
	display: block;
	height: 33px;
	width:96px;
	background-color:#303030 ;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;
	border-left: 2px solid #666666;
	font-size: 15px;
	color: white;
}

.block4 {
	margin-top:75px;
	display: block;
	height: 33px;
	width:96px;
	background-color: #7F7F7F;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	border-left: 2px solid black;
	font-size: 15px;
	color: white;
}

.block5 {
	margin-bottom:75px;
	display: block;
	height: 33px;
	width:96px;
	background-color:#7F7F7F ;
	border-top: 2px solid black;
	border-right: 2px solid black;
	border-left: 2px solid black; 
	padding-bottom:2px;
	font-size: 15px;
	color: white;
}

.block6 {
	margin-top:30px;
	display: block;
	height: 33px;
	width:96px;
	background-color: #7F7F7F;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
	border-left: 2px solid black;
	font-size: 15px;
	color: white;
}

a:hover .block {
	background-color: #303030;
	color: white;
}

a:hover .block1 {
	background-color: #303030;
	color: white;
}

a:hover .block1_antarctica {
	background-color: #303030;
	color: white;
}

a:hover .block2 {
	background-color: #CCCCCC;
	color: #303030;
}

a:hover .block3 {
	background-color: #CCCCCC;
	color: #303030;
}

a:hover .block4 {
	background-color: #303030;
	color: white;
}

a:hover .block5 {
	background-color: #303030;
	color: white;
}

a:hover .block6 {
	background-color: #303030;
	color: white;
}

.openbookpage {
	font-size:16px;
	text-align:justify;
	padding-top:10px;
}

#openbook {
	margin-top: 30px;
}

#news {
	margin-top: 0px;
}

#copyright {
	font-family: "Times New Roman", Times, serif;
	font-size:9px;
	color: #666666;
	margin-top: 60px;
}

#questions_of_balance {
	text-align:justify;
	font-size: 16px;
}

.home {
	font-family: "Times New Roman", Times, serif;
	font-size:15px;
	color: #666666;
	text-align:center;
}

a.internal:link {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	
}
a.internal:visited {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	
}
a.internal:hover {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	
}
a.internal:active {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
a.internal:focus {
	text-decoration:none;
	outline:none;
	background-color:#FFFFFF;
}

#backgroundprocess {
margin-left:auto;
margin-right:auto;
margin-top: 100px;
}

.background process {
width: 600px;
}

.paddingtop {
padding-top: 68px;
}

.paddingtop_listen {
padding-top: 50px;
}