HTML
{
 FONT-FAMILY: lucida sans unicode, lucida grande, Verdana, Arial;
 FONT-SIZE: 14px;
 width:100%;
 height:100%;
}

BODY
{
 height: 100%;
 width:100%;
 FONT-FAMILY: lucida sans unicode, lucida grande, Verdana, Arial;
 FONT-SIZE: 1.0rem;
 margin-top:0em; margin-left:0em; margin-right:0em; margin-bottom:0em;
 background-color: #000000;
 COLOR: #bb8800;
 text-align: left;
 background-image: url("/graphics/bgnew.jpg");
 background-repeat: repeat;
 background-attachment: fixed; 
cursor: url('/graphics/kim.ani');
}

.blogdiv
{
 background-color: #ffffff;
 height: auto;
 display: table;
 max-width:100%;
 padding: 20px;
}

A.bloga		{ font-style: bold; color: #333333; text-decoration: underline; }
A.bloga:link	{ font-style: bold; color: #333333; text-decoration: underline; }
A.bloga:hover	{ font-style: bold; color: #cccccc; text-decoration: underline; }
A.bloga:visited	{ font-style: none; color: #333333; text-decoration: underline; }

.blogimg
{
  display: block;
  margin: 10px auto;
  margin-left: auto;
  margin-right: auto;
  max-width:90%;
}

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

.BlogTitle, .BTitle
{
	COLOR: #888888;
	FONT-SIZE: 1.5rem;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
margin-bottom:5px;
}

.BlogBody, .BBody
{
 	FONT-SIZE: 1.25rem;
	FONT-WEIGHT: normal;
	TEXT-ALIGN: left;
	margin-top:0px;
	margin-bottom:0px;
}

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

.BlogSpan {
margin: 10px 25px 20px 25px;
float:right;
}

.BlogSpan img {
margin: 1px 0px 1px 0px;
}


.tal-div
{
 display: inline-block;
 vertical-align:top;
 min-height: 180px;
 width: 150px;
 background-color: #000000;
// background-image: url("/graphics/tal-bg.jpg");
}


#leftban
{
flex: 1;
  float: left;
  width: 0%;
  max-width: 0px;
border: 0px solid red;
 background-repeat: repeat;
 background-attachment: fixed; 
}

#centerban
{
flex: 1;
  float: left;
  width: 96%;
border: 0px solid white;
}

#rightban
{
flex: 1;
  float: left;
  width: 0%;
  max-width: 0px;
border: 0px solid blue;
 background-repeat: repeat;
 background-attachment: fixed; 
}

#maindoc
{
 min-height:100%;
 height: auto;
 width:100%;
 margin-left: auto;
 margin-right: auto;
 padding-left: 0em;
 padding-right: 0em;
border: 0px solid purple;
}

#flexdoc
{
 display:flex;
 min-height:100%;
 height: auto;
 width:100%;
 margin-left: auto;
 margin-right: auto;
 padding-left: 0em;
 padding-right: 0em;
border: 0px solid purple;
}

#titleban {
  width:100%;
  text-align: center;
  vertical-align: middle;
border: 0px solid red;
}

#titler {
  width: 98%;
  text-align:center;
}

 #drawer
 {
border: 0px solid green;
  position: relative;
  z-index: 80;
  padding-right: .0em;
  text-align: center;
  width:100%;
  height: 40px;
  COLOR: #ffffff;
  top:+0.0em;
  width: 100%;
  float: left;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
 }

#navandtext
{
//  text-align: left;
  width: 100%;
border: 0px solid green;
}

#main_cont
{
  text-align: left;
  width: 100%;
border: 0px solid orange;
}

#justtext
{
  text-align: left;
  width: 94%;
  padding-left: 2%;
border: 0px solid green;
}

#centertext
{
  text-align: center;
  width: 98%;
  padding-left: 2%;
border: 0px solid yellow;
}

#centertext div {
    margin: 3px auto;
}

#talentdata
{
width: 98%;  
background-color: #000000;
}

#talentpic
{
width: 98%;
background-color: #000000;
text-align:center;
}

#kimpic
{
  text-align:center;
border: 0px solid blue;
width: 98%;
}

#kim
{
max-width:260px;
}

#homenav
{
max-width:256px;
border: 0px solid red;
}

#homenav div {
    margin: 3px auto;
}

#newsbar
{
position:relative;
height:0px;
top: -120px;
max-width:350px; 
Z-INDEX: 50; 
VISIBILITY:HIDDEN;

}

img, embed, object, video { max-width: 99%; }


