@import "GKSS.css";

body
{
    text-align: center;
    background-color: #fff;
    text-align: center;
    margin-top: 0px;
    font-family: Tahoma;
    font-size: 0.7em;
    font-weight: Normal;
    color: #333;
}

#ImageAndText td
{
    font-family: Trebuchet, "Trebuchet MS" , Verdana, "Bitstream Vera Sans" , sans-serif;
    font-size: 0.7em;
}

#Header
{
    height: 147px;
    background-color: #e0eaf2;
    background-image: url( '../Images/header_background.gif' );
    background-repeat: no-repeat;
}
/*=====================================
Shadow container - surrounds all site
except footer and sponsor
=====================================*/
#Shadow
{
    width: 836px;
    background-image: url(  '../Images/main_background_white.gif' );
    background-repeat: repeat-y;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/*=====================================
FooterArea - Container for footer
====================================*/
#FooterArea
{
    clear: both;
    height: 48px;
    width: 836;
    background-color: #fff;
    background-image: url(  '../Images/footer_background_white.gif' );
    background-repeat: no-repeat;
    font-size: 0.9em;
}

/*=====================================
Container for spoonsor loops
====================================*/
.sponsor
{

    background-image: url(  '../Images/sponsor_background_white.gif' );
    background-repeat: no-repeat;

}


/*
Headings
*/

#NewsArea h1
{
    color: #004a97;
}

/*
Borders
*/
input.quickSearchField
{
    border: 1px solid #004a97;

}

h1
{

    color: #004a97;
    margin-right:140px;
}

h2
{
    color: #004a97;
}


#EventSectionArea a, #EventListArea a
{
    color: #004a97;
}

#EventSectionArea a div, #EventListArea a div
{
    border-top:1px solid #004a97;
}

/*Link bllock hover*/
#EventSectionArea a:hover div, #EventListArea a:hover div
{
    background-color:#efefff;

}

#NewsBodyArea .Introduction 
{	
MARGIN-RIGHT: 60px
}

#NewsBodyArea .MainBodyText 
{	
MARGIN-RIGHT: 40px
}


#NewsArea a.to, #EventSectionArea a.to
{

    border:1px dashed #06c;
    background-color:#efefff;
 
}

#NewsArea a:hover .NewsLinkBlock
{
    background-color: #efefff;
   
}

#EventSectionArea .eventday, #EventListArea .eventday
{

    background-color:#fff;

}

#EventSectionArea .eventtoday
{

    background-color:#e0eaf2;

}

#EventSectionArea .eventday .holiday, #EventListArea .eventday .holiday
{

	color: #ff0000;

}

#EventSectionArea .eventday .saturday, #EventListArea .eventday .saturday
{

	color: #333333;

}

/*=====================================
Blog 
====================================*/
.BlogRightArea	
{
	float:right;
	width:160px;
	}	
	
.BlogLeftArea	
{
	width:440px;
	float:left;	
	}	
	
.BlogFullArea	
{
	width:100%;
	}		
	
.BlogInnerLeftArea	
{
	width:180px;
	float:left;	
	}		
.BlogInnerRightArea	
{
	width:180px;
	float:right;	
	}	
	
.dateTree 
{
  padding-right:4px;
}

.dateTree ul
{
    width:180;
    margin-left:0px;
      margin:0px;
  padding:0px;
}
.dateTree li 
{
  margin:0px;
  padding:0px;
}
.dateTree li a
{
    
        border-top: none;
    color: #fff;
    font-size: 1em;
    background-color:#004a97;
    page-break-after:avoid;
    line-height:1.8em;
    width:200;
  
    font-size: 1em;
    font-weight: Normal;
    text-decoration:none;
    padding-left:4px;
}

.dateTree li a:hover
{
    background-color:#efefff;
}

.dateTree li ul li a
{
    
        border-top: none;
    color: #004a97;
    font-size: 1em;
    background-color:#fff;
        font-family: Trebuchet, "Trebuchet MS" , Verdana, "Bitstream Vera Sans" , sans-serif;
    font-size: 1.2em;
    width:200;
    border-bottom:1px;
     border-top:1px solid #004a97;
    
}

.BlogFullArea, .BlogMainBody
{ 
    padding-top:4px;
    padding-left:4px;
}

.blogPersonalDesc
{
    background-color:#efefff;
    border:1px solid red;
}

.bloggerThumbnail
{
    height:64;
    border:none;
    float:right;
    margin-top:16px;
}

.bloggerImage
{
    
    border:none;

   
}

.BlogLeftArea#MainBodyArea, .BlogLeftArea#MainBody
{
        padding-top:4px;
    padding-left:4px;
}

/*==================================
Episervermail
====================================*/
.NewsletterArea
{
	float:left;   
}

.NewsletterArea .Required
{
	/*color: #f00;*/
	color:Red;
	margin: 0 3px;
}

.NewsletterArea .BothCols 
{ 
	width: 100%; margin: 0 1em .5em 0; 
}
.NewsletterArea .LeftCol 
{
	float: left; width: 35%; clear:left; 
}
.NewsletterArea .RightCol 
{ 
	float: right; width: 65% 
}