/* the methods on this page are largely the hard work (freely given) of many people from the css-discuss list [http://www.css-discuss.org], including (but not limited to) Big John, Holly Bergevin, Douglas Livingstone, Scott Sauyet, Victor Caston, Mike Papageorge, and me, Alex Robinson [css-stuff@alex.cloudband.com] */

/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
/* border:nones are for NN4 */
html {
min-width: 820px;
margin: 0px;
padding: 0px;
}

body {
margin: 10px;
padding: 0px;
color: #000;
background: #fff;
font: .8em/1.45em Verdana, Helvetica, Arial, sans-serif;
}

a:link {
color: #d40000;
background: transparent;
text-decoration: underline;
}

a:visited {
color: #04657e;
background: transparent;
text-decoration: none;
}

a:hover {
color: #ffca60;
background: transparent;
text-decoration: none;
}

h1, h2, h3, h4 {
color: #04657e;
background: transparent;
margin: 0;
padding: 0 5px .05em 5px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.35em;
}

h1 {
margin-bottom: .5em;
font-size: 1.25em;
border-bottom: 1px solid #82b2bf;
}

h2 {
font-size: 1.25em;
}

h3 {
font-size: 1.15em;
font-weight: normal;
}

h4 {
font-size: 1.05em;
}

p {
margin: 0;
padding: 0 5px .5em 5px;
}

.hang {
padding-left: 2em;
text-indent: -2em;
}

.top {
font-size: .8em;
}

img {
border: 0;
}

sup {
font-size: .8em;
vertical-align: super;
}

.note {
font-size: .8em;
line-height: 1.2em;
}

.center {
text-align: center;
}

.placeholder {
margin: 0 0 250px 0;
}

.clear {
clear: both;
}

.clear-l {
clear: left;
}

.clear-r {
clear: right;
}

/* Opera hack: to keep the list item prior to the li.current from inheriting the font-weight of bold. */
html > body ul, html > body ol, html > body dl {
position: inherit;
}

/* ====================================================================
WRAPPERS
-------------------------------------------------------------------- */

div {
margin: 0;
padding: 0;
}

.divclear {
clear: both;
}

.clear {
clear: both;
}

.box-wrap {
width: 898px;
margin: 0 auto;
color : #000;
background: #130506 url(../images/lumina-bg-top.jpg) 0 28px no-repeat;
border-top: 1px solid #8c8c8c; /*** Sets the external top side border. ***/
border-right: 2px outset #8c8c8c; /*** Sets the external right side border. ***/
border-bottom: 2px outset #8c8c8c; /*** Sets the external bottom border. ***/
border-left: 1px solid #8c8c8c; /*** Sets the external left side border. ***/
}

.home .box-wrap {
width: 898px;
background: #130506 url(../images/lumina-home-bg-top.jpg) 0 28px no-repeat;
}

.box-inner-wrap {
border: 0;
margin: 0;
padding: 0;
}

/* ====================================================================
TITLE
-------------------------------------------------------------------- */

.title img {
margin: 0 0 0 280px;
padding: 0;
}

/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */

.columns-float {
float: left;
width: 100%;
margin: 0;
padding: 0;
color: #000;
background: transparent url(../images/lumina-bg-bottom.jpg) 0 100% no-repeat;
}

.home .columns-float {
float: left;
width: 100%;
margin: 0;
padding: 0 0 66px 0;
color: #000;
background: transparent url(../images/lumina-home-bg-bottom.jpg) 0 100% no-repeat;
}

.main {
float: right;
width: 752px;
margin: 0 17px 17px 0;
padding: 0;
color: #000;
background: #fff;
border: 1px solid #ec141c;
}

.home .main {
float: right;
width: 683px;
margin: 0 103px 15px 0;
padding: 0;
color: #000;
background: #fff url(../images/globe.png) 100% 100% no-repeat;
border: 1px solid #ec141c;
}

.left-nav {
width: 123px;
}

/* ====================================================================
HEADER (Title & Navigation)
-------------------------------------------------------------------- */

.box-header {
color: #000;
background: #b6a2a4 url(../images/white-glow.png) 0 24px repeat-x;
margin: 0;
padding: 5px 0 11px 5px;
position: relative;
top: 0;
}

.box-header h1 {
display: none;
}

/* ====================================================================
CRUMBTRAIL
-------------------------------------------------------------------- */