INPUT  {background-color: #000000 ; color: #bb8800; font-family: Verdana, Arial; font-size: 1.0rem; font-weight: bold }
SELECT  {background-color: #000000; color: #bb8800; font-family: Verdana, Arial; font-size: 1.0rem; font-weight: bold }

H1   { font-size: 1.5rem; font-weight: bold;}
H2   { font-size: 1.2rem; font-weight: bold;}
H3   { font-size: 1.1rem; font-weight: bold;}

A		{ color: #bb8800; text-decoration: none; }
A:link		{ text-decoration: none; color:#bb8800 }
A:visited	{ text-decoration: none; color:#bb8800 }
A:active	{ text-decoration: none; color:#bb8800 }
A:hover 	{ text-decoration: underlined; color:#ddaa00 } 

A.rr		{ font-style: italic; color: yellow; text-decoration: underline }
A.rr:link	{ font-style: italic; color: yellow; text-decoration: underline }
A.rr:visited	{ font-style: italic; color: yellow; text-decoration: underline }

A.tal		{ color: #bb8800; font-weight: bold; text-decoration: none; }
A.tal:link	{ color: #bb8800; font-weight: bold; text-decoration: none; }
A.tal:visited	{ color: #bb8800; font-weight: bold; text-decoration: none; }

hl		{ font-family: Verdana, Arial; font-size: 1.0rem; font-weight: normal; color: #dddddd; }
A.hl		{ font-style: none; color: #dddddd; text-decoration: none; }
A.hl:link	{ font-style: none; color: #dddddd; text-decoration: none; }
A.hl:hover	{ font-style: none; color: #aaaaaa; text-decoration: underline; }
A.hl:visited	{ font-style: none; color: #dddddd; text-decoration: none; }

TEXTAREA  { background-color:#000000; color: #bb8800; font-size: 1.0rem;  font-weight: bold }

INPUT.tex {background-color: #000000 ; color:#bb8800}
INPUT.but {background-color: #000000 ; color:#bb8800}
INPUT.butimg {background-color: #000000 ; color:#bb8800; cursor: pointer; }

DIV.modeling { display: none; visibility: hidden; font-size:1px; height: 0px; }
DIV.HDIV { display: none; visibility: hidden; font-size:1px; height: 0px; color:#000000; background-color:#000000; }

DIV.NAV { border-color: #bb8800; border-style: outset; margin-left:5px; text-align: center; line-height:30px; vertical-align: middle; font-size:1.0rem; font-weight:bold; color:#bb8800; background-color: #000000; width: 250px; height:30px; text-decoration:none; cursor:pointer; cursor:hand; }

DIV.NAV:hover { color: #ddaa00; }

DIV.NAV2 { margin-left:60px; text-indent:20px; line-height:40px; vertical-align: middle; font-size:1.0rem; font-weight:bold; color:#bb8800; background-color:#777777; width: 250px; height:40px; }

SPAN.s { font-size:1px; height: 0px; }

k           { font-size: 8px; font-style: none; color: #bb8800; text-decoration: none; }
A.k	    { font-size: 8px; font-style: none; color: #bb8800; text-decoration: none; }
A.k:link    { font-size: 8px; font-style: none; color: #bb8800; text-decoration: none; }
A.k:hover   { font-size: 8px; font-style: none; color: #bb8800; text-decoration: none; }
A.k:visited { font-size: 8px; font-style: none; color: #bb8800; text-decoration: none; }


/* show side graphics */
@media screen and (min-width: 650px)
{
#talentdata
{
width: 48%;  
float:right; 
}

#talentpic
{
width: 48%;
float:left;
}

#leftban
{
  width: 10%;
  max-width: 60px;
}

#centerban
{
  width: 100%;
}

#rightban
{
  width: 10%;
  max-width: 60px;
}

.blogimg
{
 max-width:70%;
}

}

/* show side graphics */
@media screen and (min-width: 800px)
{

.blogimg
{
 max-width:50%;
}

#centertext
{
  text-align: left;
  width: 94%;
  padding-left: 2%;
}


#kimpic
{
  text-align:center;
POSITION:absolute; 
TOP:30px; 
right:5%;
width: 60%;
}

#kim
{
max-width:410px;
}


#homenav
{
 padding-top:120px; padding-left:40px;
 float:left;
}

#homenav div {
    margin: 20px auto;
}


#newsbar
{
POSITION: ABSOLUTE; 
TOP: 120px; 
LEFT: 350px; 
WIDTH:70%; 
max-width:350px; 
}


}