BODY,legend,form
{
	font-family: 'Times New Roman' , Serif;
	background-color: #cc9933;
	color: Black;
	margin-bottom: 10px;
	height:auto;
}
legend,form
{
	overflow:hidden;
	height:auto;
}

div.content {
	    display:block; 
		/*height: 95%;*/
	    overflow:auto;
		z-index:-1;
		padding-bottom:10px;
		}
	
.footer {
	height: 1%;
    	display:block;
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
	padding: 0;
	margin-bottom: 0;
	z-index: -1;
	text-align: center;
}

.SmallMenu {
    line-height: 220%;
}
	
.button {
	border-color: #CC9900 #663300 #663300 #CC9900;
	border-width: 1px;
	font-family: verdana, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: white;
	background-color: #996600;
	border-left: 1px solid #CC9900;
	border-top: 1px solid #CC9900;
	border-right: 1px solid #663300;
	border-bottom: 1px solid #663300;
	padding: 0.3em 0.6em 0.3em 0.6em;
	margin: 0px;
	text-decoration: none;
}
	

.twitter-follow-button {
	margin-top: 10px;
}	

A:link    { color: #663300; text-decoration: none; BORDER-BOTTOM-STYLE: dotted ;border-bottom-width: 1px; }
A:visited { color: #660000; text-decoration: none; BORDER-BOTTOM-STYLE: dotted ;border-bottom-width: 1px; }
A:active  { color: #660000; TEXT-DECORATION: underline;BORDER-BOTTOM-STYLE: none; }
A:hover   { color: white; text-decoration: underline; BORDER-BOTTOM-STYLE: none;}

address     { text-align : center; }

H1 img
{
    margin-left: 0px;
    margin-right: 0px;
}

img.logo  {
    width: 100%;
    max-width: 900px;
    min-width: 350px;
    height: 67px;
}


img
{
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
	margin: 0px 10px;
	max-width: 100%;
	height: Auto;
}

.caption {
    font-size: 85%;
    margin: 0px 10px;
}

.clip
{
	overflow: hidden
}

.clear
{
    clear: both;
    margin-bottom: 15px;    
}

blockquote {
font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color: #C90;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  display: inline-block;
}

blockquote:before {
  color: #630;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

img.noborder,
a:link img.noborder,
a:hover img.noborder,
a:visited img.noborder 
{
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none	
}

TD
{
	padding-right: 0.5em; padding-left: 0px; padding-bottom: 1em;
	font-size: 80%
	text-align: left;
	vertical-align: top;

}

TD img
{
	margin: 0px;
}

.NoWrap
{
	white-space: nowrap;
}

TH
{
	padding-right: 0.5em; padding-left: 0px;;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

.Ads.TD
{
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px;
}

.Ads.TH
{
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px;
}

.BannerAd {
	padding: 0px;
	margin: 0px;
	width: 98%;
	max-width: 900px;
}

#SectionBody   
{
	/* float:left;*/
	width:95%;
	margin: 10px;
}

#SectionNews
{
	width:70%;
	float:left;
	overflow:auto;
	margin: 10px;
}

#SectionShops	
{
	overflow:visible;
	margin: 10px;
}

#SectionMenu
{
	float: right;
	width: 20%;
	margin: 5px;
	padding: 5px;
	border-left-color: #996600;	
	BORDER-LEFT-STYLE:solid ;
	border-left-width: 1px;
}

#SectionAdvert
{
	float: right;
	width: 20%;
	height: 650;
	margin: 5px;
	padding: 5px;
	BORDER-STYLE:none ;
}

q
{
    font-family: Sans-Serif;
    font-size: 90%;
}

.floatleft
{
    float:left;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
}

.floatright
{
    float:right;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
}


img.alignleft
{ 
    float: left;
}

img.alignright
{ 
    float: right;
}

form.search
{
	width: 200px;
	float: left;
	margin: 5px;
	display: inline;
}

HR
{
	height: 1px;
	border: 0;
	color: #996600;
	background-color: #996600;
}

div.article
{
	border-bottom: dotted 1px #996600;
}

/*
This is a good idea but there is an issue with the way it works.
div.article p:first-letter
{
    font-size: 150%;
    float: left;
    vertical-align: bottom;
}
*/