.box-crumbtrail {
margin: 0 0 3px 0;
padding: 0;
color: #000;
background: transparent;
font: .8em/1.5em Verdana, Helvetica, Arial, sans-serif;
}

.box-crumbtrail span {
text-transform: uppercase;
}

.box-crumbtrail a:link {
text-decoration: none;
}

/* ====================================================================
SEARCH
-------------------------------------------------------------------- */

.search {
z-index: 1;
position: absolute;
right: 5px;
top: 0;
width: 260px;
margin: 0 0 0 10px;
padding: 0;
}

/* div containing the search box, button and instructions for the overlay results page */

.search .gsc-control-cse {
margin: 0 0 2px 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: transparent;
border: none;
}

/*  */

.search form.gsc-search-box {
font-size: 12px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
width: 100%;
}

/* Eliminates the 10px of padding and the 1px bottom border implemented by the table definition below. */

.search table.gsc-search-box, .search table.gsc-search-box td  {
padding-bottom: 0;
border-bottom: 0;
}

/* Reduces the space between the input box and the button. */

.search .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right: 5px;
}

/* Search box */

.search input.gsc-input {
border-color: #8C8C8C;
margin: 0;
padding: 0;
}

/* Search button */

.search input.gsc-search-button {
margin: 0;
padding: 5px 10px;
border-color: #04657e;
background-color: #04657e;
}

/* Results page: Title - left align */

.search .gsc-result .gs-title {
text-align: left;
}

/* Results page: Title - link color */

.search .gs-webResult.gs-result a.gs-title:link, .search .gs-webResult.gs-result a.gs-title:link b, .search .gs-imageResult a.gs-title:link, .search .gs-imageResult a.gs-title:link b  {
color: #04657e;
background: transparent;
}

/* Results page: Title - visited color */

.search .gs-webResult.gs-result a.gs-title:visited, .search .gs-webResult.gs-result a.gs-title:visited b, .search .gs-imageResult a.gs-title:visited, .search .gs-imageResult a.gs-title:visited b {
color: #8b5c29;
background: transparent;
}

/* Results page: Title - hover color */

.search .gs-webResult.gs-result a.gs-title:hover, .search .gs-webResult.gs-result a.gs-title:hover b, .search .gs-imageResult a.gs-title:hover, .search .gs-imageResult a.gs-title:hover b {
color: #8c8c8c;
background: transparent;
}

/* Results page: Title - active color */

.search .gs-webResult.gs-result a.gs-title:active, .search .gs-webResult.gs-result a.gs-title:active b, .search .gs-imageResult a.gs-title:active, .search .gs-imageResult a.gs-title:active b {
color: #8b5c29;
background: transparent;
}

/* Results page: URL */

.search .gs-webResult div.gs-visibleUrl, .search .gs-imageResult div.gs-visibleUrl {
color: #8b5c29;
background: transparent;
}

/* ====================================================================
MAIN
-------------------------------------------------------------------- */

.main h2.sub {
margin: 7px 0;
padding: 0;
color: #9e2222;
background: transparent;
font-size: .95em;
text-transform: none;
text-align: center;
font-weight: normal;
}

/* ====================================================================
MAIN CONTENT
-------------------------------------------------------------------- */

.main-content {
margin: 0 5px 5px 5px;
padding: 0 0 5px 0;
border: 1px solid #82b2bf;
}

.main-content ul, .main-content ol, .main-content dl {
margin: 0;
padding: 0 5px 5px 5px;
}

.main-content ul li, .main-content ol li {
margin: 0 0 .5em 2.5em;
padding: 0;
}

.main-content ul li {
list-style: square;
}

.main-content dl {
margin-bottom: .75em;
}

.main-content dl dt {
font-weight: bold;
}

/* ====================================================================
MAIN CONTENT - HOME
-------------------------------------------------------------------- */

.home .main-content {
min-height: 461px;
margin: 0 5px 5px 5px;
padding: 0;
border: 1px solid #82b2bf;
background: transparent url(../images/home-blue-divider.png) 50% 0 repeat-y;
}

.home .main-content p {
line-height: 1.25;
}

.top-row {
margin: 0;
padding: 0;
}

.bottom-row {
margin: 0;
padding: 0;
border-top: 1px solid #82b2bf;
}

.left {
width: 324px;
margin: 0;
padding: 5px;
}

.right {
float: right;
width: 326px;
margin: 0;
padding: 3px;
}

.left h2, .right h2 {
font-size: 1.05em;
}

.home .r100 {
float: right;
width: 100px;
margin: 0;
padding: 0 0 0 5px;
}

