﻿
/* elements
*****************************************************/

/* global style for text, text color, font-family, background, etc */
body
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100.01%;
  color: #647883;
  background: #262626 url(/images/bg.jpg) top center no-repeat fixed;
  padding: 0;
  margin: 0;
  border: 0;
}


/* 
   element id's, typically these are used in the layout.css
   but visual styles (except sizes) are applied here
***************************************************************/
#header
{
  background-image: url(../images/banner.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  width: 939px;
  height: 116px;
}

#table
{
  margin: 0 auto;
  background-color: #FFFFFF;
  width: 939px;
}

td
{
  vertical-align: top;
}

#sidebar
{
}

#pageheading
{
  width: 100%;
}

#headingtext
{
  font-weight: bold;
  font-size: 150%;
  color: #447FC1;
  text-transform: capitalize;
  float: left;
  width: 100%;
  padding: 5px 0 10px 0;
}

#nav_container
{
  background-color: #2D3D78;
  background-image: url(../images/nav-bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 2px;
  font-size: 11px;
  font-weight: bold;
  height: 26px;
}

#nav_container > #menu
{
  margin: 1px 0 0 1px;
}

#leftside
{
  padding: 5px 0;
  margin-top: 20px;
  font-size: 150%;
  font-weight: bold;
}
.footer-out
{
  height: 23px;
  width: 939px;
  background: url(../images/footer.jpg) no-repeat center bottom;
}
#footer
{
  padding: 5px 0 3px 0;
  text-align: center;
  font-size: 70%;
  color: #FFFFFF;
}

#footer > span
{
  padding: 0 20px;
}

#footer a
{
  text-decoration: none;
  border-bottom: 1px dotted #FFFFFF;
  color: #FFFFFF;
}

/* re-usable classes
********************************************************/
.sidebar
{
  color: #FFFFFF;
  background: #006e2C url(../images/left-bg.jpg) no-repeat left top;
  font-size: 80%;
  min-height: 660px;
  height: 100%;
  width: 190px;
}

.sidebar .inner
{

}

.content
{
  background-color: #FFFFFF;
  padding: 5px 10px 20px 10px;
  font-size: 75%;
  height: 100%;
  width: 729px;
}

.clear-float
{
  clear: both;
}


.form-view
{
  width: 650px;
  float: left;
}

.left-column
{
  padding: 2px;
  text-align: left;
  white-space: nowrap;
}

.right-column
{
  padding: 2px;
  text-align: left;
  white-space: normal;
}
/*
.news-container
{
  background-color: #195295;
  margin-bottom: 50px;
}*/

.latest-news
{
  padding: 5px 0 10px 0;
  min-height: 200px;
  _height: 200px;
}

.latest-news a, .latest-news a:visited
{
  text-decoration: none;
  border-bottom: 1px dotted #FFFFFF;
  color: #FFFFFF;
}
.latest-news a:hover
{
  text-decoration: none;
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
}

.news-header
{
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  padding: 5px 5px 0 10px;
}

.news-content
{
  font-size: 11px;
  font-weight: normal;
  text-align: justify;
  padding: 0 0 5px 0;
}
.news-content iframe
{
  float: right;
  margin-bottom: 50px;
  border: none;
}
.sponsored-by
{
  clear: both;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  margin-bottom: 10px;
}

.image-rotator
{
}
.gallery-heading
{
  padding: 5px 0 0 0;
  margin: 10px 0;
  font-size: 12px;
  font-weight: bold;
  color: #447FC1;
}
