#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#lightbox a img{ border: none}
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#imageContainer{ padding: 10px}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(/images/lightbox/prev.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background: url(/images/lightbox/next.gif) right 15% no-repeat}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData{ padding:0 10px; color: #666}
#imageData #imageDetails{ width: 70%; float: left; text-align: left}
#imageData #caption{ font-weight: bold}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em}
#imageData #bottomNavClose{ float: right; padding-bottom: 0.7em}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000}
/*********************************** HTML ****************************************/ html {overflow: scroll}
body {background: #ffffff; font: .75em/1.8em Helvetica, Verdana, sans-serif; height: auto; color: #939393; margin: 0; padding: 0; text-align: center; height: auto; clear:both}
/*********************************** Structure *************************************/ #container {margin: 0 auto; text-align: center; width: 80em}
#content {text-align: left; margin: 0; padding: 1em 2em 4em 2em}
#footer {text-align: left; border-top: 1px solid #97D045; padding: 1em; margin: 0 2em}
.footList {float: right; width: 10em}
.footLeft {float: left; width: 30em}
#topBar {background: #8B8D8E; border-bottom: 2px solid #efefef}
#tbContent {width: 80em; margin: 0 auto}
#tbPage {text-align: left; padding: .5em 0 .5em 2em; color: #efefef; width: 25em; float: left}
#loginNav {float:right; width: 40em; padding: .5em 2em .5em; color: #666666; text-align: right}
#header {background: url(/images/RWLDweb.gif) no-repeat top left; height: 184px; text-align:left; border-bottom: 1px solid #97D045; margin: 0 2em 1em 2em; padding: 0 0 1em 0}
.clearer {clear: both}
.right {float: right}
.left {float: left}
.triplet {padding-top: 1em; width: 24em; float: left; margin-left: 1em; margin-right: 1em}
.alpha {margin-left: 0;}
.omega {margin-right: 0;}
#twitter_div ul {list-style: none; margin: 0; padding: 0;}
#twitter_div ul li {margin-left: 0; background-color: #efefef; margin-bottom: .5em; padding: .5em;}
.tweet_odd {background-color: #ffffff}
.paddingRight {padding-right: 10px}
.columnLeft {width: 23em; margin-right: 1.9em; float: left}
.columnGreen {padding: 1em; background: #97D045}
.columnGreen h2, .columnGreen h3, .columnLeftMid h2, .columnRightMid h2 {color: #D6EE86; padding: 0; background: none}
.columnRight {width: 51em; float: right}
.columnLeftMid {width: 35em; margin-top: 1em; padding: 1em; float: left; background: #efefef}
.columnRightMid {width: 35em; margin-top: 1em; padding: 1em; float: right; background: #efefef}
/**************************************** Contents *********************************/ .c1 {padding: 1em; background: #efefef; margin: 0 0 0 0}
.c1 h2 {border: none}
.c1 + h2, .c2 + h2, .w1 + h3, .w1 + p, .wrapper + h3, .w1 + h2 {margin-top: 1em}
.c2 {padding: 1em; background: #ffffff; margin: 0 0 0 0}
.t1, .columnLeftMid .t2 {padding: 1em; background: #efefef url(/images/quoteLeftGray.gif) no-repeat top left; margin: 0 0 1em 0}
.t2 {padding: 1em; background: #ffffff url(/images/quoteLeftWhite.gif) no-repeat top left; margin: 0 0 1em 0}
.t1 h3, .t2 h3 {margin: 0; text-align: right}
.columnGreen .t1, .columnGreen .t2 {background: #97D045 url(/images/quoteLeftGreen.gif) no-repeat top left; color: #D6EE86}
.columnGreen + .t1, .columnGreen + .t2 {margin-top: 2em}
.w1 {padding: 1em 1em 1em 1em; background: #efefef}
.windex {width: 14em; float: left; margin-right: 1em}
.wina a, .wina a:visited {background: #97D045; padding: 1em; margin-bottom: 1em; font-size: 1.5em; color: #0B4599; display: block}
.wina a:hover, .wina a:active {background: #efefef; color: #97D045; text-decoration: none}
.wina img {padding: 1em 0 0 0}
.thumbs2 + .w1 {margin-bottom: 0}
.clientText {width: 21em; float: left; margin-right: 1em; padding: 1em; background: #efefef url(/images/quoteLeftGray.gif) no-repeat top left}
.clientProjects {float: left}
.thumbs {margin: 0 1em 1em 0; padding: 6px; background: #ffffff; border: 1px solid #8B8D8E; float: left}
.thumbs img, .thumbs a {border: none}
.thumbs:hover img{ background: #D6EE86}
.thumbs:hover{ color: #ffffff; /* irrelevant definition to overcome IE bug */ background: #D6EE86}
.thumbs2 {margin: 0 .5em .5em 0; padding: 3px; background: #ffffff; border: 1px solid #8B8D8E; float: left}
.thumbs2 img, .thumbs2 a {border: none}
.thumbs2:hover img{ background: #D6EE86}
.thumbs2:hover{ color: #ffffff; /* irrelevant definition to overcome IE bug */ background: #D6EE86}
.tagList {float: left; margin: 0 1em 1em 0; padding: 0 1em 1em 1em}
.tagList li {padding: 0 0 0 0; margin: 0}
.tagList ul {padding: 0 0 0 1em; margin: 0}
.rss {padding-top: 4px; border:none}
.rss2 {padding: 14px 12px 0 0; border: none}
/*pre {background: #8B8D8E; color: #97D045; padding: 12px; margin: 18px 0; font-size: 1.2em}
code {color: #97D045; font-size: 1.2em}*/ /************************************* Masthead ********************************/ #header h1 {float:left; margin:0 0 0 -4000px; width:4174px; padding: 0; color: #ffffff}
h1#logo a {display: block; font: bold 1em/1.5em Helvetica, Arial, sans-serif; padding: 74px 0}
h1#logo:hover {color: #ffffff}
/**************************************** Main Nav ***********************************/ #nav {float: left; /*line-height: 1em;*/ font-weight: normal; padding: 0; margin: 60px 0 0 46px}
#nav ul {list-style: none; padding: 0; margin: 0}
#nav a {display: block; color: #8B8D8E; text-decoration: none; padding: 2em 1em 1em 2em}
#nav a:hover {color: #0B4599}
#nav li {background: #efefef; float: left; display: inline; padding: 0; margin: 0 1em 0 0}
#nav ul li ul {position: absolute; left: -999em; width: auto; height: auto; font-weight: normal; border-top: 1em solid #ffffff; margin: 0}
#nav li:hover ul, #nav li.sfhover ul {left: auto}
#nav li:hover, #nav li.sfhover {background: #97D045; color: #0B4599; height: 1%}
/************************************** Text ***************************************/ h2 {font-size: 1.75em; margin: 0 0 .75em 0; font-weight: bold; color: #0B4599; padding: .5em; background: #97D045; /*border-bottom: 3px solid #0B4599;*/ display: block}
.altHeader h2, h2.altHeader {background: #ffffff; padding: 0; color: #8B8D8E; font-style: normal; font-size: 2em}
h2 em {font-style: normal; font-size: .5em}
h3 {font-size: 1.25em; line-height: 1em; margin: 0 0 1em 0; padding: 0; color: #97D045; font-weight: bold; display: block}
p {margin: 0 0 1em 0; display: block; line-height: 1.5em}
ul {margin: 0 0 1em 0; list-style: square; padding: 0 0 0 1em}
li {line-height: 1.5em; padding: 0 0 .5em 0; margin: 0 0 0 1em}
h3 + .postTime, h3 + .postTime2 {margin-top: -1em; font-size: 10px}
.postTime2 {width: 25em}
.green, .postTime2, .postTime2 a:link, .postTime2 a:visited, .green a:link, .green a:visited {color: #97D045}
ul.typeList {padding: 0; margin: 2em 0 0 0; list-style: none}
.typeList h3 {margin-bottom: .5em}
.sidebar {width: 11em}
.sidebarR {width: 11em; float: right}
a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #97D045; text-decoration: underline;}
a:active {color: #97D045; text-decoration: underline;}
h2 a:link {color: #97D045; text-decoration: none;}
h2 a:visited {color: #97D045; text-decoration: none;}
h2 a:hover {color: #0B4599; text-decoration: none;}
h2 a:active {color: #0B4599; text-decoration: none;}
h3 a:link {color: #97D045; text-decoration: none;}
h3 a:visited {color: #97D045; text-decoration: none;}
h3 a:hover {color: #0B4599; text-decoration: underline;}
h3 a:active {color: #0B4599; text-decoration: underline;}
.windex h3 a:link {color: #0B4599; text-decoration: none;}
.windex h3 a:visited {color: #0B4599; text-decoration: none;}
.windex h3 a:hover {color: #D6EE86; text-decoration: underline;}
.windex h3 a:active {color: #D6EE86; text-decoration: underline;}
.columnGreen h3 a:link {color: #D6EE86; text-decoration: none;}
.columnGreen h3 a:visited {color: #D6EE86; text-decoration: none;}
.columnGreen h3 a:hover {color: #0B4599; text-decoration: underline;}
.columnGreen h3 a:active {color: #0B4599; text-decoration: underline;}
.columnGreen a:link {color: #8B8D8E; text-decoration: none;}
.columnGreen a:visited {color: #8B8D8E; text-decoration: none;}
.columnGreen a:hover {color: #0B4599; text-decoration: underline;}
.columnGreen a:active {color: #0B4599; text-decoration: underline;}
img {border: none}
/**************************************** Admin Rows *******************************************/ .data {margin: 0 2em 2em 2em; position: relative}
.row {margin: 0 auto; border-bottom: 1px solid #DAE1DE}
.row:hover {background: #efefef}
.rowHeader {background: #97D045; color: #0B4599; margin: 0 0 1em 0}
.rowSort {border-bottom: 1px solid #DAE1DE; cursor: move}
.rowSort:hover {background: #efefef; cursor: move}
.rowItem {float: left; padding: .5em; width: 14em}
.rowItemB {float: left; padding: .5em; width: 10em}
.rowLink {float: left; padding: .5em; width: 4em; text-align: center}
/********************************** Errors **********************************/ .fieldWithErrors {padding: 2px; background-color: red; display: table}
#errorExplanation {width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff}
#errorExplanation p {color: #333; margin-bottom: 0; padding: 5px}
#errorExplanation ul li {font-size: 12px; list-style: square}
#notice {border: 1px solid green; padding: .5em; margin-bottom: 1em; color: green; background: #C0FFCC}
/***************************** Glider **********************************/ #glider {width: 76em; margin: 0 0 1em 0; color: #8B8D8E; height: 264px}
#glider img {margin: 0 1em 1em 3em; padding: 6px; background: #ffffff; border: 1px solid #efefef; float: left}
#glider a img:hover {border: 1px solid #8B8D8E; background: #D6EE86}
#glider .controls img {padding: 3px; background: #ffffff; margin: 0 .5em .5em 0; border: 1px solid #8B8D8E}
#glider .controls a img:hover {background: #D6EE86}
.gliderText {margin: 17em 1em 2em 1em; color: #8B8D8E}
#glider h2 {border: none; color: #D6EE86}
#glider h3 {color: #8B8D8E; margin: 0 0 .25em 0}
div.controls {height: 240px; padding: 1em; background: #97D045; overflow: hidden}
div.controls h2 {padding: 0; margin-bottom: .3em}
div.scroller {/* modify width and height of scrolling section if necessary */ width: 51em; height: 264px; overflow: hidden}
div.scroller div.section {/* modify width and height of each section as needed (should match the size of the scroller window) */ width: 51em; height: 264px; overflow:hidden; background: #efefef; float: left; padding: 0; margin: auto}
div.scroller div.contentGlider {width: 10000px}
#glider a:link {color: #D6EE86; background: none; text-decoration: none;}
#glider a:visited {color: #D6EE86}
#glider a:hover {color: #0B4599}
/********************** Pagination *****************************************/ .apple_pagination {text-align: left; padding: 0 1em 1em 0}
.apple_pagination a, .apple_pagination span {padding: .2em .3em}
.apple_pagination span.disabled {color: #efefef}
.apple_pagination span.current {font-weight: bold; color: #8B8D8E; border: solid 1px #D6EE86}
.apple_pagination a {text-decoration: none; color: #8B8D8E}
.apple_pagination a:hover, .apple_pagination a:focus {text-decoration: underline}