﻿/**** General Layout ****/

html {
    overflow: -moz-scrollbars-vertical;
    background-color: #FFF001;
    padding: 0;
    margin: 0;
}
body {
    padding: 0;
    margin: 0;
    font: normal 12px arial;
}

form {
    padding: 0;
    margin: 0;
}
a   
{
    color: #FF0000; 
    text-decoration: none; 
}
a:hover  
{     
    color: #FF0000;
    text-decoration: underline;
}

h3 {
    color: #880000;
    font-size: 14px;
    margin: 0;
}

.textbox { border: solid 1px #ccc; }

/******** header ********/
.header {
    background-color: #FFF001;
    height: 240px;
    margin: 0 0 20px 0;
    overflow: hidden;
    text-align: center;
}

.headerImage {
    /*width: 990px;*/
}

.header .logo {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
}
.header .logo .wrapper {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 990px;
}
.header .logo .wrapper p {
    margin: 0;
}

.logoImage {
    height: 78px;
    width: 94px;
    top: 10px;
    left: 72px;
    position: absolute;
    z-index: 3;
}
.logoText {
    height: 78px;
    width: 750px;
    top: 12px;
    left: 180px;
    position: absolute;
    z-index: 3;
}

.layer {
    filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;

	background-color: #FFFFFF;
	position: absolute;
	top: 196px;
	left: 116px;
	height: 44px;
	width: 746px;
	z-index: 3;
}

/******** end header ********/

.container 
{
    width: 990px;
    background-color: #FFF001;
    margin: 0 auto;
    position: relative;
}

.content {
    margin: 14px 0px 0px 5px;
    width: 968px;
}
.templateContent
{
    text-align: left;
    padding: 15px;
    margin-left: 5px;
    width: 50%;
}
div.mainBodyText
{
    background-color: #ffffff;
    padding: 5px 10px 5px 10px;
}
div.mainBodyText p
{
   margin: 2px 2px 2px 2px;
}
.right
{
    text-align: right;
}
/***** Top Menu *****/
.topMenu
{
    position: absolute;
    width: 671px;
    height: 44px;
    top: 218px;
    left: 95px;
    text-align: center;
    margin: 0;
    padding: 0 0 0 75px;
    z-index: 4;
}
.topMenu li
{
    list-style: none;
    float: left;
    width: auto !important;
    width: 1px;
    white-space: nowrap;
}
.topMenu li a
{
    padding: 4px 15px 2px 15px;
    color:  #000000;
    display: block;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 14px;
}
.topMenu a:hover
{
    text-decoration: none;
    background-color: #FFFFFF;
    color: #000000;

    /* hack for visibility IE */
    border: solid 1px #FFF;
    padding: 3px 14px 1px 14px;
}

/***** Top Text *****/
.topText
{
    width: 550px;
    margin: 10px auto 30px auto;
    overflow: hidden;
    float: none;
}
.topText p {
    margin: 0;
    padding: 0;
}

/***** Right Menu *****/
.rightMenu
{
    width:200px;
    float: right;
    margin: 0px 8px 0px 8px;
    padding: 0;
}

.rightMenu li 
{
    list-style-type: none;
    color:  #B5B39C;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: 900;
    font-size: 14px;
    background-color: #D9D9D9;
    padding: 4px 4px 40px 10px;
    
    margin-bottom: 10px;
}
.rightMenu li:hover
{
    background-color: #FFFFFF; 
} 
.rightMenu li span.menuTitle
{
    color: #000000;
}
.rightMenu a:hover
{
    text-decoration: none;   
}
.rightMenu li span.menuPageTitle
{
    color: #949494;
}

/***** Footer *****/
.footer
{   
    width: 672px;
    clear: both;
   	background-color: #D9D9D9;
    margin: 0px 0px 0px 110px;
    padding: 0 34px 0 40px;
}
.footer a
{   
    color: #000000;
}
/***** Info *****/
.infolabel
{
    font-size: 22px;
    font-weight: bold;
    float: right;
    width: 80px;
    margin: 0px 0px 0px 0px;
}
.infolabel p {
    margin: 0;
    padding: 0;
}
/***** Page title *****/
.pageTitle
{
    font-size: 22px;
    font-weight: bold;
    float: left;
    width: 155px;
    text-align: right;
}
/***** templateContent *****/
.templateContent
{
    float: right;
    width: 486px;
    margin: 0px 0px 20px 0px;
    padding: 0 10px 0px 10px;
}
/***** News *****/
.newsList {
    margin: 0;
    padding: 0;
}
.newsItem
{
   background-color: #FFFFFF;
   margin: -5px 0px 0px 0px;
}
.newsList li
{
   list-style-type: none;
   padding: 0;
   margin: 0 0 20px 0;
}
.newsItemTitle 
{
    color:  #000000;
    font-size: 22px;
    font-family: Arial;
    font-weight: bold;   
    margin: 5px 10px 5px 10px;
}
.newsItemTitle a
{
    color:  #000000;
}
.newsItem img
{
   margin-left: -10px;
}
.newsItemIntro 
{
    color: #000000;
    width: 471px;
    padding:5px 10px 5px 10px;
}
.newsItemInfo 
{
    float: right;
    text-align: right;
}
.newsItemAuthor, .newsItemDate, .newsItemTime
{
    border-right: solid 1.5px #A7A7A7;
    padding: 0px 10px 0px 10px;
    color: #A7A7A7;
}
.readFurther
{
    margin-left: 10px;
}
.newsItemTime
{
    border: none;
}
.moreNewsLink
{
    color:  #000000;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    font-style: italic;
    float: right;  
}
.RSSLink
{
    cursor: pointer;
}
.allNewsItems
{
    background-color: #FFFFFF;
}
.allNewsItemsTitle 
{
    margin: 5px 10px 5px 10px;
}
.allNewsItemsTitle a
{
    font-weight: bold;
    color:  #000000;
}
.allNewsItemsDate 
{
    margin: 5px 10px 5px 10px;
}

/******** HOMEPAGE *******************************************************************/
.homepage .header {
    height: 402px;
}
.homepage .layer {
    top: 358px;
}
.homepage .topMenu {
    top: 380px;
}
