/* Reset */

html,
body {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 10px;
}

div,
span,
article,
aside,
footer,
header,
hgroup,
nav,
section,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
ol,
ul,
li,
table,
tr,
th,
td,
tbody,
tfoot,
thead {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
}

table,
tr,
th,
td,
tbody,
tfoot,
thead {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
}

input,
select,
textarea,
form,
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
blockquote,
td,
th,
a,
caption,
em,
strong,
strike {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  line-height: 100%;
  text-indent: 0;
  text-decoration: none;
  text-align: left;
  color: #fff;
}

ol,
ul {
  list-style: none;
}

/* Global */

html {
  height: 100%;
}
body {
  height: 100%;
  background-color: #000;
  background-image: url(../images/background/background.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
  font-size: 24px;
  margin-bottom: 5px;
}
h2 {
  font-size: 20px;
  margin-bottom: 20px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 14px;
}

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
  margin: 0;
}

/* Text Elements */

p {
  color: #ccc;
  font-size: 12px;
  line-height: 150%;
  margin: 10px 0;
}
p .left {
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0;
}
p .right {
  margin: 1.5em 0 1.5em 1.5em;
  padding: 0;
}

a {
}
a:link {
  color: #666;
  font-style: italic;
}
a:visited {
  color: #666;
}
a:active {
  color: #000;
}
a:focus {
  color: #666;
}
a:hover {
  color: #fff;
}

blockquote {
  color: #000;
  font-size: 12px;
}

strong {
  font-weight: bold;
}
em {
  font-style: italic;
}

/* Images */

/* Lists */

ul {
}
ol {
  list-style-type: decimal;
}

ul li {
}
ol li {
  color: #fff;
  font-size: 12px;
}

dl {
}
dt {
}
dd {
}

/* Tables */

table {
  width: 100%;
}

tr {
}
.odd {
  background-color: #eee;
}
.even {
  background-color: #fff;
}

th {
  font-weight: bold;
}
thead,
th {
  background: #ccc;
}

tbody {
}

th,
td,
caption {
}
caption {
}

tfoot {
}
.tfooter {
  background-color: #ccc;
  text-align: center;
  font-style: italic;
}

caption {
  background: #efefef;
}

/* Miscellaneous */

sup,
sub {
  line-height: 0;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
}
address {
}
del {
  background: #ffcece;
  color: #f00;
}

code,
pre {
  background-color: #ff9;
  padding: 2px 0px;
  margin: 4px 25px;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  font-weight: normal;
  line-height: 150%;
}

/* Containers */

#wrapper {
  width: 900px;
  margin: 0 auto;
  padding: 0 20px;
  background-image: url(../images/background/black-trans_60_38.png);
  background-repeat: repeat;
  clear: both;
}

#logo {
  width: 900px;
  margin: 0 auto;
  padding: 10px 20px 195px 20px;
  background-color: #000;
}
#logo img {
  float: left;
}

* {
  margin: 0px;
  padding: 0px;
}
#nav {
  clear: both;
  background: url(../images/nav/ccnavbar.png);
  height: 28px;
  width: 890px;
  margin: 0 auto;
}
#nav span {
  display: none;
}
#nav li {
  list-style-type: none;
  float: left;
}
#nav a {
  height: 28px;
  display: block;
}

#list1 {
  width: 130.25px;
}
#list2 {
  width: 126.25px;
}
#list3 {
  width: 126.25px;
}
#list4 {
  width: 125px;
}
#list5 {
  width: 126px;
}
#list6 {
  width: 126px;
}
#list7 {
  width: 130.25px;
}

#list1 a:hover {
  background: url(../images/nav/ccnavbar.png) 0px -28px;
  background-repeat: no-repeat;
}
#list2 a:hover {
  background: url(../images/nav/ccnavbar.png) -130.25px -28px;
  background-repeat: no-repeat;
}
#list3 a:hover {
  background: url(../images/nav/ccnavbar.png) -256.5px -28px;
  background-repeat: no-repeat;
}
#list4 a:hover {
  background: url(../images/nav/ccnavbar.png) -382.75px -28px;
  background-repeat: no-repeat;
}
#list5 a:hover {
  background: url(../images/nav/ccnavbar.png) -507.75px -28px;
  background-repeat: no-repeat;
}
#list6 a:hover {
  background: url(../images/nav/ccnavbar.png) -633.75px -28px;
  background-repeat: no-repeat;
}
#list7 a:hover {
  background: url(../images/nav/ccnavbar.png) -759.75px -28px;
  background-repeat: no-repeat;
}

#banner {
  margin: 40px 5px;
}

#content {
  width: 600px;
  float: left;
}
#bottom-image {
  margin: 30px 0 0 0;
  text-align: center;
}

