/************************************************************************************
REGULAR STRUCTURE
*************************************************************************************/
html, body {
    height: 100%;
}
body,td,th {
	font-family: 'Gill Sans', 'Gill Sans MT', Trebuchet, 'Trebuchet MS', 'Helvetica Nueue', Helvetica, Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #333;
	line-height:20px;
	/* text-align:justify; */
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ccc;
}
a:link {
	color:#009390;
	text-decoration: none;
}
a:visited {
	color:#009390;
	text-decoration: none;
}
a:hover {
	color:#026462;
	text-decoration: underline;
}
a:active {
	color:#009390;
	text-decoration: none;
}
.heading_homepage {
	font-size: 20px;
	color: #009390;
	text-align:left;
}
.heading_gray {
	font-size: 30px;
	font-weight: bold;
	color: #666;
	text-align:center;
	padding: 20px;
	margin-right:120px;
}
.heading_small {
	font-size: 15px;
	color: #666;
	text-align:center;
	margin-right:120px;
}
.heading_green {
	font-size: 26px;
	color: #009390;
	text-align:left;
	padding: 20px;
}
.subheading {
	font-size: 9pt; 
	color: #000066; 
	font-weight: bold;
}
.subheading_green {
	font-size: 22px;
	color: #009390;
	text-align:left;
	text-decoration:underline;
}
.formtextbox {
	font-size: 13px;
	border-width:1px;
	border-color: #CCC;
}
.bodytext_left {
	font-family: 'Gill Sans', 'Gill Sans MT', Trebuchet, 'Trebuchet MS', 'Helvetica Nueue', Helvetica, Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #333;
	line-height:20px;
	text-align:left;
}
.attention{
	color:#C00;
	text-align:center;
}

.note{
	font-size: 14px;
	color:#666;
	font-weight:normal;
}

#actdiv{
	border-top:1px #666 dotted;
	padding:10px 0;
	clear:both;
}

#msg{
	border:3px #ff6600 dotted;
	background-color: #f9fbe8;
	padding:10px 0;
	color:#C00;
	font-weight: 600;
	font-size: 20px;
	margin-bottom: 18px;
}

/************************************************************************************
Magnify an image
*************************************************************************************/

a.magnify {display:block; text-decoration:none; background:#fff; border:0; float:left;}
a.magnify img {display:block; border:0;}
a.magnify:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
a.magnify b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;

-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);

-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;

 -webkit-transition: opacity 0.6s ease-in-out;

}

a.magnify:hover b {top:-65px; left:110px; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0;

}

/************************************************************************************
Clear Fix
*************************************************************************************/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/************************************************************************************
NAVIGATION
*************************************************************************************/

nav {
	height: 35px;
	width: 100%;
	background: #2b2b2b;
	font-size: 11pt;
	position: relative;
	border-bottom: 2px solid #1d1e20;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width: 900px;
	height: 35px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	display: inline-block;
	width: 110px;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
	/* text-shadow: 1px 1px 0px #283744; */
}
#admin a {
	display: inline-block;
	width: 100px;
	font-size: 10pt;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
	/* text-shadow: 1px 1px 0px #283744; */
}
nav li a {
	border-right: 1px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}

nav a:link, nav a:visited {
	color: #ffffff;
}

nav a:hover, nav a:active {
	background-color: #47b5b4;
}

nav a#pull {
	display: none;
}
/************************************************************************************
RESPONSIVE STRUCTURE
*************************************************************************************/

#pagewrap {
	width: 960px;
	margin: 0px auto;
	border: solid 1px #333;
	/* background-color:#FF6; */
}
#header {
	height: 100px;
	padding: 5px 5px;
	margin: 0 auto 0 auto;
	background-color: #fff;
	border-bottom: solid 1px #ccc;
}
#logo {
	height: 90px;
	padding: 5px 15px;
	float: left;
}
#heading {
	height: 90px;
	padding: 5px 15px;
}
#sns {
	height: 90px;
	padding: 5px 15px;
	float: right;
}
#edate {
	clear: both;
	text-align: center;
	padding: 8px 0px 15px 0px;
}
#col-wrap{
	overflow: hidden;
	background-color:#fff;
}
#col {
	width: auto;
	padding: 1% 4%;
	margin: 0px;
}
#centering {
	text-align:center;
}

#speaker, #video {
	padding: 2px;	
	display: inline-block;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed,  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#footer {
	clear: both;
	border-top: solid 1px #ccc;
	padding: 25px 5px;
	height: 50px;
}

#copyright {
	padding: 20px 0px 10px 0px;
}

/************************************************************************************
Style 
*************************************************************************************/
#speaker div {
	float: none;
	text-align: center;
	width:auto;
	color: #666;
	font-size: 10px;
}
#sponsor div {
	float: none;
	text-align: center;
	width:auto;
	color: #666;
}
#sponsorlist div {
	float: left;
	text-align: center;
	width:auto;
	color: #666;
	padding: 15px;
}
#sponsorlist .fluid {
	   max-width: 100%;
	   height: auto;
}
.clearboth{
	clear: both;
}
#edate {
	color: #fff;
	font-size: 23px;
}
#col1 h2, #col3 h2 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 18px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	/*text-shadow: 1px 1px 0px #CCC;*/
	color:#406618;
	text-align:center;
	font-weight:100;
}
#col1, #col3 {
	line-height:17px;
}
#footer {
	text-align: center;
	color:#406618;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
	color:#eaf7d5;
}

/****************** TABLE **************************/	
.tbbase{ 
	background-color: #000066; 
}
.tbhead{ 
	background-color: #d1e2e9; 
}
.tbcover{ 
	background-color: #fff;
	font-size: 8pt; 
	color: #333; 
	font-weight: normal;	 
}
.tbrow{
	background-color: #ECFDD0;
	font-size: 8pt; 
	color: #333; 
	font-weight: normal;	
}
.tbatt{
	background-color: #FFFF99;
	font-size: 8pt; 
	color: #333; 
	font-weight: normal;
}
.grayout {
	font-size: 8pt; 
	color: #fff;
	background-color: #c9c9c9;
	font-weight: normal;
}
.progress {
	font-size: 8pt; 
	color: #fff;
	background-color: #09C;
	font-weight: normal;
}
.flag {
	font-size: 8pt; 
	color: #FF0000;
	background-color:#FF9999; 
	font-weight: normal;
}
.tablechil{ 
	border: #000066 1px solid; 
	background-color: #fff;
}
/****************** END **************************/