* { margin: 0; padding: 0; }
/* Links */
a { border-bottom: 1px dotted #333333; font-weight: bold; text-decoration: none; }
a:link { border-bottom-color: #2F2A3E; color: #2F2A3E; }
a:visited { border-bottom-color: #2F2A3E; color: #2F2A3E; }
a:hover, a:active { border-bottom-color: #000000; border-bottom-style: solid; color: #000000; }
a.offsite { background: transparent url(images/offsite.gif) right center no-repeat; padding-right: 15px; }
abbr, acronym, cite { border-bottom: 1px dotted #333333; cursor: help; }
/* Other Html Elements */
blockquote { background-color: #EEEEEE; border: 1px solid #A9A9A9; clear: both; font-size: 0.9em; line-height: 1.7em; margin: 2em 3em; padding: 1em; }
/* Structure */
body { color: #2F2A3E; background-image: url(images/gold-texture.jpg); background-position: center; }
code { font-family: Consolas, Monaco, Verdana, "Courier New"; font-size: .93em; }
h1 { font-size: 32px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { border-bottom-width: 0; font-weight: normal; text-decoration: underline; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2em; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4, h5 { font-size: 20px; }
h6 { font-size: 16px; font-weight: bold; }
hr { clear: both; height: 2px; }
html { background-color: #101010; color: #999999; font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Sans-Serif; }
ins { font-weight: bold; text-decoration: none; }
ol li { margin-left: 2.5em; }
ul { list-style-type: square; padding-left: 2em; }
/* Lists */
ul, ol { line-height: 1.8em; margin: 1em 0; }
#about { background-color: #101010; clear: both; color: #D5CCEB; height: 1px; }
#about a cite { border-bottom-width: 0; }
#about dd { margin-left: 25px; padding: 5px 0; }
#about dd a { margin-left: 25px; }
/* About */
#about dl { margin: 0 auto; padding: 20px 0; width: 850px; }
#about dt { padding: 10px 0; }
#about dt em { padding: 0 2px; }
#about dt strong { color: #1C1927; }
#content { background-color: #DDDAE6; clear: both; margin: 0 auto; padding: 16px 0px 16px 10px; width: 840px; min-height: 450px; }
/* Content */
#content .drop-shadow p { bottom: 11px; }
#footer { background-color: #101010; clear: both; color: #999999; margin: 0 auto; padding: 3px 0; width: 850px; }
#footer-warp { background-color: #101010; clear: both; margin: 0 auto; width: 100%; }
#footer a { border-bottom-color: #776D91; color: #776D91; text-decoration: none; border: none; }
#footer a:hover, #footer a:active { border-bottom-color: #968AB3; color: #968AB3; text-decoration: none; }
/* Footer */
#header { background-color: #000000; border-top: 1px solid #000000; width: 100%; }
/* Header */
#header h1 { background: url(images/header.png) #000000 top left no-repeat; height: 100px; margin: 0 auto; width: 850px; }
#header h1 a { display: block; height: 100px; text-indent: -9999px; }
#navigation-bg { height: 40px; margin: 0; padding: 0; width: 100%; background-image: url(images/header1.png); background-position: center; }
#navigation { background: #ffdb0b url(images/header2.png) no-repeat center; height: 40px; margin: 0 auto; width: 850px; }
#navigation a { border-bottom-width: 0; color: #ffffff; display: block; float: left; margin-top: 8px; padding: 5px 8px; }
#navigation a:hover, #navigation a:active { background-color: #303030; color: #EEEEEE; }
#navigation li { float: right; }
#navigation li.active a { background-color: #DDDAE6; color: #2F2A3E; }
/* Navigation */
#navigation ul { list-style-type: none; margin: 0 auto; padding: 0; width: 850px; }
.stepcarousel{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 588px; /*Width of Carousel Viewer itself*/ height: 558px; /*Height should enough to fit largest content's height*/ border: 1px double #d2b400; }
.stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; }
.stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 1px; /*margin around each panel*/ width: 566px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ height: 536px; background-color: #C8C2D4; padding: 19px 19px 19px 19px; background-image: url(images/panel_bg.jpg); background-position: center; }
#mygallery{ margin: 0 0 0 120px; }