@import url('zero.css');

body { background-color: #22292F; color: white; font: 12px/1.4 Arial, Helvetica, sans-serif; }

h1 { margin: 1.4em 0 1.4em 0; }
h2 { margin: 1.4em 0 1.4em 0; font-size: 110%; font-weight: bold; }
h3 { font-weight: bold; font-size: 110%; }

ul.matrix { width: 410px; }
	ul.matrix li { display: block; float: left; margin: 0 15px 15px 0; width: 120px; height: 121px; }

ul.offset-matrix { float: left; width: 272px; }
	ul.offset-matrix li { display: block; float: left; margin: 0 15px 15px 0; width: 120px; height: 121px; }
	ul.offset-matrix a { }

ul.subnav { margin-top: 1em !important; margin-left: 0 !important; list-style: none !important; padding: 0 !important; }
	ul.subnav li { padding: 0; margin: 0; }

p { margin-bottom: 0.6em ;}

.first { margin-top: 0; }

#container { width: 955px; margin: 0 auto; padding-top: 20px; position: relative; }
		#header { height: 150px; }
		#header .logo { float: left; width: 104px; height: 108px; background-image: url(../images/logo.gif); background-repeat: no-repeat; }
		#header .strap { position: absolute; top: 20px; right: 0; z-index: 100; width: 148px; height: 70px; background-image: url(../images/strap.gif); background-repeat: no-repeat; }
		
	#nav { width: 162px; float: left; margin-top: 20px; padding-bottom: 20px; }
		#nav li { display: block; margin: 0 0 0.8em 0; }
		
	#main { margin-left: 200px; position: relative; margin-top: -50px; }
    
	#news h2.first { margin-bottom: 0; }
	#news h3 { margin-bottom: 1.4em; }
	#news .news-item { width: 320px; float: left; }
	#news ul.archive { font-size: 90%; width: 190px; float: left; list-style: none; margin-left: 50px; }
		#news ul.archive li { margin-bottom: 0.8em; }
	
	#accreditations .thumbnail { cursor: hand; cursor: pointer; }

  .content { position: absolute; }
    .content-inner { background-color: black; color: white; padding: 40px 20px 40px 20px; overflow: hidden; position: absolute; top: 0; left: 0; }
    .col-1 .content-inner { width: 353px; }
    .col-2 .content-inner { width: 580px; }
    .col-3 .content-inner { width: 442px; }
    .col-4 .content-inner { width: 294px; }
    
    .row-1 .content-inner { }
    .row-2 .content-inner { }

		.content .main-image { float: right; margin-right: 80px; }
   	
  .content-inner a { color: white; }
	.content-inner ul { list-style: circle outside; margin: 0 0 0.6em 1.5em; }
		.content-inner ul li { margin-bottom:0.4em; }
	.content-inner table { margin-bottom: 1.4em; }
	 	.content-inner table th { font-weight: bold; padding-right: 40px; }

	.content-inner .left { width: 200px; float: left; }
	.content-inner .right { width: 200px; margin-left: 220px; }

	.content-inner-wide { width: 500px !important; padding-left: 40px; padding-right: 40px; }

	.content-inner table { width: 100%; }
		.content-inner table td { padding-right: 10px;}

  .large-image { display: none; position: absolute; top: 0; left: 0 }  
    
  .block { position: absolute; width: 121px; height: 121px; }
  
  .blank { background-color: black; }
  
  .col-1 { top: 0; left: 0; }
  .col-2 { top: 0; left: 136px; }
  .col-3 { top: 0; left: 272px; }
  .col-4 { top: 0; left: 408px; }
  .col-5 { top: 0; left: 544px; }
  
  .row-1 { top: 0; }
  .row-2 { top: 136px; }
  .row-3 { top: 272px; }
  .row-4 { top: 408px; }
  .row-5 { top: 544px; }
  
  form table td { padding-bottom: 0.8em; }
  form table th { padding-right: 20px; }