/* Reset & Typography
-------------------------------------------------------------- */

*					{margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body					{line-height: 1; color: #666; background: #fff; font-size: 12px; line-height: 18px; font-family: Calibri, Arial, sans-serif;  text-align: left; margin: 0;}
img					{display: block; margin: 0 0 18px 0;}
h1,h2					{font-family: Calibri, Arial, sans-serif; color: #23214f; clear: both;}
h3,h4,h5,h6				{font-family: Calibri, Arial, sans-serif; text-align: left; color: #23214f; clear: both;}
h1					{font-size: 30px; line-height: 36px; padding: 0 0 18px 0;}
h2					{font-size: 20px; line-height: 27px; padding: 0 0 9px;}
h3					{font-size: 18px; line-height: 27px; padding: 0 0 9px;}
h4					{font-size: 14px; font-weight: bold;}
h5					{font-size: 12px; font-weight: bold;}
h6					{font-size: 12px;}
p					{margin: 0 0 18px; text-align: left;}
p.last					{margin-bottom: 0;}
p.caption				{margin: -12px 0 12px; text-align: right;}
p.clearfix				{clear: both; margin: 0 0 -1px; height: 1px; overflow: hidden;}
p img					{float: left; margin: 18px 18px 18px 0; padding: 0;}
p img.top				{margin-top: 0; } /* Use this if the image is at the top of the <p>. */
p img.icon				{margin: 0 3px 0 0; } /* Use this if the image is at the top of the <p>. */
h1 img, h2 img, h3 img			{float: left; margin: 0 18px 18px 0;}
p.clearing				{margin: 0 0 -1px; padding: 0; height: 1px; overflow: hidden; clear: both; text-indent: -9999999px;}
a					{color: #666; text-decoration: underline;}
a:hover					{color: #000;}
ul, ol					{margin: 0 0 18px 18px;}
ul					{list-style-type: square;}
ol					{list-style-type: decimal;}
dl					{margin: 0 0 18px 0;}
dl dt					{font-weight: bold;}
blockquote				{margin: 0 0 18px 18px; color: #666; font-style: italic;}
strong					{font-weight: bold; color: #23214f;}
em					{font-style: italic;}
pre					{margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px;}
sup					{font-size: .5em; position: relative; top: -0.5em}


/* Buttons
-------------------------------------------------------------- */

a.button, button			{display: block; float: left; margin:0 0.583em 0.667em 0; padding: 5px 10px 6px 7px; border: 0.1em solid #dedede; border-top: 0.1em solid #eee; border-left: 0.1em solid #eee; background-color: #f5f5f5; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer;}
button					{width: auto; overflow: visible; padding: 4px 10px 3px 7px;}
button[type]				{padding: 5px 10px 5px 7px; line-height: 17px;}
*:first-child+html button[type]		{padding: 4px 10px 3px 7px;}
button img, a.button img		{display: inline; margin: 0 0 -3px 3px !important; padding: 0; border: none; width: 16px; height: 16px;}
button:hover, a.button:hover		{background-color: #dff4ff; border: 0.1em solid #c2e1ef; color: #336699;}
a.button:active				{background-color: #6299c5; border: 1px solid #6299c5; color: #fff;}
.positive				{color: #529214;}
a.positive:hover,
button.positive:hover			{background-color: #E6EFC2; border: 0.1em solid #C6D880; color: #529214;}
a.positive:active			{background-color: #529214; border: 0.1em solid #529214; color: #fff;}
.negative				{color: #d12f19;}
a.negative:hover,
button.negative:hover			{background: #fbe3e4; border: 0.1em solid #fbc2c4;}
a.negative:active			{background-color: #d12f19; border: 0.1em solid #d12f19; color: #fff;}


/* Lightbox
-------------------------------------------------------------- */

#jquery-overlay						{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;}
#jquery-lightbox					{position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#jquery-lightbox a img					{border: none; }
#lightbox-container-image-box				{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#lightbox-container-image				{padding: 10px; }
#lightbox-loading					{position: absolute;top: 40%;left: 50%; margin-left: -16px;height: 25%;width: 100%;text-align: center;line-height: 0;}
#lightbox-nav						{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#lightbox-container-image-box > #lightbox-nav		{left: 0; }
#lightbox-nav a						{outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext		{width: 49%;height: 100%; display: block;}
#lightbox-nav-btnPrev					{left: 0; float: left;}
#lightbox-nav-btnNext					{right: 0; float: right;}
#lightbox-container-image-data-box			{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;overflow: auto;width: 100%;padding: 0 10px 0;}
#lightbox-container-image-data				{padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details	{width: 70%; float: left; text-align: left;}
#lightbox-image-details-caption				{font-weight: bold;}
#lightbox-image-details-currentNumber			{display: block; clear: left; padding-bottom: 1.0em;}			
#lightbox-secNav-btnClose				{width: 66px; float: right;padding-bottom: 0.7em;}