* {
  margin: 0;
  padding: 0;
}

body {
  background: url("../images/bg.jpg") #222222 repeat;
  font-family: Arial, "MS Trebuchet", sans-serif;
  font-size: 11px;
  color: #fff;
}

a {
  text-decoration: none;
  color: #fff;
}

a:hover {
  color: #ccc;
}

a img {
  border: none;
}

/* hack for img's in strict mode to remove bottom margin */
img { display: block; }

p {
  margin-bottom: 8px;
}

ul, 
ol {
    margin-left: 20px;
    margin-bottom: 8px;
}

.clear {
  clear: both;
}


#container,
#header #wrapper,
#footer #wrapper {
  width: 955px;
  margin: 0 auto;
clear: both;
}

#header {
  height: 122px;
  margin-bottom: 4px;
  background: url("../images/header-bg.png") 50% 0 repeat-x;
  border-bottom: 1px solid #333;
}

#header #logo,
#header #wrapper a {
    width: 216px;
    height: 122px;
    float: left;
}



#col1 {
  width: 600px;
  float: left;
margin-right: 5px;
}

#col2 {
    width: 350px;
    float: left;
}


#image-rotator,
.header-image {
    width: 580px;
    height: 280px;
    background-color: #000;
    margin-bottom: 6px;
    padding: 10px;
}



.listing,
.box {
    width: 292px;
    float: left;
    margin-right: 8px;
border: 2px solid #000;
margin-bottom: 8px;
background-color: #000;
/*
background: url("../images/header-bg.png") #000 repeat-x;
*/
}

.listing h2 {
    background-color: #000;
    margin-bottom: 4px;
    padding-left: 4px;
}

#col2 .listing {
    width: 339px;
    padding: 4px;
}

#col2 .box {
    width: 347px;
}

.ad300x300,
.ad300x250,
.ad250x250 {
    margin: 21px;
}


#col2 .listing #video-player {
    margin-bottom: 5px;
}

.listing.last {
    margin:0;
}

.listing .headline-container {
    margin-bottom: 5px;
    margin-left: 4px;
    margin-right: 4px;
}

.listing .headline-container .image {
  float: left;
  width: 95px;
}

.contentbox .headline-container {
    margin-bottom: 10px;
    margin-left: 8px;
    margin-right: 8px;
}

.contentbox .headline-container .image {
    float: left;
    width: 145px;
}

#nav {
    height: 36px;
    margin: 10px 0;
    text-transform: uppercase;
}

#nav ul {
    padding-top: 10px;
    padding-bottom: 12px;   
}

#nav li {
    display: inline;
    padding: 8px 15px 12px 20px;
    font-size: 14px;
    font-weight: bold;
}

#nav li a {
    padding: 10px;
    color: #fff;
    
}
    
    

#nav li a:hover {
    text-decoration: none;
}

#nav li.current a.nav-news { color: #00abe4; }
#nav li.current a.nav-articles { color: #fd332f; }
#nav li.current a.nav-events { color: #7ec432; }
#nav li.current a.nav-profiles { color: #ec008c; }
#nav li.current a.nav-forum { color: #fecd1a; }
#nav li.current a.nav-magazine { color: #92278f; }
#nav li.current a.nav-videos { color: #e37a08; }

#nav li a.nav-news:hover { color: #00abe4; }
#nav li a.nav-articles:hover { color: #fd332f; }
#nav li a.nav-events:hover { color: #7ec432; }
#nav li a.nav-profiles:hover { color: #ec008c; }
#nav li a.nav-forum:hover { color: #fecd1a; }
#nav li a.nav-magazine:hover { color: #92278f; }
#nav li a.nav-videos:hover { color: #e37a08; }

#news-headlines h2 { 
    background:url("../images/news-headline-title.jpg") no-repeat; 
    height: 30px; 
    width: 100px;
    margin: 5px 5px 12px 5px; 
    display: block;
}

#news-headlines h2 a { 
    display: block;
    width: 100px;
    height: 30px;
}

#news-headlines h3 a { color: #00abe4; }

#article-headlines h2  { 
    background:url("../images/articles-headline-title.jpg") no-repeat; 
    height:30px; 
    margin: 5px 5px 12px 5px; 
}

#article-headlines h2 a { 
    display: block;
    width: 100px;
    height: 30px;
}

#article-headlines h3 a { color: #fd332f; }

#event-headlines h2  { 
    background:url("../images/events-headline-title.jpg") no-repeat; 
    height:30px; 
    margin: 5px 5px 12px 5px; 
}

#event-headlines h2 a { 
    display: block;
    width: 100px;
    height: 30px;
}

#event-headlines h3 a { color: #7ec432; }

#forum-headlines h2 { 
    background:url("../images/forum-headline-title.jpg") no-repeat; 
    height:30px; 
    margin: 5px 5px 12px 5px; 
}

#forum-headlines h2 a { 
    display: block;
    width: 100px;
    height: 30px;
}

#forum-headlines h3 a { color: #fecd1a; }



#video-headlines h2  { 
    background:url("../images/videos-headline-title.jpg") no-repeat; 
    height:30px; 
    margin: 5px; 
}

#video-headlines h2 a { 
    display: block;
    width: 100px;
    height: 30px;
}

#video-headlines h3 a { 
    color: #e37a08; 
}


#footer {
    height: 100px;
    background: url("../images/footer-bg.png") #000 repeat-x bottom;
    border-top: 1px solid #333;
    padding-top: 10px;
}

#headerbanner {
    float: right;
    margin-top: 55px;
}

#footerbanner {
    float: left;
}

#footer #text {
    float: right;
}

.contentbox {
    width: 580px;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 10px;
    background-color: #000;
}

#archive-year-list {
    margin-top: 5px;
    margin-left: 20px;
    margin-bottom: 10px;
}

#archive-year-list .year {
    padding-top: 5px;
}

.archive-month-list li {
    margin-left: 10px;
}

#news-section h2,
#news-section h3,
#news-section a {
    color: #00abe4;
}

#events-section h2,
#events-section h3,
#events-section a {
    color: #7ec432;
}

#articles-section h2,
#articles-section h3,
#articles-section a {
    color: #fd332f;
}

#forum-section h2,
#forum-section h3,
#forum-section a {
    color: #fecd1a;
}


#videos-section h2,
#videos-section h3,
#videos-section a {
    color: #e37a08;
}


.page-heading {
    margin-bottom: 12px;
}

#forumbox {
    padding-top: 15px;
    background-color: #000000;
    margin-bottom: 10px;
}

#articles-section .question {
    color: #fd332f;
    margin-bottom: 0;
}

#articles-section .intro {
    font-size: +1;
}

#events-section #col1 .listing {
    width: 580px;
}

#news-post .page-heading {
    padding-bottom: 0;
    margin-bottom: 0;
}

.news-post-subheading {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 20px;
}


.credit {
    border: 1px solid #C6D880;
    background-color: #E6EFC2;
    color:#264409;
    padding: 10px;
}

.caption {
    padding-bottom: 20px;
    
}