@media all { 
/* =The above @media rule hides this stylesheet from the 
discontinued Microsoft Internet Explorer for Mac. */

/* =universals 
These rules are applied to all elements unless otherwise specified below. */
* { margin: 0; padding: 0; } 

html { background-color: #ddd; }

body { color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-align: center; }

p { padding: .2em 0; }

/* */

hr { border: none 0; border-top: 1px; color: #bbb; background-color: #bbb; height: 1px; width: 99.8%; } 

h1, h2, h3 { font-weight: bold; }

h1 { font-size: 440%; line-height: 37px; letter-spacing: -5px; }
h1 a { color: #555; }
h1 a:hover { color: #FF9A00; text-shadow: #888 0 2px 2px; background-color: transparent; }
h2 { font-size: 95%; padding: 0; margin: 0; padding-left: 2px; }
h3 { font-size: 150%; padding-bottom: 5px; padding-top: 9px; }
h4 { font-size: 70%; font-weight: bold; letter-spacing: 1px; color: #333; padding-bottom: 2px; padding-top: 9px; }

ul { font-size: 14px; line-height: 12px; font-weight: bold; list-style: none; }
ul#branding-ci { padding-left: 2px; padding-top: 44px; font-size: 100%; font-weight: bold; color: #999; line-height: normal;  }
ul#pano-instruct { color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; text-align: left; font-weight: normal; }
#siteinfo_breadcrumbs li { display: inline; font-size: 12px; font-weight: bold; }

/*
*/

li#copyright { padding-right: 74px; font-size: 73%; color: #bbb; }
#work_img li { padding-bottom: 6px; }
#back_next_nav li { display: inline; font-size: 12px; font-weight: bold; }

a { text-decoration: none; color: #aaa; }

/* To change hover color
#FF0000   >> Strong Red
#FF00FF   >> Bright Pink
#9900FF   >> Light Purple
#0099FF   >> Bright Blue */

/* Both the selectors' colors must be identical at anny one time */ 
a:hover { color: #eee; background-color: #0099FF; }
#current-pg { color: #eee; background-color: #0099FF; }

img{ border-style: none; padding-bottom: 5px}

div#container { width: 748px; margin: 0 auto; text-align: left; }
div#top-border { width: inherit; font-weight: bold; font-size: 39px; color: #bbb; text-shadow: #777 0 3px 3px; padding-bottom: 5px; }
div#bottom-border { width: inherit; height: 30px; font-weight: bold; font-size: 39px; color: #bbb; text-shadow: #777 0 3px 3px; padding-bottom: 5px; }

div#bottom-border { height: 40px; }
div#branding { width: inherit; height: 100px; overflow: hidden; }
div#branding-contact-info { float: right; width: 528px; height: inherit ; color: #aaa; line-height: 13px; }
div#branding-logo { width: 200px; height: inherit; }
div#content { width: inherit; overflow: auto; }
div#content-main { float: right; width: 528px; }
div#nav-bar { float: left; width: 210px; }
div#siteinfo { padding-top: 10px; width: 748px; height: 20px; font-size: 73%; color: #bbb; line-height: 10px; }

}