BODY {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	background-color : #456B54;
}

A, A:visited
{
	text-decoration: none;
	color: #006666;
	font-family : Verdana, Tahoma, Arial;
	font-size : 9pt;
	font-weight : bold;
}
A:hover
{
	text-decoration: none;
	color: #B8860B;
	font-family : Verdana, Tahoma, Arial;
	font-size : 9pt;
	font-weight : bold;
}
A.top, A:visited.top
{
	text-decoration: none;
	color: #000000;
	font-family : Verdana, Tahoma, Arial;
	font-size : 9pt;
	font-weight : normal;
}
A:hover.top
{
	text-decoration: underline;
	color: #000000;
	font-family : Verdana, Tahoma, Arial;
	font-size : 9pt;
	font-weight : normal;
}
@media (max-width: 768px) {
 A, A:visited
 {
	text-decoration: none;
	color: #006666;
	font-family : Verdana, Tahoma, Arial;
	font-size : 12pt;
	font-weight : bold;
 }
 A:hover
 {
	text-decoration: none;
	color: #B8860B;
	font-family : Verdana, Tahoma, Arial;
	font-size : 12pt;
	font-weight : bold;
 }
 A.top, A:visited.top
 {
	text-decoration: none;
	color: #000000;
	font-family : Verdana, Tahoma, Arial;
	font-size : 12pt;
	font-weight : normal;
 }
 A:hover.top
 {
	text-decoration: underline;
	color: #000000;
	font-family : Verdana, Tahoma, Arial;
	font-size : 12pt;
	font-weight : normal;
 }
.top_ads {
    display: none;
 }
}

HR {
	color: Black;
}

H1, H2, H3,  H4  {
	margin-top: 4px;
	margin-left : 6pt;		
	margin-bottom: 0px;
	margin-right: 6pt;	
}

H2 {
	font-size : 16pt;
	color : #006699;
}

H4 {
	font-size : 9pt;
	color : #CC6600;
	font-weight : bold;
}
@media (max-width: 768px) {
 H4 {
	font-size : 12pt;
	color : #CC6600;
	font-weight : bold;
 }
}

H3 {
	font-size : 10pt;
	padding: 2pt;
	color: Black;
	background-color: #E9D7B1;
	font-family : Sans-serif, Arial, Helvetica;
}
H3.news {
	background-color: #DEB887;
	font-size : 12pt;
}
P,  LI  {
	font-size: 9pt;
	padding-left : 6pt;	
	padding-right : 6pt;	
	margin-top: 2pt;	
	margin-bottom: 6pt;	
}
@media (max-width: 768px) {
 H3 {
	font-size : 14pt;
	padding: 2pt;
	color: Black;
	background-color: #E9D7B1;
	font-family : Sans-serif, Arial, Helvetica;
 }
 P,  LI  {
	font-size: 12pt;
	padding-left : 6pt;	
	padding-right : 6pt;	
	margin-top: 2pt;	
	margin-bottom: 6pt;	
 }
}

P sup { vertical-align: baseline; position: relative; top: -0.4em; }

P.lit   {
	font-size: 10pt;
	text-align: justify;
	padding-left : 60pt;	
	padding-right : 60pt;	
	margin-top: 2pt;	
	margin-bottom: 6pt;	
}
P.article  {
	font-size: 8pt;
	padding-left : 6pt;	
	padding-right : 6pt;	
	margin-top: 2pt;	
	margin-bottom: 6pt;	
}
P.event {
	font-size: 16pt;
	color: #666666;
}
@media (max-width: 768px) {
 P.lit   {
	font-size: 12pt;
	text-align: justify;
	padding-left : 60pt;	
	padding-right : 60pt;	
	margin-top: 2pt;	
	margin-bottom: 6pt;	
 }
 P.article  {
	font-size: 12pt;
	padding-left : 6pt;	
	padding-right : 6pt;	
	margin-top: 2pt;	
	margin-bottom: 6pt;	
 }
 P.event {
	font-size: 12pt;
	color: #666666;
 }
}

P.article:first-letter { font-size: 220%; float: left; padding: 0.2em 0 0 0.5em; }

.button, .button1 {
	border : 1px solid Black;
	padding-bottom : 2px;
	padding-top : 2px;
	padding-left : 10px;
	background: #DCEDDC;
}

.border {
	border: 1px solid Black;
}

