﻿/* ========= */
/* = Fonts = */
/* ========= */

/* CSS3 Browser Fonts */

@font-face {  
  font-family: "Trade Gothic";  
  src: url(/fonts/trade_gothic.eot);
  src: local("Trade Gothic"), url(fonts/trade_gothic.ttf ) format("truetype");
}

@font-face {  
  font-family: "Trade Gothic Bold";  
  src: url(/fonts/trade_gothic_bold.eot);
  src: local("Trade Gothic Bold"), url(fonts/trade_gothic_bold.ttf ) format("truetype");
}

/* ===================== */
/* = General Overrides = */
/* ===================== */
body {
  background: #FFFFFF;
  border-top: 5px solid #CC0000;
  font-family: "Lucida Sans";
}

h1 {
  font-family: "Trade Gothic Bold", "Lucida Sans";
}

h2 {
  font-family: "Trade Gothic Bold", "Lucida Sans";
  letter-spacing: .2px;
}

h3 {
  font-family: "Trade Gothic", "Lucida Sans";
}

h4 {
  font-family: "Trade Gothic", "Lucida Sans";
}

p {
}

a, a:link {
  color: #FFFFFF;
  text-decoration: none;
}

a:visited {
}

a:hover {
/*  color: #CCCCCC;*/
}

/* ================= */
/* = Header Styles = */
/* ================= */

div#header {
  padding-top: 20px;
}

div#header div#main_navigation {
  margin-top: -30px;
}

div#header div#main_navigation ul#nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#header div#main_navigation ul#nav li {
  display: inline;
  margin: 0;
  padding: 0 20px 0 0;
}

div#header div#main_navigation ul#nav li {
  font-size: 16px;
}

div#header div#main_navigation ul#nav li a {
  font-family: "Trade Gothic Bold";
  color: #333;
  text-decoration: none;
}

div#header div#main_navigation ul#nav li a:hover {
  color: #665;
}

/* =============== */
/* = Top Content = */
/* =============== */

div#top_content {
  margin-top: 10px;
  padding-bottom: 20px;
  background: #000 url(img/top_content_bg.jpg) repeat-x top left;
  min-height: 386px;
  color: #fff;
  border-top: 5px solid #CC0000;
  float: left;
  width: 100%;
}

/* ======================= */
/* = Main Content Styles = */
/* ======================= */
div#top_content div#main_content {
  position: relative;
}

div#top_content div#main_content a {
  color: #cc0000;
  text-decoration: underline;
}

div#top_content div#main_content span.date {
  background:#CC0000 none repeat scroll 0 0;
  color:#FFFFFF;
  display:block;
  float:left;
  font-size:22px;
  height:30px;
  line-height:22px;
  padding:7px 10px 20px;
  text-align:center;
  text-transform:uppercase;
  width:45px;
  font-weight: bolder;
  font-family: "Trade Gothic";
}

div#top_content div#main_content h2.title {
  font-size: 40px;
  margin-left: 20px;
  float: left;
  font-variant: small-caps;
}

/* ============================ */
/* = Top Right Sidebar Styles = */
/* ============================ */
div#top_content div#main_content div#right_sidebar {
  margin: 20px 0;
}

div#top_content div#main_content div#right_sidebar a {
  text-decoration: none;
}

div#top_content div#main_content div#right_sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#top_content div#main_content div#right_sidebar ul li {
  margin: 0;
  padding: 0;
}

div#top_content div#main_content div#right_sidebar ul li h3.widget_title {
  margin: 10px 0 0 0;
}

div#top_content div#main_content div#right_sidebar ul li ul {
  padding: 0 0 0 20px;
}

div#top_content div#main_content div#right_sidebar ul li ul li {
  margin: 0;
  padding: 0 0 0 20px;
  background: url(img/list_item_bg.gif) no-repeat center left;
}

div#top_content div#main_content div#right_sidebar ul li ul li a {
  color: #FFFFFF;
  font-variant: small-caps;
}

div#top_content div#main_content div#right_sidebar ul li ul li a:hover {
  color: #CCCCCC;
}

div#top_content div#main_content div#right_sidebar ul li h2.widget_title {
  font-size: 26px;
  padding-top: 7px;
  font-variant: small-caps;
}

/* ================== */
/* = Bottom Content = */
/* ================== */
div#bottom_content {
  margin-top: 0px;
  padding-top: 10px;
  margin-bottom: 30px;
  background: #FFF;
  color: #000;
  float: left;
  width: 100%;
}

/* ======================= */
/* = Bottom Main Content = */
/* ======================= */
div#bottom_main_content {
}

/* ======================= */
/* = Bottom Left Section = */
/* ======================= */
div#bottom_content div#bottom_main_content div#bottom_left_sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#bottom_content div#bottom_main_content div#bottom_left_sidebar ul li {
  margin: 0;
  padding: 0;
}

div#bottom_content div#bottom_main_content div#bottom_left_sidebar ul li ul {
  padding: 0;
}

div#bottom_content div#bottom_main_content div#bottom_left_sidebar ul li ul li {
  margin: 0;
  padding: 0 15px 0 0;
  display: inline;
}

div#bottom_content div#bottom_main_content div#bottom_left_sidebar ul li ul li a {
  color: #333333;
  text-transform: uppercase;
}

div#bottom_content div#bottom_main_content div#bottom_left_sidebar ul li h2.widget_title {
  font-size: 26px;
  padding-top: 7px;
  text-transform: uppercase;
}

div#bottom_content div#bottom_main_content div#bottom_left_sidebar ul li h2.widget_title span {
  color: #CC0000;
}

/* ======================= */
/* = Bottom Right Sidebar = */
/* ======================= */
div#bottom_content div#bottom_main_content div#bottom_right_sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 20px;
  border-left: 1px solid #CCCCCC;
}

div#bottom_content div#bottom_main_content div#bottom_right_sidebar ul li {
  margin: 0;
  padding: 0;
}

div#bottom_content div#bottom_main_content div#bottom_right_sidebar ul li ul {
  padding: 0;
  border: none;
}

div#bottom_content div#bottom_main_content div#bottom_right_sidebar ul li ul li {
  margin: 0;
  padding: 0;
}

div#bottom_content div#bottom_main_content div#bottom_right_sidebar ul li ul li a {
  color: #333333;
  font-variant: small-caps;
}

div#bottom_content div#bottom_main_content div#bottom_right_sidebar ul li ul li a:hover {
  color: #CCCCCC;
}

div#bottom_content div#bottom_main_content div#bottom_right_sidebar ul li h2.widget_title {
  font-size: 26px;
  padding-top: 7px;
  text-transform: uppercase;
}

div#bottom_content div#bottom_main_content div#bottom_right_sidebar ul li ul#latest_news {
  min-height: 225px
}

div#bottom_content div#bottom_main_content div#bottom_right_sidebar ul li ul#latest_news h4 {
  margin: 0;
  padding: 0;
  color: #CC0000;
  font-size: 12px;
}

div#bottom_content div#bottom_main_content div#bottom_right_sidebar ul li ul#latest_news p {
  margin: 0;
  padding: 0 0 15px 0;
  font-size: 12px;
}

div#bottom_content div#bottom_main_content div#bottom_right_sidebar ul li ul#latest_news div.post_date {  
  background:#CC0000 none repeat scroll 0 0;
  color:#FFFFFF;
  display:block;
  float:left;
  font-size:22px;
  height:30px;
  line-height:22px;
  padding:7px 2px 20px;
  text-align:center;
  text-transform:uppercase;
  width:45px;
  font-weight: bolder;
  font-family: "Trade Gothic";
}

textarea {
  width: 650px;
}
