/* LAYOUT */

#body {
		background-color: #e5e5e4;
		background-image: url(/images/graphics/bg.gif);
		background-attachment: fixed;
		background-repeat : repeat-x;	
		margin: 2% 0; 
		font-family: Arial, Helvetica, Sans-Serif;
		color:#202020;
		font-size: 14px;
		line-height: 21px;
}
		
#wrap {
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		background-color: #ffffff;
}

/* HEADER */
#header {
		width:92%;
 		padding: 3% 4%;
}
#header .line-1, #header .line-2 {
		font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
		font-size: 28px;
		line-height: 28px;
		font-weight: bold;
		padding: 2px 0;
}
#header .line-2 {
		color: #ccc;
		/*font-size: 18px;
		line-height: 22px;*/
}

/* FOOTER */

#footer {
	clear:both;
	border-top:1px dotted #ccc;
	padding: 1% 4%;
	color: #666;
}


/* CONTENT */

#content {
	clear: both;
}

.normal_column {
	width: 62%;
	padding: 3% 4% 2% 4%;
	display: block; 
	float: left;
}

.normal_column img {
	max-width: 100%;
}

.normal_column  ul {
	list-style: disc;
	padding-left: 25px;
}

.normal_column  ol {
	list-style: upper-roman;
	padding-left: 25px;
}


/* FONTS */


p {
	padding: 5px 0;
}
h1 { 
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	font-size: 25px; 
	line-height: 28px;
	font-weight: normal; 
	color: #202020; 
	padding-bottom: 5px;
}
h2 { 
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	font-size: 17px; 
	line-height: 19px;
	font-weight: normal; 
	/*color: #00b3e2; */
	margin: 20px 0px 0px 0px;
}
p.intro { 
	font-size: 18px; 
	line-height: 24px;
	font-weight: normal; 
	padding-bottom: 10px;
}
sup, sub {
	font-size: 10px;
}
		
/* LINKS */

a, a:visited { color: #00b3e2; text-decoration: none;  }
a:hover, a:visited:hover { color:#fff; background-color: #00b3e2; }

/* IMAGES */
img {border-style:none;}

/*  TABLE */
table.table-intro {
	border-top: #00b3e2 1px solid;
	border-bottom: #00b3e2 1px solid;
	margin-top: 20px;
}
.table-intro th {
	border-bottom: #00b3e2 1px solid;
}
.table-intro td, th
{
	padding: 1%;
	text-align: left;
}
.table-intro tr:nth-of-type(even) {
	background-color: #daeef3;
}
.table-intro td:nth-child(1) {
	width: 26%;
}
.table-intro td:nth-child(2), .table-intro td:nth-child(3) {
	width: 37%;
}
.table-objects td {
	vertical-align: middle;
}
.table-objects td:nth-child(1) {
	width: 30%;
	padding-right: 2%;
}
.table-twocol {
	margin-bottom: 20px;
}
.table-twocol td {
	padding: 1% 3% 1% 0;
	width: 50%;
}
.table-threecol td {
	padding: 1% 3% 1% 0;
	width: 33%;
}


/* BOXES*/
.bluebox {
	display: block;
	background-color: #daeef3;
	border: #00b3e2 1px solid;
	padding: 0 15px 15px 15px;
	margin-top: 12px;
	margin-bottom: 20px;
}


/* NAVIGATION TOP*/

#navigation_top {
	background-color: #f4f4f4;
	width: 94%;
	padding: 0 3%;
	margin-bottom: 2px;
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	font-weight: bold;
	overflow: auto; 
}
  
#navigation_top ul {
 	list-style:none;
}
  
#navigation_top li {
	float:left;
	margin-left: -1px;
	border-left: #fff 1px solid;
	border-right: #fff 1px solid;
}
  
