/* reset everything */
img	{ display: block; border: 0; }
body, div, table, th, td { border: 0; padding: 0; margin: 0; }	
a, ul, ol, li, dl, dt, dd, input, textarea, label, select { padding: 0; margin: 0; }	
div.cb { height: 0; width: 0; clear: both; }

/* base aesthetic */
body { font-family: trebuchet ms, sans-serif; font-size: .8em; background-color: #333; color: #d8d8d8; }
a, p, dd, li, td { font-family: arial, sans-serif; }
label, input, textarea, select { font-family: arial, sans-serif; }
th, dt { font-weight: bold; }
td { vertical-align:top; }
li { list-style: none; }
form, input, textarea, label { display: block; }
h1, h2, h3, h4, h5, h6, p {	margin: 0; padding:0; }
h1, h2, h3, h4, h5, h6 { font-family: arial, sans-serif; font-weight: normal; color: #d7ba6c; padding-bottom: .1em; }
p { line-height: 14px; padding-bottom: 6px; }
hr { margin-bottom: 9px; border: 0; height: 1px; color: #4b4b4b; background-color: #4b4b4b; }
a { color: #9ff; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #9ff; }
.error { color: #c33; font-weight: bold; }
.smallcopy { font: xx-small arial, sans-serif; }

/* structure */
#wrap { position: relative; margin: 0 auto; width: 980px; padding: 0; }

#top_text { position: relative; margin: 0 auto; width: 980px; padding: 10px 0; text-align: center; color: #555; }
#bottom_text { position: relative; margin: 0 auto; width: 980px; padding: 10px 0; text-align: center; color: #555; }

#head { position: relative; margin: 0 auto; width: 980px; height: 89px; overflow: hidden; padding: 0; background: url('/assets/header_background.gif') no-repeat; border: 1px solid #000; border-bottom: none; }
#head #info { position: absolute; left: 742px; top: 7px; padding: 0; margin: 0; }
#head #info p { font-size: 11px; margin: 0; padding: 0; color: #4b3808; line-height: 12px; }
#head #info p a { font-size: 11px; color: #4b3808; }
#head #info p.l { color: #9f833f; }
#head #info p.t { margin-top: 15px; }

#head #teribloomhome { position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#head #teribloomhome a { width: 425px; height: 90px; margin: 0; padding: 0; }
#head #teribloomhome a img { margin: 0; padding: 0; }

#nav_container { position: relative; margin: 0 auto; width: 980px; height: 28px; padding: 0; background: #f0e5bc url('/assets/nav_background.gif') repeat-x; z-index:100; border-left: 1px solid #000; border-right: 1px solid #000; } 
#main_nav { margin: 0 0 0 27px; padding: 0; } 
#main_nav li { position: relative; float: left; height: 28px; padding: 0 6px; } 
#main_nav li a { display: block; float: left; height: 16px; padding: 6px 8px; margin-right: 10px; color: #282828; font-size: 11px; } 
#main_nav li a:hover { color: #9ff; background-color: #333; text-decoration: none; } 
#main_nav li a.on { color: #9ff; background-color: #333; text-decoration: none; } 

#drop_nav { position: absolute; left: 6px; top: 0px; margin-top: 27px; }
#drop_nav table { border: 1px solid #000; border-top: none; background: #333; border-collapse: collapse; margin: 0; padding: 0; }
#drop_nav table td { border-bottom: 1px solid #000; height: 20px;}
#drop_nav table td a { display: block; width: 105px; height: 20px; color: #bebebe; font-size: 11px; }
#drop_nav table td a:hover { color: #9ff; }
#drop_nav.show { display: block; }
#drop_nav.hide { display: none; }

#sub_nav { position: relative; margin: 0; padding: 2px 0 6px 40px; font-size: 10px; background-color: #333; }
#sub_nav span { color: #d7ba6c; font: 18px arial, helvetica, sans-serif; padding-right: 10px; }
#sub_nav a { padding: 2px; margin: 0 2px; color: #bebebe; font-size: 11px; } 
#sub_nav a:hover { color: #9ff; text-decoration: none; background: url('/assets/dotted.gif') bottom repeat-x; } 
#sub_nav a.on { color: #9ff; text-decoration: none; background: url('/assets/dotted.gif') bottom repeat-x; } 

#content { position: relative; margin: 0 auto; width: 980px; background: url('/assets/main_background.gif') repeat-y; border: 1px solid #000; border-top: none; }
#content #main { position: relative; width: 900px; padding: 22px 40px 20px 40px; }
#content #footer { position: relative; width: 980px; margin: auto; color: #bab9b9; font-family: myriad, myriad pro, trebuchet ms; font-size: 9px; text-align: center; padding: 10px 0 10px 0; }
#content #footer a { padding: 2px; margin: 0 2px; color: #bebebe; font-size: 9px; } 
#content #footer a:hover { color: #9ff; text-decoration: none; background: url('/assets/dotted.gif') bottom repeat-x; } 
#content #footer a.on { color: #9ff; text-decoration: none; background: url('/assets/dotted.gif') bottom repeat-x; } 

#content #photo_grid { float: right; margin-right: 65px; width: 270px; }
#content #photo_grid div.thumb { float: left; width: 49px; height: 49px; margin: 0 0 11px 11px; }
#content #photo_grid div.thumb a img { border: 2px solid #333; }
#content #photo_grid div.thumb a:hover img { border: 2px solid #94f6f6; }
#content #photo_grid div.thumb a.thumbon img { border: 2px solid #94f6f6; }
#content #photo_grid div.thumb a.thumbon:hover img { border: 2px solid #94f6f6; }

#content #key_photo { float: right; margin: 0 50px 0 0; }

#content div.form { width: 440px; margin-left: 195px; padding: 20px; border: 1px solid #999; background: url('/assets/grey_checker.gif')  }
#content div.form form { }
#content div.form p { float: left; font: 12px arial, sans-serif; color: #ccc; line-height: inherit; padding:  0 0 5px 0; }
#content div.form p.error { color: #c00; padding: 10px; margin: 5px 0; border: 1px solid #555; line-height: 1.6em; } 
#content div.form label { float: left; font-family: arial, sans-serif; font-size: 11px; border: 0; margin: 0; padding: 2px; margin-bottom: 5px; color: #ddd; }	
#content div.form label img { margin: 0; padding: 0 0 0 15px; }	
#content div.form input { font-family: arial, sans-serif; font-size: 11px; background-color: #ccc; border: 1px solid #666; color: #333; margin: 3px 0 0 0; padding: 4px; }
#content div.form select { font-family: arial, sans-serif; font-size: 11pxm; background-color: #ccc; border: 1px solid #666; color: #333; margin: 3px 0 0 0; padding: 2px; }
#content div.form select.short { width: 190px; }
#content div.form textarea { font-family: arial, sans-serif; font-size: 11px; background-color: #ccc; border: 1px solid #666; color: #333; margin: 3px 0 0 0; padding: 4px; }	
#content div.form select option { padding: 2px; }
#content div.form label.cb { width: 105px; }	
#content div.form input { margin-bottom: 5px; }
#content div.form input.short { width: 80px; color: #333; }
#content div.form input.wide { width: 200px; color: #333; }
#content div.form textarea.wide { width: 410px; height: 150px; color: #333; }
#content div.form .h { display: none; }
#content div.form div.cbrow { float: left; padding: 8px 4px; background-color: #efe7e0; }
#content div.form .cb { display: inline; border: none; vertical-align: middle; }			
#content div.form .bi, div.form .rb, div.form .cb { background: none; }
#content div.form .b { float: left; clear: both; margin-top: 10px; margin-bottom: 30px; font-size: 12px; font-weight: bold; padding: 5px; }

#thumbs { margin: 0; width: 260px; float: left; padding-left: 20px; }
#thumbs img { float: left; padding: 10px; }

#key { margin: 0 0 10px 0; width: 480px; float: left; text-align: right; }
#key img { display: inline; }

img#embossed { float: left; margin-top: 30px; }

#info { padding: 20px; color: #999; }

a.login_butt { width: 45px; height: 22px; background: url('/assets/login.gif') 0 0; display: block; }
a.login_butt:hover { background: url('/assets/login.gif') 0 -22px; }

a.forgot { font-size: 10px; }

/* the clearfix hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */