@font-face
{
font-family: SlickFont;
	src: url('Sansation_Light.ttf')
    ,url('Sansation_Light.eot'); /* IE9+ */
}


/*div.FixedNavTop
{
position:fixed;
top:100px 50px;
}*/

.FixedNavTop
{
background: none repeat scroll 0 0;
position: fixed;
top: 0;
left:0;
width: 100%;
height: 150px;
z-index:0;
}

.TopNAV
{
padding: 5px;
height: 20px;
background-color: #669966;
text-align:center;
font-family:SlickFont;
}

TABLE.AccentFrame
{
background-color: #669966;
width:100%;
position: fixed;
top:35px;
height:5px;
text-align:left;
position:center;
z-index:-1;
}

p
{
font-family:SlickFont;
margin-left:20px;
color:#336600;
}

p.Dojo
{
font-family:SlickFont;
margin-left:10px;
text-align:justify;
color:#336600;
}

P.foot
{
margin-left:5px;
color:#009900;
font-size:small;
}

body
{
font-family:SlickFont;
background-color: #00793D; 
background-image: url(./images/TopLeftBack.png);/*, url(./images/BottomRightBack.png);*/
background-position: left top, right bottom;
background-repeat: no-repeat;
background-attachment: fixed;
/*-webkit-filter: blur(10px);*/
}

h1 
{
font-family:SlickFont;
margin: 0 auto;
color:#008000;
font-size:350%;
font-weight:200;
}

h2
{
font-family:SlickFont;
margin: 0 auto;
color:#33CC00;
font-size:300%;
}

h3 
{
font-family:SlickFont;
margin: 0 auto;
color:#336600;
}

h4 
{
font-family:SlickFont;
margin: 0 auto;
color:#336600;
}

h5 
{
font-family:SlickFont;
margin: 0 auto;
color:#336600;
}


TABLE.ContentFrame
{
margin: 55px auto;
border-radius: 10px;
min-width:200px;
width:50%;
text-align:justify;
top:155px;
background-image:url(./images/mesh_back.png);
border: 5px solid #009900;
border-spacing: 40px;
position:center;
}

section.ContentFrame
{
margin: 55px auto;
border-spacing: 10px;
padding: 20px;
min-width:200px;
width:50%;
text-align:justify;
top:155px;
background-image:url(./images/dojo_dither_01.png);
border: 5px solid #009900;
border-spacing: 40px;
position:inherit;
border-top-right-radius: 15px;
border-bottom-left-radius: 25px;
}


section.Post{
border-top-right-radius: 15px;
border-bottom-left-radius: 25px;
margin: 20px auto;
padding: 10px;
background-color: #95D998;
border: 3px solid #00793D;
}

section.MAIL
{
text-align:center;
padding: 10px;
background-color: #95D998;
border: 3px solid #00793D;
}


TD
{
padding: 10px;
background-color: #95D998;
border: 3px solid #00793D;
}

TD.MAIL
{
text-align:center;
padding: 10px;
background-color: #95D998;
border: 3px solid #00793D;
}

.BottomNAV
{
padding: 5px;
height: 20px;
background-color: #669966;
text-align:center;
font-family:SlickFont;
}

DD
{
margin: 5px auto;
padding: 5px;
font-size:smaller;
}

DT
{
margin: 10px auto;
padding: 5px;
font-size:smaller;
}

IMG.Left
{
float: left;
border: 5px solid #009900;
margin: 15px;
}

IMG.Right
{
float: right;
border: 5px solid #009900;
margin: 15px;
}

IMG.Left0
{
float: left;
margin: 15px;
transform:rotate(-45deg);
}

IMG.Right0
{
float: right;
margin: 15px;
transform:rotate(45deg);
}

INPUT
{
border: 3px solid #009900;
background-color: #95D998;
}

TEXTAREA
{
    color: #2b6b19;
border: 3px solid #009900;
background-color: #95D998;
width:375px;
height:250px;
}

.ImgBtn {
/*filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
    /*filter: gray; /* IE6-9 */
    /*-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.ImgBtn:hover {
/*filter: none;*/
    /*-webkit-filter: grayscale(0);*/
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}


a:link
{
text-decoration:none;
color:#336600;
font-weight:bold;
font-family:SlickFont;
}  /* unvisited link */

a:visited 
{
text-decoration:none;
color:#336600;
font-weight:bold;
font-family:SlickFont;
}  /* visited link */

a:hover 
{
text-decoration:underline;
color:#82FF82;
font-weight:bold;
font-family:SlickFont;
}  /* mouse over link */

a:active 
{
text-decoration:none;
color:#00FF00;
font-weight:bold;
font-family:SlickFont;
}  /* selected link */

IMG.Bar
{
width:50%;
height:20%;
margin: 0;
}