HTML
{
 width:100%;
}

BODY
{
 FONT-FAMILY: Minion, Palatino Linotype, Sylfaen, Book Antiqua, Garamond, Verdana;
 FONT-SIZE: 1em;
 margin-top:0em;
 margin-left:0em;
 margin-right:0em;
 background-image:url(/i/backg.gif);
 background-color: #ffffff;
 background-attachment: scroll;
 COLOR: #003333;
 width:100%;
}

#navig
{
	FONT: bold Minion, Palatino Linotype, Sylfaen, Book Antiqua, Garamond;
	background-color: #003333;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
}

#drawer
{
  z-index: 80;
  padding-right: .5em;
  text-align: left;
  width:7em;
  position: absolute;
  top: 2em;
  -webkit-transform: translate(-12em, 0);
  transform: translate(-12em, 0);
  transition: transform 0.3s ease;
	margin-top:.0em;
	margin-left:.0em;
	margin-right:.0em;
	margin-bottom:.0em;

}




#drawer.open
{
  -webkit-transform: translate(+.0em, +0em);
  transform: translate(+.0em, +0em);
}

#titleban { width:100%; }

#titletxt
{
 width:100%;
 position: relative;
 top:+0.1em;
}

#maindoc
{
 background-color: white;
 width:100%;
 margin-left: auto;
 margin-right: auto;
 padding-left: 0em;
 padding-right: 0em;
}

#main_cont
{
  text-align: left;
  width: 100%;
  COLOR: #222222;
}


#menu_icon {
  position: absolute;
  top: .4em;
  right: .5em;
  display: block;
}

#search_icon {
  position: absolute;
  top: .4em;
  right: 3em;
  display: block;
}

.nop {text-align: center; width:100%; }

.txtinput { width: 90%; }

@media screen and (min-width: 590px)
{
.nop {float: right;}

 #menu_icon { display: none; }
 #search_icon { display: none; }

 #drawer
 {
  position: relative;
  top:+0.0em;
  width: 16%;
  float: left;
  transform: translate(0, 0);

 }

 #maindoc
 {
  max-width: 770px;
 }

#main_cont
{
  width: 80%;
 float: right;
}


}


img, embed, object, video { max-width: 100%; }
p { text-align: left;  padding-left: .3em;  padding-right: .3em; }
OL, UL { text-align: left; }
LI { position: relative; left: .1em; padding-right: 1em; }







.tb
{
 FONT-SIZE: .8em;
 text-decoration: none;
 vertical-align: top;
}

A:link
{
 COLOR: #003333;
}
A:hover
{
 COLOR: red;
 TEXT-DECORATION: none;
}
A
{
 COLOR: #003333;
}

A.nav
{
 FONT-WEIGHT: bold;
 FONT-SIZE: 14px;
 COLOR: #ffffff;
}
A.nav:hover
{
 FONT-WEIGHT: bold;
 FONT-SIZE: 14px;
 COLOR: red;
 TEXT-DECORATION: none;
}
A.nav:link
{
 FONT-WEIGHT: bold;
 FONT-SIZE: 14px;
 COLOR: #ffffff;
}


H1
{
 FONT-SIZE: 15px;
 COLOR: #003333;
 margin-top: 0;
 margin-bottom: 0;
}
H2
{
 display: inline;
 FONT-SIZE: 14px;
 COLOR: #003333;
}
H3
{
 display: inline;
 FONT-SIZE: 14px;
 COLOR: #003333;
}

OL {
 margin-top: 0;
 margin-bottom: 0;
}

UL {
 margin-top: 0;
 margin-bottom: 0;
}



.BlogDate
{
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	TEXT-ALIGN: left;
	margin-top:20px; margin-bottom:10px;
}

.BlogTitle
{
	FONT-SIZE: 1em;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: left;
	margin-bottom:5px;
}

.BlogBody
{
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	TEXT-ALIGN: left;
	margin-top:0px; margin-bottom:0px;
}

.BlogTime
{
	FONT-SIZE: .8em;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: right;
	COLOR: #888888;
	margin-top:0px; margin-bottom:10px;
}