#navigation_top li a {
  	float:left;
  	display:block;
  	padding:11px 20px 10px 20px; 
  	text-decoration:none;
	color: #404040;
  	margin:0;
}

 #navigation_top a:hover{
	color: #00b3e2;
	background-color: #f7f7f7;
}
  
#navigation_top .active, #navigation_top .dir_active {
	background-color: #f7f7f7;
}

#navigation_top .active a, #navigation_top .dir_active a{
	background-color: #f7f7f7;
	color: #00b3e2;
}

/* NEXT BUTTON*/

#next_button {
	display: block;
	float: left;
	padding-left: 4%;
	padding-bottom: 4%;
	width: 50%;
	margin-bottom: 15px;
}
#next_button a {
	display: inline-block;
	font-size: 18px;
	color:#fff;
	background-color: #00b3e2;
	padding: 10px 20px;
	border-radius: 10px;
}
#next_button a:hover {
	background-color: #40d3f0;
}

/* NAVIGATION LEFT*/

#sub_navigation {
	display: block;
	float:right;
	width: 26%;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-right: 4%;
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	font-weight: bold;
	background-color: #f4f4f4;
}

#sub_navigation ul {
	list-style: none;
}

#sub_navigation li.header{
	padding:7px 0px 6px 14px; 
	text-decoration: none;
	color: #b0b0b0;
}

#sub_navigation li a{
	display: block;
 	padding:6px 14px 6px 14px; 
	text-decoration: none;
	color: #202020;
	border-top: #fff 1px solid;
}

#sub_navigation li a:hover, #sub_navigation li.active a{
	background-color: #f7f7f7;
	color: #00b3e2;
}

#sub_navigation li.dir_active a, #sub_navigation li.dir_active a:hover{
	font-weight: bold;
	color: #00b3e2;
}

#sub_navigation li li a, #sub_navigation li.dir_active li a {
	padding:6px 14px 6px 40px; 
	height: auto;
	font-weight: normal;
	color: #202020;
	background-color: #f8f8f8;
}

#sub_navigation li li a:hover, #sub_navigation li.dir_active li a:hover{
	background-color: #f7f7f7;
	color: #00b3e2;
} 

#sub_navigation li li.active a, #sub_navigation li li.active a:hover{
	background-color: #f7f7f7;
	color: #00b3e2;
}

#sub_navigation li li.dir_active a, #sub_navigation li li.dir_active a:hover{
	background-color: #f7f7f7;
	color: #00b3e2;
}

#sub_navigation li li li a, #sub_navigation li.dir_active li li a {
	padding:6px 8px 6px 42px; 
	height: auto;
	font-weight: normal;
}

#sub_navigation li li li a:hover, #sub_navigation li li.dir_active li a:hover{
	background-color: #f7f7f7;
	color: #00b3e2;
}

#sub_navigation li li li.active a, #sub_navigation li li li.active a:hover, #sub_navigation li li li.dir_active a:hover{
	background-color: #f7f7f7;
	color: #00b3e2;
}

/* SLIMMER TOP NAVIGATION ON NARROW SCREENS */
@media (max-width: 1010px) {
	#navigation_top li { border-bottom: #fff 1px solid; }
	#navigation_top li a { padding: 11px 9px 10px 9px; }
	.normal_column { padding-top: 5%; }
}

/* CELL PHONES */
@media (max-width: 500px) {
	#navigation_top li a { padding: 7px 9px 6px 9px; }
	.normal_column, #sub_navigation { width: 92%; }
	.normal_column { padding-top: 8%; }
	.table-intro { font-size: 12px; }
	.table-velocities { font-size: 11px; line-height: 14px; }
	.table-objects td:nth-child(1) { vertical-align: top; padding-top: 15px; }
	.max-width-on-cell { width: 100% !important; }
	#header .line-1, #header .line-2 { font-size: 22px; }
}

/* IPHONE: LOW RES */
@media (max-width: 320px) {
	#navigation_top li a { font-size: 13px; }
}