.home .r100 img {
margin-bottom: 5px;
}

.home p.caption {
line-height: 0.8em;
padding: 0 0 .5em 0;
text-align: center;
}

/* ====================================================================
TABLE FORMATTING
-------------------------------------------------------------------- */

table {
margin: 0;
padding: 0 0 10px 0;
width: 100%;
}

table tr th {
padding-top: .5em;
color: #047391;
background: transparent;
border-bottom: 2px solid #047391;
vertical-align: bottom;
}

table td {
margin: 0;
padding: .25em;
vertical-align: top;
border-bottom: 1px solid #000;
}

.left {
text-align: left;
}

.center {
text-align: center;
}

.w5 {
width: 5%;
}

.w7 {
width: 7%;
}

.w10 {
width: 10%;
}

.w15 {
width: 15%;
}

.w20 {
width: 20%;
}

.w25 {
width: 25%;
}

.w35 {
width: 35%;
}

.w50 {
width: 50%;
}



/* ====================================================================
LEFT-NAV CONTENT
-------------------------------------------------------------------- */
#expandNav {
margin: 0;
padding: 0 0 10px 0;
background: transparent url(../images/nav-divider.png) 50% 0 no-repeat;
font: .8em/1.25em verdana, helvetica, arial, sans-serif;
text-align: center;
}

#expandNav div {
margin: 0 2px;
padding: 5px 0 5px 0;
font-weight: bold;
letter-spacing: 0.05em;
text-transform: uppercase;
background: transparent url(../images/nav-divider.png) 50% 100% no-repeat;
}

#expandNav div a {
display: block;
margin: 0;
padding: 1px 0 1px 0px;
color: #fff;
background: transparent;
text-decoration: none;
line-height: 1.25em;
}

#expandNav div a:hover, #expandNav div div a:hover {
color: #d40000;
}

#expandNav div div {
margin: 0;
padding: 5px 0 2px 0;
font-weight: normal;
letter-spacing: 0.05em;
text-transform: none;
background: transparent;
}

#expandNav div div a {
display: block;
margin: 0;
padding: 2px 0 3px 0;
color: #fff;
background: transparent;
line-height: 1.25em;
}

#expandNav div.current a, #expandNav div div.current a {
color: #ffca60;
}

#expandNav div.current div a {
color: #fff;
}

.left-nav .acrobat {
margin: .5em 0;
padding: .5em 0 0 0;
color: #fff;
font-size: .8em;
line-height: 1.25em;
text-align: center;
}


/* ====================================================================
IMAGES
-------------------------------------------------------------------- */

.caption {
margin: 0;
padding: .5em 0 0 0;
font-size: .8em;
line-height: 1.5em;
}

.l45, .l75, .l100, .l110, .l125, .l150, .l175,
.l200, .l220, .l225, .l250,
.l300, .l325, .l350, .l375,
.l400, .l425, .l450, .l466,
.l500, .l600 {
margin: 0 10px 5px 0;
padding: 5px;
}

.r45, .r75, .r100, .r110, .r125, .r150, .r175,
.r200, .r220, .r225, .r250,
.r300, .r325, .r350, .r375,
.r400, .r425, .r450,
.r500, .r600 {
margin: 0 0 5px 5px;
padding: 5px;
}


/* ====================================================================
PHOTOGRAPHS.html
-------------------------------------------------------------------- */

.row {
clear: both;
min-height: 165px;
margin: 0 20px;
padding: 0;
text-align: center;
}

.w33 {
float: left;
width: 33%;
}

.w33 p {
margin: 0;
padding: .5em 0 0 0;
font-weight: bold;
}

.w33 h2 {
margin: 0;
padding: .5em 0 0 0;
}

/* ====================================================================
FOOTER
-------------------------------------------------------------------- */

.box-footer {
clear: both;
margin: 0;
padding: 0 0 10px 0;
font: .8em/1.5em Verdana, Helvetica, Arial, sans-serif;
color: #000;
background: #b6a2a4 url(../images/white-glow.png) 0 -14px repeat-x;
text-align: center;
}

.box-footer img {
margin: 0;
padding: 10px 0 0 5px;
}

.box-footer ul {
float: right;
width: 800px;
margin: 5px 5px 0 0;
padding: 0;
}

.box-footer ul.footer-top {
margin-top: 14px;
}

.box-footer ul li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
line-height: .75em;
}

.box-footer a:link {
text-decoration: none;
}