/*
Created for the lovely and wonderful Melissa Rose Zupa-Férnandez by her loving boyfriend, dale tan
booyakasha respek!
*/
* { margin: 0; padding: 0; }
.clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
body { background: #836035 url(/workspace/img/brown/bg_gradient.jpg) repeat-x; color: #fff; font: normal normal 62.5%/1.4em Verdana, Arial, sans-serif/* Georgia, "Times New Roman", Times, serif*/; }
#container { margin: 0 auto; width: 1010px; }
h1 { font-size: 1.8em; line-height: 1.4em; }
h2 { font-size: 1.6em; line-height: 1.2em; }
h3 { font-size: 1.4em; line-height: 1em; }
a:link, a:visited { color: #fff; text-decoration: none; }
/*a:visited { color: #fff; }*/
a:hover { color: #e6235f; text-decoration: underline; }
img { border-width: 0; }
ul { list-style: none; }

#login div { background: url(/workspace/img/brown/logo_login.png) no-repeat; behavior: url(/workspace/js/iepngfix.htc); height: 295px; margin: 20em auto 0 auto; width: 192px;}
#login a { float: left; margin: 8em 8.2em; width: 50px; }

#left, #nav, #right { float: left; }
#left { background: url(/workspace/img/brown/bg_logo_column.jpg) repeat-y; width: 212px; }
#logo { background: url(/workspace/img/brown/logo.png) no-repeat; height: 390px; text-indent: -9999px; }
#logo a { display: block; float: left; height: 305px; margin: 0 0 0 1em; width: 172px; }
form { margin: -100px auto 0 auto; width: 172px; }
#search-box { background: none; border: 1px solid #fff; color: #fff; width: 100%; }
#submit-btn { background: none; border: 1px solid #e6235f; color: #e6235f; margin: .5em 0 0 0; }
#left ul { margin: 1em auto; width: 172px; }
#footer { clear: both;  width: inhert; }
#footer ul { margin: 0 auto; width: 172px; }
#footer li { float: left; margin: 0 1em 0 0; }

#nav { font-size: 1.1em; width: 170px; }
#nav a { display: block; text-decoration: none; padding: .2em; width: 95%; }
#nav span { float: left; }
#nav h2 { margin: 1em 0 .5em 0; }
#nav ul { margin-bottom: 1em; }
#nav li { border-bottom: 1px solid #000; text-align: right; }
#nav li:hover { background: #4e3413; }
#nav span { float: left; margin: 0 1em 0 .3em; }

#right { background: #4e3413 url(/workspace/img/brown/bg_content_repeat.png) repeat-y; width: 628px; }
#right_strip { background: url(/workspace/img/brown/bg_content.jpg) no-repeat; float: left; height: 445px; margin: 0 -1em 0 0; position: absolute; width: 10px; }
#right h1 { background: #e6235f; clear: both; margin: .7em 0 0 1em; padding: .2em; width: 89%; }
#right h1 a.current { color: #000; text-decoration: none; }
#right h1 a:hover { color: #000; text-decoration: none; }
#right h2 { margin: 1em 0 .5em 1em; }
#right ul { float: left; margin: .5em .5em .5em 1.5em; width: 28%; }
#right p { font-size: 1.2em; }

.category { width: 100%; }
.category h1 { }

.chemical { border-bottom: 1px solid #e6235f; float: left; margin: 1em 0 0 2em; width: 90%; }
.chemical_left { margin: 0; padding: 0; width: 90%; }
#right .chemical_left h2 { margin: 0 0 .5em 0; }
.chemical_right { margin: 0; width: 70%; float: right;}
.chemical_right h3, .chemical_right p { margin: 0 0 .5em 0; width: 100%; }
.chemical_right h3.hasBorder { border-top: 1px dashed #e6235f; padding: .5em 0 0 0; }
.chemical-single { margin: 1em 4em 0 0; width: 99%; }
.chemical-single .chemical_right { float: right; margin: 0 3.5em 0 0;width: 62%;}
.chemical-single .chemical_right h1 span { padding: 0 5px; }
.chemical-single .chemical_right h1 a { background: #4e3414; padding: 0 5px; }
.chemical-single .chemical_right h1 a:hover { background: #8e002c; }

.chemical-search { border-bottom: 1px dashed #e6235f; clear: both; margin: 0 2em; width: 89%; }
#right .chemical-search h2 { margin: .3em .5em; }

#sorry { margin: 0 0 0 2em; }

#filler { position: absolute; }

.safari #search-box { margin-top: 1em; }