h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;color:#2d2d2d}

h1,.h1{font-size:50px; color:white; line-height:1.1}
.h1:hover{text-decoration:none}
h2,.h2{font-size:30px; color:white; line-height:1.1}
h3,.h3{font-size:24px;}



body.r {
background-color: #26537C;
background-image: -webkit-gradient(linear, left top, left bottom, from(#26537C), to(#ffffff));
background-image: -webkit-linear-gradient(top, #26537C, #ffffff);
background-image:    -moz-linear-gradient(top, #26537C, #ffffff);
background-image:      -o-linear-gradient(top, #26537C, #ffffff);
background-image:         linear-gradient(to bottom, #26537C, #ffffff);
background-attachment: fixed;
}


div.header {
border-radius: 25px;
background: #044A6B;
width: 810px;
padding:10px 0px;
}

div.figtext {
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
color:white;
}

div.shutter {
	display: none;
	height: 1000px;
	background-color: black;
	opacity: 0.8;
	margin:0;
	z-index:10000;
	top: 0px;
	left: 0px;
	width: 100%;
	position: absolute;
}

div.overlay_image {
	display: none;
	position: absolute;
	z-index: 10001;
	width: 100%;
	left: 0px;
}

img.overlay_image {
	border: 1px solid white;
	padding:3px;
}


div.main {
margin-top:100px;
text-align: center;
width: 810px;
}

div.navi { 
text-align:left;
padding:15px 0px;
margin-top:20px;
border-radius: 15px;
width:160px;
background: #E8E8E8;
float:left;
line-height:30px;
}

div.inner_navi {
margin-left:15px;
}

a {
text-decoration:none;
color:#0084D1;
}

a.navi {
font-family: Verdana,Helvetica,Arial,sans-serif;
text-decoration:none;
margin:10px;
font-size:14px;
color:black;
}

a.navi:hover {
color:#0084D1;
text-decoration:none;
}


a.subnavi {
font-family: Verdana,Helvetica,Arial,sans-serif;
text-decoration:none;
margin:5px 20px;
font-size:11px;
color:black;
}

a.subnavi:hover {
color:#0084D1;
text-decoration:none;
}




a:hover {
text-decoration:underline;
}




div.content { 
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size:12px;
float:right;
margin-top:20px;
margin-left:0px;
border-radius: 15px;
width:630px;
background: #F4F4F4;
text-align:left;
}

div.inner_content { 
margin:20px 30px;
line-height:20px;
}

div.section_head {
height:40px;
border-width: 0 0 1px 0;
border-style:solid;
border-color:#AAAAAA;
padding-top:1px;
padding-bottom:6px;
margin-bottom:20px;
margin-top:0px;
} 

div.footer {
margin-top:10px;
padding-top:5px;
float:left;
width: 800px;
height:35px;
border-width: 1px 0 0px 0;
border-style:solid;
border-color:#CCCCCC;
font-family: Verdana,Helvetica,Arial,sans-serif;
font-size:10px;
}

div.code {
padding:4px;
background-color:white;
border-width: 1px;
border-style: dashed;
border-color:#CCCCCC;
font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
margin: 15px 5px 20px 25px;
}

span.icode {
background-color:white;
border-width: 1px;
border-style: dotted;
border-color:#AAAAAA;
padding:2px;
font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
}

span.comment {
color: #008000;
}

span.input {
color: blue;
}

span.output {
font-style:italic;
}

img.image {
border: 1px solid #CCCCCC;
margin:10px;
}

div.picturedesc {
line-height:14px;
text-align:left;
font-size:11px;
width:400px;
margin-bottom:30px;
}

br.picturedesc {
clear:right;
}

div.picturedescleft {
float:left;
}

div.picturedescright {
float:right;
width:350px;
}

li {
margin-bottom:10px;
}

ul {
list-style-type:circle;
margin-left:-10px;
margin-bottom:20px;
}