#mainleft {
	position: relative;
	float: left;
    width: 20%;
    background-color: #dcdcb8;
    margin: 0px;
    margin-bottom: -99999px;
  	padding-bottom: 99999px;
	border-bottom-color : Black;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-right-color : Black;
	border-right-width : 1px;
	border-right-style : solid;
	border-left-color : Black;
	border-left-width : 1px;
	border-left-style : solid;
}
#maincenter {
	position: relative;
	float: left;
    width: 59%;
    background-color: #fffacd;
    margin: 0px;
	border-bottom-color : Black;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-right-color : Black;
	border-right-width : 1px;
	border-right-style : solid;
}
#mainright {
	position: relative;
	float: left;
    width: 20%;
    background-color: #fffada;
    margin: 0px;
    margin-bottom: -99999px;
  	padding-bottom: 99999px;
	border-bottom-color : Black;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-right-color : Black;
	border-right-width : 1px;
	border-right-style : solid;
}
#main2 {
	position: relative; 
	float: left; 
	width: 79%; 
	background-color: #fffacd;
	margin: 0px;
    margin-bottom: 0px;
  	padding-bottom: 0px;
    margin-top: 20px;
}
@media (max-width: 768px) {
 #mainleft {
	position: relative;
	float: left;
    width: 98%;
    background-color: #dcdcb8;
    margin: 0px;
    margin-bottom: 0px;
  	padding-bottom: 0px;
    margin-top: 20px;
	border-bottom-color : Black;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-right-style : none;
	border-right-style : none;
 }
 #desktop {
	display: none; 
 }
 #maincenter {
	clear: left;
	position: relative;
	float: left;
    width: 98%;
    background-color: #fffacd;
    margin: 0px;
	border-bottom-color : Black;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-right-style : none;
 }
 #mainright {
	clear: left;
	position: relative;
	float: left;
	width: 98%;
    background-color: #fffada;
    margin: 0px;
    margin-bottom: 0px;
  	padding-bottom: 0px;
	border-bottom-color : Black;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-right-style : none;
 }
#main2 {
	clear: left;
	position: relative; 
	float: left; 
	width: 98%; 
	background-color: #fffacd;
	margin: 0px;
    margin-bottom: 0px;
  	padding-bottom: 0px;
    margin-top: 10px;
 }
}

img.resp {
}
@media (max-width: 768px) {
 img.resp {
	margin: auto;  
	max-height: 100%;  
	max-width: 100%; 
	width: 98%;
 }
}

/*
@media (max-width: 768px) {
    #mainleft, #maincenter, #mainright {
        width: 100%;
    }
}
*/

TD.anons {
	width: 50%;
}

#navig {
	border: 1px solid Black;
	background : #F0F3D6;
	margin: 2px 2px 2px 2px;
	padding: 2px;
}
TD.navig {
	border: 1px solid Black;
	background : #F0F3D6;
}
TD.current {
	border: 1px solid Black;
	background : #FFFACD;
}

TD.data {
	font-size : 9pt;
}

A.navig, A:visited.navig, A:hover.navig {
	font-size : 9pt;	
}

#about {
	border: 1px solid Black;
	background : #F0F3D6;
	margin: 2px 2px 2px 2px;
	padding: 2px;
	font-size : 12pt;
}

A.about, A:visited.about, A:hover.about {
	font-size : 9pt;	
}
@media (max-width: 768px) {
 A.about, A:visited.about, A:hover.about {
	font-size : 12pt;	
 }
}

#sec {
	font-size : 8pt;	
}

.text1  {
	font-size: 9pt;
	padding-left : 6pt;
	padding-right : 6pt;
}

.comment-box {
        position:relative;
        color:#41475F;
        padding:15px 0 15px 30px;
        margin:10px 20px 10px 10px;
        font-size:1.0em;
        background:url(images/leaf.jpg) no-repeat;
        border-bottom:1px solid #e6de99;
        width:520px;
        overflow:hidden;
}

TD#cal {COLOR:#333333; FONT-FAMILY:Verdana,Arial; FONT-SIZE:11px; LINE-HEIGHT:150%; padding-left:0; BORDER-RIGHT:#666666 1px solid; BORDER-TOP:#666666 0px solid; BORDER-LEFT:#666666 0px solid; BORDER-BOTTOM:#666666 1px solid;}

.sun {COLOR:#ffffff; FONT-WEIGHT: bold; Background:#ffffcc;}

.seg {COLOR:#ffffff; FONT-WEIGHT: bold; Background:#bb6622;}

#container {
	width: 100%;
}

#group_1
	{
	float: left;
	width: 100%;
	}

#group_2
	{
	float: left;
	width: 100%;
	}

#in1 {
	float: left;
	width: 50%;
	margin-left: -100%;
}
* html #in1
	{
	display: inline;
	}
#in2 {
	float: left;
	width: 50%;
	margin-left: 50%;
}
* html #in2
        {
        display: inline;
        }

#in3 {
	float: left;
	width: 100%;
}

.wrapper_extra
	{
	position: relative;
	}
.wrapper
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	display: inline-block; /* Fixes nasty Opera7 scrolling bug */
	}

#anons1 {
    float:left;
    width:49%;
}
#anons2 {
    float:left;
    width:49%;
    display: inline; 
}
@media (max-width: 768px) {
 #anons1 {
 	width:100%;
	display: block;
    }
 #anons2 {
 	width:100%;
	display: block;
    }
}

.rp_list {
	font-family:Verdana, Helvetica, sans-serif;
	position:fixed;
	right:-300px;
	top:40px;
	margin:0;
	padding:0;
	z-index: 10!important;
}
#topmenuright {
	width: 80%;
}
@media (max-width: 768px) {
 .rp_list {
	display: none !important;
 }
 #topmenuleft {
	display: none !important;
 }
 #topmenuright {
	width: 100%;
 }
 #primary_nav_current {
	display: none !important;
 }
}

.thumb-left {
	float: left; 
	margin: 4px 10px 4px 10px; 
	text-align: center; 
	font-size: 8pt;
}

.thumb-right {
	float: right; 
	margin: 4px 10px 4px 10px; 
	text-align: center; 
	font-size: 8pt;
}

a.anchor {
    display: block;
    position: relative;
    top: -40px;
    visibility: hidden;
}