.boxTop {background: url(http://www.koreabiglist.com/images/kbl/dot.gif) 0 0 repeat-x; width: 20em;} .boxBottom {background: url(http://www.koreabiglist.com/images/kbl/dot.gif) 0 100% repeat-x;} .boxLeft {background: url(http://www.koreabiglist.com/images/kbl/dot.gif) 0 0 repeat-y;} .boxRight {background: url(http://www.koreabiglist.com/images/kbl/dot.gif) 100% 0 repeat-y;} .boxCornerLeft {background: url(http://www.koreabiglist.com/images/kbl/tlgreen.gif) 0 0 no-repeat;} .boxCornerRight {background: url(http://www.koreabiglist.com/images/kbl/trgreen.gif) 100% 0 no-repeat; padding:10px;} #mainbar { PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; FLOAT: left; HEIGHT: 12px; margin:5px; clear: both; } .mainbar2 DIV { BORDER-TOP: #c9d7f1 1px solid; FONT-SIZE: 0px; HEIGHT: 0px; text-align: left; } .mainbar2 DIV { MARGIN: 5px } #mainbarid { BORDER-RIGHT: #36c 1px solid; BORDER-TOP: #c9d7f1 1px solid; FONT-SIZE: 13px; Z-INDEX: 1000; BACKGROUND: #fff; BORDER-LEFT: #a2bae7 1px solid; BORDER-BOTTOM: #36c 1px solid; TOP: 12px; } #mainbar { FONT-SIZE: 23px; PADDING-TOP: 1px! important } @media All { .mainbar1 { VERTICAL-ALIGN: top; MARGIN-RIGHT: 0.73em; HEIGHT: 12px } .mainbar3 { VERTICAL-ALIGN: top; MARGIN-RIGHT: 0.73em; HEIGHT: 12px } .mainbar2 A { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 0.5em; PADDING-TOP: 0.2em; PADDING-BOTTOM: 0px; } .mainbar2 B { PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 0.5em; PADDING-TOP: 0.2em; PADDING-BOTTOM: 0px; } } #mainbarid { DISPLAY: none; WIDTH: 150px; POSITION: absolute; } .mainbar2 { DISPLAY: none; WIDTH: 150px; POSITION: absolute; } .mainbar2 { Z-INDEX: 1001; } #mainbar A { COLOR: #0000ff; TEXT-DECORATION: none; } .mainbar2 A { TEXT-DECORATION: none; } .mainbar3 A { TEXT-DECORATION: none; } #mainbar .mainbar2 A:hover { DISPLAY: block; BACKGROUND: #36c; COLOR: #fff } ul#new-side-nav { margin: 5px 0 0 5px; overflow: hidden } ul#new-side-nav li { background: url(http://www.koreabiglist.com/images/kbl/blue_arrow4.gif) no-repeat; background-position: center left; color: #006633; font-size: 20px; float: left; list-style-type: none; width: 300px; margin-left: 5px; padding-left: 10px; text-align: left; line-height: 30px; font-family: verdana, "trebuchet MS", helvetica, sans-serif; } ul#new-side-nav a:link, ul#new-side-nav a:visited { color: #006633; font-size: 20px; text-decoration: none; font-family: verdana, "trebuchet MS", helvetica, sans-serif; margin-left: 0px; padding-left: 10px; line-height: 30px; width: 300px; } ul#new-side-nav a:hover { color: blue; } div#footer { color: #cccccc; } /* @end */ /* @group Links - link visited hover active */ div#content a:link, div#content a:visited { color: blue; text-decoration: none; } div#content a:hover { color:green; text-decoration: underline; } div#footer a:link, div#footer a:visited { color: blue; text-decoration: none; } div#footer a:hover { color:green; text-decoration: underline; } /* @end */ /* @group Misc */ .clear { clear: both; } /* Clearfix Method from: http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* @end */