@charset "utf-8";

div.template-1024 { text-align: left; width: 1024px; margin: 0 auto 0 auto }
div.footer-space { padding-bottom: 60 }
div#top { height: 120px }
div#logo { width: 420px }
div#search-frame { width: 300px; margin-top: 40 }
div#search-box { position: relative; width: 210px; height: 30px; background-image:url(../images/template/search-background.png) }
div#search-box input { position: absolute; left: 33; top: 1; font-family: 'MyriadPro-Regular'; font-size: 16px; color: #666; width: 168px; padding: 5 0 4 4; border: none }

div#menu { height: 34px; background-color: #000 }
div#menu dl { margin: 4 0 0 0; padding: 3 0 0 4 }
div#menu dd { float: left; text-align: center; margin: 0; padding: 3; width: 120px  }
div#menu a { font-size: 18px; color: #fff; text-transform: uppercase; text-decoration: none }
div#menu a:hover { text-decoration: underline }

dd#tab-selected a { color:#d1e751  }

div#feature { height: 140px; margin-bottom: 10 }
div#feature dl { margin: 4 0 0 0; padding: 0 }
div#feature dt { float: left; width: 100px }
div#feature dd { float: left; width: 225px; margin: 0 15 0 0 }
div#feature p { margin: 0 }

div#footer { font-size: 12px; color: #7d7c7c; padding: 24 0 24 0; background-color: #c1c1c1 }
div#footer p { margin: 0 }

.col-wide { width: 670px }
.col-small { width: 330px }

.dotted { border-bottom: dashed 1px #000 }

.fl { float: left }
.fr { float: right }
.clear { clear: both }
.clear-20 { clear: both; height: 20px }