/*
Green Message (http://www.greenmesg.org)
Preserve Nature and Nature will preserve you.
Plant Trees and make our planet green.
Be in green surroundings.
*/

/* Custom Panes */
#Container {
width: 96%;
margin-left:2%;
}

#SiteHeaderPane {
background-color: #8AE68A;
background-image:  url('../images/green_tile.png'); 
background-repeat: repeat;
color: #006600;/* green */
text-align: center;
font-size: 150%;
height:55px;
}

#SiteHeaderText {
/*margin-top:0px;*/
}

#CategoryPane {
background-color: #CCCCCC;
background-image:  url('../images/tree_line.png'); 
background-repeat: repeat;
color: #006600;/* green */
font-size: 80%;
height:62px;
}

#CategoryList {
padding-top:8px;
}

#CategoryList li {
display:inline;
padding-left:15px;/*15px*/
}

#CategoryList2 li {
display:inline;
padding-right:5px;
}

#ContentPane {
background-color: #FFFFFF;
width:94%;/*65%*/
/*float:left;*/
font-family:Verdana;
font-size:80%;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}

#SidePane {
background-color: #eeffee; /*eeffee*/
width:94%;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
border: solid 1px;
border-color:#eeffee;
}

#SidePaneHeader {
font-family:Verdana;
font-size:90%;
color:black;/*green*/
font-weight:bold;
}

#SidePaneImage {
padding-top:0px;
padding-bottom:0px;
margin-left:-1px;
padding-left:0px;
}

#SidePaneFooter1 {
font-family:Verdana;
font-size:80%;
color:#555555;/*green*/
}

#SidePaneFooter2 {
font-family:Verdana;
font-size:80%;
color:green;
}

#PageHeader {
margin-top:1%;
margin-bottom:2%;
border: solid 1px #ffffff;
}
#PageHeader img {
float:left;
}
#PageHeader p {
font-family:Verdana;
font-size:100%;
color:green;
padding-top:15px;
padding-left:125px;
}

#FooterPane {
clear:both;
text-align: center;
font-family:Verdana;
font-size:80%;
}

#FooterText {
color:green;
padding-top:2%;
}

/* Body */
body {
background-color: #EEEEEE;
font-family: Sans-Serif;
}