#fullwidth h1 {
  background: url(../images/background/white-line.png);
}
#fullwidth ul li {
  font-size: 14px;
  margin-bottom: 3px;
}
#fullwidth a:link {
  font-size: 14px;
}
.img-border {
  border: 1px #ccc solid;
  padding: 5px;
  margin: 15px 5px 5px 5px;
}

#rightside {
  width: 245px;
  float: right;
  padding: 10px 0 0 35px;
  background: url(../images/background/line.png) no-repeat;
}
#rightside ul li {
  margin: 15px 35px;
  font-size: 16px;
  color: #ccc;
}
#rightside a:link {
  font-size: 14px;
  color: #fff;
}
#rightside a:hover {
  color: #666;
}

#rightside-home {
  width: 245px;
  float: right;
  padding: 3px 0 0 35px;
  background: url(../images/background/line.png) no-repeat;
}
#rightside-home ul li {
  margin: 15px 35px;
  font-size: 16px;
  color: #ccc;
}

#columns-above {
  margin: 45px 0 20px 0;
  text-align: center;
}
#columns-above h2 {
  text-align: center;
  margin-bottom: 0;
}
#columns {
  width: 300px;
  float: left;
  margin-bottom: 35px;
  text-align: center;
}
#columns h2 {
  text-align: center;
}
#columns img {
  margin: 0 4px -7px 0;
}
#columns p {
  font-style: italic;
  font-size: 15px;
  text-align: center;
}
#columns a:link {
  font-size: 15px;
  color: #ccc;
}
#columns a:hover {
  color: #fff;
}

#references {
  margin-top: 35px;
  text-align: center;
}
#references h2 {
  text-align: center;
  margin-bottom: 0;
}
.border {
  margin: 15px;
  border: 3px #333 solid;
}
#references a:hover img {
  border: 3px #666666 solid;
}

#digi {
  width: 400px;
  float: left;
}
#digi img {
  margin: 10px;
  border: 3px #333 solid;
}

#footer {
  clear: both;
  padding-bottom: 10px;
}
#footer img {
  padding-top: 35px;
}
.footer-text {
  font-size: 11px;
  font-style: normal;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
}

/* Layout Extra */

/* Navigation Extra */

/* Forms */

form {
  margin-left: 50px;
}

input {
  border: 1px #333 solid;
  height: 18px;
}

textarea {
  border: 1px #333 solid;
  width: 400px;
  height: 125px;
  margin-bottom: 16px;
}

/* Miscellaneous  */

.digi-img {
  border: 4px #ffc solid;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}

.margin-bottom {
  margin-bottom: 30px;
}
.margin-top {
  margin-top: 40px;
}
.nomargin {
  margin: none;
}
.red {
  color: #f00;
}

.copyright-text {
  font-size: 80%;
  font-style: italic;
  color: #333;
}
.title {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.subtitle {
  font-size: 14px;
  font-style: italic;
  color: #333;
}

.artist {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.author {
  font-size: 14px;
  font-weight: bold;
  color: #555;
}
.editor {
  font-size: 14px;
  font-style: italic;
  color: #555;
}

.pub-date {
  font-size: 10px;
  font-style: italic;
  color: #555;
}
.article-date {
  font-size: 10px;
  font-style: italic;
  color: #555;
}
.location {
  font-size: 10px;
  font-style: italic;
  color: #555;
}

.float-right {
  float: right;
}
.float-left {
  float: left;
}
.clear {
  clear: both;
}

.hide {
  display: none;
}
.block {
  display: block;
}
.inline {
  display: inline;
}

.first {
  font-weight: bold;
}
.last {
  font-weight: bold;
}
.left {
  font-weight: bold;
  text-align: left;
}
.right {
  font-weight: bold;
  text-align: right;
}

.added {
  background: #d7d7ff;
}
.removed {
  background: #ffcece;
  color: #f00;
}
.changed {
  background: #ffb;
}

/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error,
.alert,
.notice,
.success,
.info {
  padding: 0.8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
}

.error,
.alert {
  background: #fbe3e4;
  color: #8a1f11;
  border-color: #fbc2c4;
}

.notice {
  background: #fff6bf;
  color: #514721;
  border-color: #ffd324;
}

.success {
  background: #e6efc2;
  color: #264409;
  border-color: #c6d880;
}

.info {
  background: #d5edf8;
  color: #205791;
  border-color: #92cae4;
}

.error a {
  color: #8a1f11;
}
.alert a {
  color: #8a1f11;
}

.notice a {
  color: #514721;
}
.success a {
  color: #264409;
}
.info a {
  color: #205791;
}