@charset "UTF-8";
h1 {
    text-align: center;
    margin-bottom: 30px;
}
h3 {color:#666; font-size:16px;}
h2, h4, p{
	text-align: center;
	}

.spacing-table {
    border-collapse: separate;
    border-spacing: 0 5px; /* this is the ultimate fix */
}
.spacing-table th {
    text-align: left;
    padding: 5px 15px;
}
.spacing-table td {
    border-width: 3px 0;
    padding: 5px 15px;
}

.rotate{
  -webkit-transform: rotate(90deg);  /* Chrome, Safari 3.1+ */
 -moz-transform: rotate(90deg);  /* Firefox 3.5-15 */
  -ms-transform: rotate(90deg);  /* IE 9 */
   -o-transform: rotate(90deg);  /* Opera 10.50-12.00 */
      transform: rotate(90deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
      
}

#main {
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	margin-bottom: 60px;
}

#wrapper				{ width:900px; margin:10px auto; background-color:#FFF; padding:0 40px;} 

#content                { float:left; width:580px; padding: 0 30px 0 30px;}
#content h1				{ color:#333; font-size:30px;}
#content h2				{ color:#333;font-size:24px;}
#content h3				{ color:#333;font-size:16px;font-weight:bold; text-align: left}
#content li				{ font-size:14px; line-height:180%;}
#content a				{ text-decoration:none; color:#666; font-weight:bold}

#content pre            {font: 80% courier,monospace; overflow: auto; overflow-x: scroll;}

#right-side             {float:right; width:270px; margin:10px 0 20px 10px;}
#right-side h2			{color:#333; font-size:20px;}
#right-side h3			{color:#666; font-size:16px;}
#right-side p			{font-size:14px; line-height:180%;}
#right-side li			{font-size:14px; line-height:180%;}
#right-side a			{text-decoration:none; color:#666}


#footer					{clear:both; padding:10px 0; border-top:1px #000 dotted; }
#footer	p				{text-align:center; font-size:12px; font-weight:bold;}	

footer {
	margin-top: 60px;
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #777777;
	color: #F5F5F5;
	text-align: center;
}
.navbar.navbar-default {
	border-radius: 0px;
	background-color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 20px;
	border-color: #FFFFFF;
}
.image-fill {
	width: 100%;
}
.legend { 
	text-align: center;
	width:100%; 
	font-size: 12px; 
	border: 0px;   
	line-height: 18px;
    margin-bottom: 30px;
	}
.justify {
    text-align: justify;
}
.tabletiny {
    font-size: 8px;
    text-align: left;
}
.figure {
    margin-top: 20px;
    margin-bottom: 20px;
}
#wrapper {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
pre {
  white-space: pre;
  word-wrap: normal;
  
}