/* Standardizing margins, etc. across browsers */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0; outline: 0;
  font-size: 100%; background: transparent; }
  
body 	{line-height: 1em;}
ol, ul 	{list-style: none;}
blockquote, q { quotes: none; }
:focus 	{ outline: 0;}
ins 	{ text-decoration: none;}
del 	{ text-decoration: line-through;}
table 	{ border-collapse: collapse; border-spacing: 0;}
img 	{ border:0;}

/* Global Styling */
html, body, form, fieldset { font: 100%/1.8em Verdana, Arial, sans-serif;}
html, body 		{height: 100%;}
body 		{ font-size: 70%; background-color:#ffffff; color:#000000; margin-top: 3px; text-align: center;
}

h1 {font-size:120%; padding-bottom: 4px; font-weight: bold;}
h2 {margin:0 0 1em 0; font-size:110%;}  
h3 {margin:1em 0; font-size:100%;}

div, p, table, td, th, span {	font: 1em/1.8em Verdana, Arial, sans-serif; color: #000;}
td, th		{	vertical-align: top;}
p { padding-left: 20px;}

a {font-weight: bold; text-decoration: none; color: #2a2a2a; }
a:hover, {text-decoration: underline; color: #205875; }

div#container { text-align:left; margin: 0 auto;}
div#mod_nav {text-align: right; width: 538px;}

ul#navigation  {width: 100%; margin: 25px 0; vertical-align:middle;}
ul#navigation li {display: inline; list-style-type: none; }
ul#navigation a:link, ul#navigation a:visited, ul#navigation a:hover, ul#navigation a:active {text-decoration: none; font: 14px arial, helvetica, sans-serif; line-height:18px; float: none !important; float:left; margin: 0px 15px 0px 15px; font-weight:bold; }
 .leftfloat { float: left; position: relative; }

/* Vids */
#video {
  width: 494px;
  height: 374px;
  margin: 0 auto;
  padding: 30px 0 0 0;
  text-align: center;
}

#video_right {
  background: url('../images/10_blackbox_448x377.png') no-repeat;
  width: 350px; height: 377px;
  left: -30px; 
  float: right; position: relative; 
  top: 13px; padding: 0 10px 0 10px;
  text-align: left;
}

#video_left {
  background: url('../images/10_blackbox_448x377.png') no-repeat;
  width: 350px; height: 377px;
  right: -20px;  
  float: left; position: relative; 
  top: 13px; padding: 0 10px 0 10px;
  text-align: left;
}

div#inset_pic {border: 1px solid #222222;
  width: 500px; height: 301px;
  left: -30px; 
  float: right; position: relative; 
  top: 40px; padding: 0;
  text-align: left;
}

div#inset_pic2 {border: 1px solid #222222;
  width: 387px; height: 331px;
  left: -30px; 
  float: right; position: relative; 
  top: 40px; padding: 0;
  text-align: left;
}

a.previous_button, a.next_button { border: 1px solid #333333; padding: 3px; text-decoration: none;}
a.previous_button:hover, a.next_button:hover { border-color: #205875; color: #205875; text-decoration: none;}

div#page_caption {float: left;  position: relative; width: 750px;}
.page_nav {margin: 10px 30px 0 10px; float: right; position: relative; width: 150px;}
.clr { clear: both; }