/* Div */
div.box1 { padding: 10px 10px 10px 10px; background-color: #cccccc;}
div.box2 { padding: 10px 10px 10px 10px; background-color: #dddddd;}

div.Box{width:100%;border:solid 1px;border-color:#eeeeee;margin-top:5px;margin-bottom:20px;}
div.BoxHeading {
padding:10px 0 10px 10px;background-color:#eeeeee;font-size:120%;font-weight:bold;
}
div.BoxContent {
padding-left:10px;margin-top:5px;padding-right:5px;padding-bottom:5px;
}

div.toc {
background-color:#fefffe;
padding:5px 15px 15px 15px;
border: solid 1px;
border-color:green;
}
div.toc h2 {
color:#3333aa;
}
div.toc ul {
margin-left:0%;
}
div.toc ul li{
display:inline;
padding-right:10px;
}

div.toc1 {
background-color:#fefffe;
padding:5px 15px 15px 15px;
border: solid 1px;
border-color:green;
}
div.toc2 {
background-color:#fefffe;
padding:5px 15px 15px 15px;
border: solid 1px;
border-color:#cccccc;
}
div.toc3 {
background-color:#dddddd;/* #dddddd; */
padding:15px 15px 15px 15px;
border: solid 1px;
border-color:#aaaaaa;/* #dddddd; */
color:#555555;
}
div.toc4 {
background-color:#eeffee;
padding:15px 15px 15px 15px;
border: solid 1px;
border-color:green;
color:#555555;
}
div.toc5 {
background-color:#ccffcc;
padding:15px 15px 15px 15px;
border: solid 1px;
border-color:green;
color:#555555;
}
div.pad {padding-left:135px;}

/* Heading */
h1 {
font-size:140%;
}

h2 {
font-size:120%;
color:#003300;
}

h2.light {
font-size:110%;
color:#003300;
}

h3 {
font-size:115%;
color:brown;
}

h3.light {
font-size:105%;
color:brown;
}


h3.kwi6 {
font-size:115%;
color:#aa5500;
}

/* Horizontal Line */
hr {
color:#cccccc;
background-color:#cccccc;
height:1px;
border: none;
clear:both;
}

/* Image */
img {max-width:100%; height:auto;}

img.LeftImg {
float:left;
clear:both;
padding:0px 10px 10px 0px;
margin-left:5px;
margin-right:20px;
}
img.LeftImg1 {
float:left;
clear:both;
padding:0px 5px 10px 0px;
margin-left:5px;
margin-right:10px;
}

/* Line Break */
br.ht {line-height:50%;}

/* Link */
a:link {text-decoration: none; color: green; text-decoration: underline;}
a:visited {text-decoration: none; color: green; text-decoration: underline;}
a:active {text-decoration: none; color: green; text-decoration: underline;}
a:hover {text-decoration: none; color: green; background: #eeeee0; text-decoration: underline;}

a.TT {color:#006600; text-decoration:none; border-bottom: 1px dotted #006600;}
a.TT2 {color:#777777; text-decoration:none; border-bottom: 1px dotted #777777;}
a.brown {color:#776600; text-decoration:underline;}
a.green2 {color:#004400; text-decoration:underline;}
a.grn {color:#007755; text-decoration:none; border-bottom: 1px dotted #999999;}

/* List */
ul.HList {
margin-left:0%;
}
ul.HList li {
display:inline;
padding-right:10px;
}

ul.list1 {font-size:85%}
ul.list2 {font-size:95%}
ul.pdg1 {padding-left:15px;}
ul.gap li {margin-bottom:5px}
ol.list1 {font-size:85%}
ol.list2 {font-size:95%}
ol.gap li {margin-bottom:5px}
li.pic {background-repeat:no-repeat; list-style-type:none; height:125px; padding-left:120px;}
li.pdg {list-style-type:none; padding-left:135px;}

/* Paragraph */
p.desci {
border-style:solid;
border-width:1px;
border-color:#dddddd;
background-color:#dddddd;
padding: 10px 10px 10px 10px;
font-size:100%;
}
p.pad {padding-left:135px;}

/* Span */
span.desci {font-size:100%; color:#555555;}
span.desci2 {font-size:90%; color:#777777;}
span.desci3 {font-size:110%; color:#333333;}
span.desci4 {font-size:85%; color:#777777;}
span.desci5 {font-size:100%; color:#777777;}

span.gap {line-height:7px;}
span.gap2 {line-height:10px;}

span.h4 {
font-size:105%;
color:#E66A6A;
font-weight:bold;
}
span.hdgi {font-size:110%; color:#003333; font-weight:bold;}
span.hdgi2 {font-size:100%; color:#003333; font-weight:bold;}
span.hdgi3 {font-size:110%; color:#000000; font-weight:bold;}
span.hdgi4 {font-size:110%; color:#990000; font-weight:bold;}
span.shdgi {color:#333300; font-weight:bold;}
span.shdgi2 {color:#000000; font-weight:bold;}

span.kwi {color:#880000;} /* Brown */
span.kwi_2 {color:#660000;}
span.kwi2 {color:#000099;} /* Blue */
span.kwi3 {color:#cc5555;} /* Red */
span.kwi4 {color:#006600;} /* Green */
span.kwi4_2 {color:#004400;}
span.kwi4_3 {color:#333300;}
span.kwi4_4 {color:#007755;}
span.kwi5 {color:#777777;} /* Grey */
span.kwi5_2 {color:#555555;}
span.kwi6 {color:#aa5500;} /* Cream */
span.kwi6_2 {color:#773300;}
span.kwi7 {color:#000000; font-style: italic;} /* Light Black */
span.kwi8 {color:#333333; font-style: italic;} /* Black */
span.kwi9 {color:#7777cc;} /* Light Blue */

span.lh1 {color:#775533; font-weight:bold;}
span.lh2 {color:#007755; font-size:105%; font-weight:bold;}
span.lh3 {color:#007766; font-size:105%; font-style: italic;}
span.lh4 {color:#333333; font-style: italic;}

span.sansi {
font-family:Mangal;
font-size:160%;
color:#000000;
font-weight:bold;
}
span.sansi2 {
font-family:Mangal;
font-size:140%;
color:#000000;
font-weight:bold;
}
span.sansi3 {
font-family:Mangal;
font-size:120%;
color:#aa5500;
}
span.sansi4 {
font-family:Mangal;
font-size:120%;
color:#777777;
}
span.sansi5 {
font-family:Mangal;
font-size:125%;
color:#000000;
font-weight:bold;
}
a.sansi5 {
font-family:Mangal;
font-size:125%;
color:#000000;
text-decoration:none;
border-bottom: 1px dotted #777777;
}
span.sansi6 {
font-family:Mangal;
font-size:120%;
color:#880000;
}
span.sansi7 {
font-family:Mangal;
font-size:130%;
font-weight:bold;
color:#003333;
}
span.sansi8 {
font-family:Mangal;
font-size:120%;
color:#000000;
}

span.Tooltip {border-bottom: 1px dotted #cccccc;}
span.Tooltip2 {border-bottom: 1px dotted green;}
span.Tooltip3 {color: #888888; font-size:85%; border-bottom: 1px dotted green;}
span.TT {color:#777777; border-bottom: 1px dotted #777777;}
span.TT2 {color:#777777; font-size:85%; border-bottom: 1px dotted #777777;}
span.TooltipBox {
position:absolute;top:0;left:0;visibility:hidden;z-index:5;
background-color:#ddffdd;font:normal 9pt sans-serif;
padding:10px;border:solid 1px;border-color:green;
color:#000000;
}

span.LText {
color:#888888;
}
span.festival {
font-size:90%;
color:#888888;
}
span.nat {
font-size:120%;
}
span.gmsgh {
color:#888888;/*#888888*/
font-weight:bold;
font-size:105%;
}

/* Strong */
strong {
font-weight:bold;
}

strong.brown {
color:brown;
}
strong.blue {
color:#8888cc;
}
strong.deepblue {
color:#3333aa;
}

/* Table */
table.h4 {
border:0;
padding:5px 5px 5px 5px;
}
table.h4 td  {
padding-right: 10px;
}

table.pad {
border:0;
}
table.pad td  {
vertical-align:top;
padding-left: 5px;
padding-right: 25px;
}

td.plc {background-color:#ccffcc; font-weight:bold}
td.fst {background-color:#ccccff;}