* {margin: 0; padding: 0;}
html {font-size: 62.5%;}
body {font: 1.1em verdana, arial, sans-serif; background: #551901 url(../IMG/mainBG3.jpg) fixed 0 0; color: #EEE;}
a {color: #FFF;}
a:visited {color: #CCC;}
a:hover {color: #FFF; text-decoration: none;}
p {margin: 1em 0 1em; font-size: 1.2em; line-height: 1.8em;}
q {display: block; padding: 7px 0; line-height: 1.8em;}
img {border: 0 none;}
ul {list-style-type: none; font-size: 1.2em;}
ol {margin: 20px; font-size: 1.2em;}
li {margin-top: 1em;}

h1 {width: 960px; height: 118px; background: #FFF url(../IMG/title.jpg) no-repeat 0 0;}
h1 a {display: block; width: 960px; height: 118px;}
h2 {width: 930px; margin: 6px -30px 0; padding: 20px 0 0 30px; border-top: 1px solid #444; font: bold italic 1.5em "Trebuchet MS", verdana, arial, sans-serif; text-align: left; letter-spacing: 0.6em;}
h3 {font: bold italic 1.1em "Trebuchet MS", verdana, arial, sans-serif; text-align: left; letter-spacing: 0.3em;}

table {border-collapse: collapse;}
table.access {width: 200px;}
col.title {font-weight: bold;}
tr {vertical-align: middle;}
th {text-align: left; font-style: italic; padding: .5em; margin-right: 2em; border: 1px dotted #444; background-color: #751901;}
td {padding: .5em; border: 1px dotted #444;}
td[scope] {font-weight: bold;}
td[scope].subtitle {font-weight: normal;}
td.subtitle {padding-left: 2em;}
.bandwidth {width: 80px; text-align: center;}
tr:nth-child(odd) {background-color: #651901;}
tr:nth-child(even) {background-color: #751901;}

.title {width: 410px;}
.notes {width: 400px;}

#skip a {position: absolute; top: auto; left: -10000px; width: 1px; height: 1px; overflow: hidden;} 
#skip a:focus, #skip a:active {top: 10px; left: 20px; width: auto; height: auto; overflow: visible; color: #FFF;}

.offScreen {position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}

#outerWrapper {width: 960px; margin: 0 auto; background-color: #551901; border: 1px solid #111; overflow: hidden;}

#nav {width: 960px; height: 26px; list-style: none; border-top: 1px solid #000; overflow: hidden; margin: 0 0 10px; padding: 6px 0; text-align: center; background-color: #A90000; box-shadow: 0 5px 15px #222; -moz-box-shadow: 0 5px 15px #222; -webkit-box-shadow: 0 5px 15px #222;}
#nav li {display: inline-block; margin-top: 5px;}
*+html #nav li {display: inline;}
#nav li a {font-weight: bold; margin: 0 35px; padding: 4px 40px; text-decoration: none; border: 1px solid #777; background-color: #222; border-radius: 5px; -moz-border-radius: 5px; letter-spacing: 0.1em; color: #AAA;}
#nav li a:visited {color: #AAA;}
#nav li a:hover {background-color: #551901; color: #FFF; border-color: #555;}

#main {padding: 0 30px;}

#footer {clear: both; margin-top: 20px; padding-top: 10px; text-align: center; background-color: #111;}
#footer li a {margin: 0 2em;}
#footer li {display: inline;}
#footer p {color: #666; margin: 0; padding: 0.8em 0; color: #888; font-size: 1em;}
#footer p a {color: #666;}

@media screen and (min-width: 1200px) {
	#outerWrapper, #nav, h1, h1 a {width: 1160px;}
	h1 {background-image: url(../IMG/title-wide.jpg);}
	h2 {width: 1130px;}
	.title {width: 510px;}
  .notes {width: 500px;}
}