/* ESIS

/* URL www.esis.com.au





/* Design & Code by Guy Jeffrey

/* Code by Guy Jeffrey

/* Sol Design www.sol.com.au

/* Last modified: April, 2010 */





@font-face {

	font-family: 'GillSansRegular';

	src: url('gillsanextboldis-webfont.eot');

	src: local('?'), url('gillsanextboldis-webfont.woff') format('woff'), url('gillsanextboldis-webfont.ttf') format('truetype'), url('gillsanextboldis-webfont.svg#webfontyt9NI8sW') format('svg');

	font-weight: normal;

	font-style: normal;

}









/* basics

----------------------------------------------- */

html, body, form, fieldset { margin: 0; padding: 0; }

body { font-size: 76%; color: #3f3f3f; font-family: Arial, Helvetica; background-color: #fff; text-align: left; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; }

form label { cursor: pointer; }

fieldset { border: none; }

input, select, textarea { font-size: 90%; }

.standardsAlert { display: none; }

.clearleft { clear: left; }

img { display: inline; }

div.clearer {clear: both; line-height: 0; height: 0;}











/* basic links

----------------------------------------------- */

a img {border: none; }

.red { color:#f00 }





/* layout

----------------------------------------------- */

#wrapper { background-image: url(../images/esisbg.png); background-repeat: no-repeat; background-position: 0 177px; width: 979px; margin: 0 auto; padding: 0; text-align: left; }

#contentwrapper { margin: 0 auto; padding: 0; width: 979px; }

#mainandleftcols { float: left; width: 779px; margin-right: 0;}

#masthead { background-image: url(../images/masthead2.png); background-repeat: no-repeat; text-align: right; margin: 10px auto 10px 0; width: 979px; height: 126px; padding: 4px 0 0 4px; }

#masthead form { margin-top: 10px; margin-right: 20px; }

#banner { margin: 10px auto 20px 0; padding: 0; width: 979px; height: 128px; }

/* See #leftnav below for the left column layout */

#maincolumn { background-repeat: no-repeat; background-position: left bottom; text-align: left; display: inline; margin: 0; padding: 0 0 2em; width: 519px; float: right; overflow: visible; }

#rightcolumn { background-repeat: no-repeat; background-position: left bottom; text-align: left; display: inline; margin: 0; padding: 20px 0 2em; width: 199px; float: right; overflow: visible; }

#homecol { text-align: left; display: inline; margin: 0; padding: 0 0 0; width: 214px; float: left; overflow: visible; }

#homebox { background-image: url(../images/gradbox2.png); background-repeat: no-repeat; background-position: 50% top; text-align: left; display: inline; margin: 0 0 0 20px; width: 210px; height: 370px; float: left; overflow: visible; padding: 0 0 0; }

#gallery { margin: 10px 0 0 20px; padding: 0; width: 665px; float: left; display: inline; }



/* div for floating "call now" box */

#floatdiv { position:absolute;  

    width:244px;height:63px; bottom: 0px; /* total box size is 260 x 82, padding is subtracted from this */

    padding: 9px 10px 10px 6px; /* top right bottom left - leave more room for drop shadow on right and bottom */

    background-image: url(../images/call-now-box2.png); 

    border: none;  

    z-index:100 }

#floatdiv p { color: #990000; font-size: 1.25em; font-family: GillSansRegular, Helvetica; font-weight: normal; line-height: 1.3em; text-align: center; }

#floatdiv p.smaller { color: #990000; font-size: 1.15em; font-family: GillSansRegular, Helvetica; font-weight: normal; line-height: 1.3em; text-align: center; }

#floatdiv a:link { color: #FF0000; }

#floatdiv a:hover { color: #FF3333; }

#floatdiv a:active { color: #CC0066; }

    

#masthead p { font-size: 1.3em; margin-top: 15px; margin-right: 50px; }

#masthead a:link, #masthead a:visited  { color: #fff; text-decoration: none; }

#masthead a:hover { color: #ffb81e; }

#masthead a:active { color: #35b5ff; text-decoration: none; }







#contentwrapper h2.std { color: #8a8a8a; font-size: 2em; font-weight: normal; line-height: 1.1; margin: 0; padding: 0 0 0 100px; }

#contentwrapper p.text { color: #202020; font-size: 1em; line-height: 1.2em; text-align: center; padding: 20px 50px 10px 20px; }

/*#contentwrapper a:link, #contentwrapper a:visited  { color: #f00; text-decoration: none; }*/ /* don't use red for visited links please (CD) */

#contentwrapper a:link  { color: #00a6e3; text-decoration: none; }

#contentwrapper a:visited  { color: #6644cc; text-decoration: none; }

#contentwrapper a:hover { color: #3f3f3f; text-decoration: underline; }

#contentwrapper a:active { color: #48462b; text-decoration: none; }


#maincolumn #related-pages {
  padding: 7px 10px;
  margin-left: 10px;
  width: 479px;
  border-style: solid solid solid;
  border-width: 1px;
  border-top: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
  background: #e9e7e7 
}




/* footer

----------------------------------------------- */

/*#footer { background-image: url(../images/footer.png); background-repeat: no-repeat; background-position: 50% top; width: 997px; height: 160px; margin: 0 auto; }*/

#footer { background-image: url(../images/footer.png); background-repeat: no-repeat; background-position: 50% top; width: 997px; height: 250px; margin: 0 auto; padding-bottom: 10px; }

#footer p { color: #48462b; font-size: 0.9em; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 1.2em; text-align: center; padding-top: 10px; }

#footer a:link, #footer a:visited { color: #303030; text-decoration: none; border-style: none; }

#footer a:hover { color: #48462b; text-decoration: underline; border-style: none; }

#footerwrapper { background-color: #fff; background-image: url(../images/footer-grad.png); background-repeat: repeat-x; background-position: 50% top; text-align: center; margin: 0 auto; padding-top: 5px; padding-bottom: 0; width: 100%; }







#footer #basenav ul, ol, dl {position: relative; }

#footer #basenav  { background-image: none; margin: 0; width: 246px; float: left; padding: 10px 0 0; }

#footer #basenav ul { margin: 0; padding: 0 0 0 0; list-style-type: none; text-align: left; }

#footer #basenav ul li { float: left; margin: 0; padding: 0; }

#footer #basenav ul li a { font-size: 9px; text-align: left; color: #999; font-style: normal; line-height: 13px; background-image: url(../images/footer-nav-tri.gif); background-repeat: no-repeat; background-position: left 0.3em; text-decoration: none; width: 170px; margin-left: 60px; padding-left: 10px; list-style-type: none; display: list-item; }

#footer #basenav a:hover { text-decoration: underline; }

#footer #basenav p { color: #999; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; text-align: left; margin: 0 0 7px 60px; padding: 0; }









#homecol p { color: #48462b; font-size: 1em; line-height: 1.2em; text-align: left; margin-left: 4px; padding: 0 0 10px; }

#homebox p { color: #48462b; font-size: 1em; line-height: 1.2em; text-align: left; margin-right: 10px; margin-left: 15px; padding: 0; }

#homebox h2 { font-weight: normal; text-align: center; }

#homecol a:link.external, #homecol a:visited.external   { color: #009bb4; text-decoration: none; }

#homecol a:hover.external, #homecol a:active.external { color: #00b7d5; text-decoration: underline; }







#homecol a:link, #homecol a:visited, #homebox a:link, #homebox a:visited { color: #f00; text-decoration: none; }

#homecol a:hover, #homebox a:hover { color: #3f3f3f; text-decoration: underline; }

#homecol a:active, #homebox a:active { color: #48462b; text-decoration: none; }





#homebox h1 { color: #48462b; font-size: 1em; line-height: 1.2em; text-align: left; margin-left: 4px; padding: 0 0 10px; }









/* Global Top Navigation

------------------------------------------------------------------ */





/* TopNav */

#navwrapper { background-color: #d1005d; background-image: url(../images/esisnavbar.png); background-repeat: repeat-x; background-position: center top; width: 100%; height: 40px; margin: 0; padding: 0; }







#topnavbox { width: 979px; height: 37px; margin: 0 auto 15px; padding: 0; }

#topnavbox #topnav { text-align: center; height: 37px; margin: 0; padding: 0; }

#topnavbox #topnav li { display: inline; }

#topnavbox #topnav li a { float: left; ; height: 0; padding-top: 37px; overflow: hidden; }

#topnavbox #topnav li a { background-image: url(../images/esisnavbar.png); background-repeat: no-repeat; }



/* TopNav Buttons */

#topnavbox #topnav li#tn-home a { background-position: 0 0; width: 141px}

#topnavbox #topnav li#tn-products a { background-position: -141px 0; width: 140px }

#topnavbox #topnav li#tn-support a { background-position: -281px 0;  width: 139px}

#topnavbox #topnav li#tn-store a { background-position: -420px 0;  width: 139px}

#topnavbox #topnav li#tn-news a { background-position: -559px 0;  width: 139px}

#topnavbox #topnav li#tn-about a { background-position: -698px 0;  width: 140px}

#topnavbox #topnav li#tn-contact a { background-position: -838px 0;  width: 141px}





/* TopNav Rollovers */

#topnavbox #topnav li#tn-home a:hover { background-position: 0 -37px; }

#topnavbox #topnav li#tn-products a:hover { background-position: -141px -37px; }

#topnavbox #topnav li#tn-support a:hover { background-position: -281px -37px; }

#topnavbox #topnav li#tn-store a:hover { background-position: -420px -37px; }

#topnavbox #topnav li#tn-news a:hover { background-position: -559px -37px; }

#topnavbox #topnav li#tn-about a:hover { background-position: -698px -37px; }

#topnavbox #topnav li#tn-contact a:hover { background-position: -838px -37px; }





/* TopNav Active (pressed) */

#topnavbox #topnav li#tn-home a:active { background-position: 0 -74px; }

#topnavbox #topnav li#tn-products a:active { background-position: -141px -74px; }

#topnavbox #topnav li#tn-support a:active { background-position: -281px -74px; }

#topnavbox #topnav li#tn-store a:active { background-position: -420px -74px; }

#topnavbox #topnav li#tn-news a:active { background-position: -559px -74px; }

#topnavbox #topnav li#tn-about a:active { background-position: -698px -74px; }

#topnavbox #topnav li#tn-contact a:active { background-position: -838px -74px; }





/* TopNav On (Here) */

#topnavbox.home #topnav li#tn-home a:hover { background-position: 0 -111px; cursor: default; }

#topnavbox.home #topnav li#tn-home a { background-position: 0px -111px; }

#topnavbox.products #topnav li#tn-products a { background-position: -141px -111px; }

#topnavbox.support #topnav li#tn-support a { background-position: -281px -111px; }

#topnavbox.store #topnav li#tn-store a { background-position: -420px -111px; }

#topnavbox.news #topnav li#tn-news a { background-position: -559px -111px; }

#topnavbox.about #topnav li#tn-about a { background-position: -698px -111px; }

#topnavbox.contact #topnav li#tn-contact a { background-position: -838px -111px; }









/* LeftNav */

#leftnav  { background-repeat: no-repeat; margin: 0; width: 260px; overflow: hidden; float: left; padding: 0; }

#pdfslot { margin: 0; width: 214px; float: left; padding-top: 10px; padding-right: 0; padding-left: 0; }

 



#leftnav h2 { color: #4c4c4c; font-size: 1.4em; font-family: GillSansRegular, "Arial Black", Helvetica; font-weight: normal; line-height: 1.4; text-align: left; margin: 20px 0 0; padding: 0 0 0px; }





#leftnav p.std { color: #202020; font-size: 1em; line-height: 1.6em; text-align: left; padding: 20px 0 0 4px; }



#leftnav p.search { color: #fff; font-size: 1.4em; font-family: GillSansRegular, "Arial Black", Helvetica; font-weight: normal; line-height: 1.6em; text-align: left; padding: 10px 0 0 10px; }

#leftnav p.intro { color: #555; font-size: 1em; font-weight: bold; line-height: 1.6em; text-align: left; padding: 0 0 10px 4px; }

#leftnav a:link, #leftnav a:visited  { color: #057fac; text-decoration: none; }

#leftnav a:hover { color: #07a8e4; text-decoration: none; }

#leftnav a:active { color: #48462b; text-decoration: none; }



#leftnav form.googlesearch { background-color: #00a6e3; background-image: url(../images/Search-Box.png); width: 260px; height: 82px; margin-bottom: 0px; padding: 0; }



#leftnav input.searchbox { width: 160px; margin-left: 10px; border: solid 1px #b3d1e8; }



#leftnav-spacer { width:260px; height:96px; float:left; padding:0; }



/* Breadcrumb

----------------------------------------------- */

#breadcrumb { margin: 0 0 12px; width: 519px; height: 50px }

#maincolumn #backtotop { margin: 5px 0px 10px 0px; width: 519px; height: 20px; border-bottom: 4px solid #707070; }

#maincolumn #backtotop ul { margin: 0; padding: 0; }

#maincolumn #backtotop ul li { font-weight: normal; background: url(../images/v-tri-blue.gif) no-repeat left 3px; margin-top: 5px; margin-bottom: 5px; margin-left: 0; padding-bottom: 5px; padding-left: 15px; display: inline; }







#maincolumn #breadcrumb p { color: #003366; font-size: 0.9em; font-family: Arial, Verdana, Helvetica; line-height: 1.5; margin: 0 0 0 10px; padding: 0 0 0.5em; }

#maincolumn #breadcrumb  a {white-space:nowrap;}

#maincolumn #breadcrumb a:link, #maincolumn #breadcrumb a:visited { color: #00a6e3; font-weight: normal; }

#maincolumn #breadcrumb a:hover { color: #04678c; text-decoration: underline; }

#maincolumn #breadcrumb a:active { color: #ff0000; }





/* Main Column

----------------------------------------------- */

#maincolumn p { color: #4c4c4c; font-size: 1em; line-height: 1.2em; text-align: left; padding: 0 10px 10px 10px; }

#maincolumn p.intro { color: #4c4c4c; font-size: 1.2em; line-height: 1.5em; text-align: left; padding: 0 10px 15px 10px; }

#maincolumn p.smalltext { color: #4c4c4c; font-size: 0.9em; line-height: 1em; text-align: left; padding: 0 10px 10px 10px; }

#maincolumn h1 { color: #3f3f3f; font-size: 2.2em; font-weight: normal; line-height: 1.1; margin-bottom: 20px; padding: 5px 0 5px 10px; border-top: 1px dashed #ebebeb; border-bottom: 1px dashed #ebebeb; }

#maincolumn h2 { color: #057fac; font-size: 1.6em; font-weight: normal; line-height: 1.3em; padding: 20px 0 0.5em 10px; }

#maincolumn h3 { color: #057fac; font-size: 1.4em; font-weight: normal; line-height: 1.3em; padding: 1em 0 0.3em 10px; }

#maincolumn h4 { color: #3f3f3f; font-size: 1.2em; font-weight: bold; line-height: 1.1; padding: 0.6em 0 0.4em 10px; }

#maincolumn h5 { color: #3f3f3f; font-size: 1.2em; font-weight: bold; line-height: 1em; padding: 0.3em 0 0.2em 10px; }

#maincolumn h6 { color: #3f3f3f; font-size: 1.0em; font-weight: bold; line-height: 1.3em; padding: 1em 0 0.3em 10px; }

/*#maincolumn h5 { color: #828282; font-size: 1em; line-height: 1.5em; text-align: left; padding-right: 0; padding-bottom: 10px; padding-left: 20px; }*/

#maincolumn tt { color: #f00; }

#maincolumn ol { font-family: Arial, Helvetica, sans-serif, Verdana; text-align: left; margin-top: 0; margin-bottom: 10px; padding: 0 20px 0 40px; list-style-type: decimal; }

#maincolumn ol li { color: #4c4c4c; font-size: 1.1em; padding-top: 7px; padding-bottom: 7px; }

#maincolumn ul { text-align: left; /*width: 490px;*/ margin-right: 8px; margin-top: 0; margin-bottom: 10px; margin-left: 20px; padding: 0; list-style-type: disc; }

#maincolumn ul li { color: #4c4c4c; font-size: 1em; line-height: 1.3em; background-image: url(../images/tri-grey.png); background-repeat: no-repeat; background-position: left 4px; padding-left: 10px; margin-left: 0; padding-bottom: 5px; list-style-type: none; }

#maincolumn ul li.pdf { color: #4c4c4c; font-size: 1em; line-height: 1.3em; background-image: url(../images/file-pdf.png); background-repeat: no-repeat; background-position: left 0; list-style-type: none; margin-left: 0; padding-top: 2px; padding-bottom: 5px; padding-left: 25px; }



#maincolumn a:link, #maincolumn a:visited  { color: #00a6e3; text-decoration: none; }

#maincolumn a:hover { color: #04678c; text-decoration: underline; }

#maincolumn a:active { color: #ff0000; text-decoration: none; }









/* Right Column

----------------------------------------------- */

#rightcolumn p { color: #4b4b4b; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; text-align: left; padding: 0 0 10px 10px; }

#rightcolumn h1 { color: #065bab; font-size: 1.5em; font-weight: normal; line-height: 1.1; padding: 0 0 0.5em 10px; }

#rightcolumn h2 { color: #065bab; font-size: 1.1em; font-weight: bold; line-height: 1.1; padding: 10px 0 0.25em 10px; }

#rightcolumn h3 { color: #065bab; font-size: 1em; font-weight: bold; line-height: 1.1; padding: 10px 0 0.25em 10px; }

#rightcolumn h4 { color: #555; font-size: 1em; font-weight: normal; line-height: 1.3em; padding: 0 0 20px 10px; }

#rightcolumn ol { font-family: Arial, Helvetica, sans-serif, Verdana; text-align: left; margin-top: 0; margin-bottom: 10px; padding: 0 20px 0 25px; list-style-type: decimal; }

#rightcolumn ol li { color: #4b4b4b; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em; padding-top: 7px; padding-bottom: 7px; }

#rightcolumn ul { text-align: left; width: 177px; margin-top: 0; margin-bottom: 10px; margin-left: 10px; padding: 0; list-style-type: disc; }

#rightcolumn ul li { color: #4b4b4b; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em; background-image: url(../images/tri-grey.png); background-repeat: no-repeat; background-position: left 4px; padding-left: 10px; margin-left: 0; padding-bottom: 5px; list-style-type: none; }

#rightcolumn a:link, #rightcolumn a:visited  { color: #00a6e3; text-decoration: none; }

#rightcolumn a:hover { color: #f00; text-decoration: underline; }

#rightcolumn a:active { color: #f00; text-decoration: none; }







/* Images

----------------------------------------------- */

img.homelink    { text-decoration: none; margin-top: 13px; margin-bottom: 5px; border: 0; }

img.newsletter    { position: relative; top: 8px; right: 15px; border: 0; }



img.thumb    { margin-right: 10px; margin-bottom: 10px; border: solid 1px #7b7b7b; }

img.thumb2 { margin-right: 10px; margin-bottom: 10px; }

img.homeimage { margin-left: 1px; border: 0; }

img.padded { margin-top: 15px; margin-bottom: 15px; border: 0; }

img.captioned { margin-bottom: 15px; border: 0; }

img.left { margin-top: 0; margin-right: 15px; float: left; border: 0; }

img.right { display: block; margin: 0; padding-top: 0; padding-left: 8px; float: right; padding-right: 0; }

img.inline { display: inline; margin: 0; padding-top: 0; padding-left: 15px; padding-right: 0; }

img.b-left { display: block; margin: 3px 10px 10px 0; padding: 0; float: left; border: solid 0px #7b7b7b }

img.b-right { display: block; margin: 3px 0 0 8px; padding: 0; float: right; border: solid 0px #7b7b7b; }

.thumb3 { float: left; display: inline;     padding: 2px; margin: 5px;}

img.border { padding: 0; margin: 10px 0; border: solid 1px #d0d0d0; }

.grey { color: #999; }

img.center {display: block; margin: 0 auto;}

/* Above added by John, from Help */





/* Forms & Tables

----------------------------------------------- */

/*#specs { vertical-align: top; width: 440px; margin-top: 10px; margin-bottom: 20px; margin-left: 20px; padding: 0; }

#specs td { color: #3f3f3f; font-size: 1em; font-weight: normal; font-style: normal; line-height: 1.5em; background-color: #a4cdd7; text-align: center; padding: 3px 0; }

#specs td.even { color: #3f3f3f; font-size: 1em; font-style: normal; font-weight: normal; line-height: 1.5em; background-color: #fff; text-align: center; padding: 3px 0; }

#specs td.top { color: #fff; font-size: 1em; font-style: normal; font-weight: normal; line-height: 1.5em; background-color: #3f3f3f; background-image: url(../images/redgrad.png); text-align: center; padding: 3px 0; }

#captionedtable { margin-bottom: 20px; padding: 0; width: 320px; float: right; vertical-align: top; }

#captionedtable td { color: #366; font-size: 1.15em; font-style: normal; font-weight: normal; line-height: 1.5em; text-align: center; padding: 20px 0 0; }

*/

.basic { margin-bottom: 10px; margin-left: 5px; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; }

.basic td { color: #3f3f3f; font-size: 1em; text-align: left; padding: 2px 2px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }

.basic th { color: #fff; font-size: 1em; background-color: #3f3f3f; text-align: center; padding: 2px 4px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }



.basicleft { margin-bottom: 10px; margin-left: 20px; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; }

.basicleft td { color: #3f3f3f; font-size: 1em; text-align: left; padding: 2px 8px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }

.basicleft td.right { color: #3f3f3f; font-size: 1em; text-align: right; padding: 2px 8px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }

.basicleft th { color: #fff; font-size: 1em; background-color: #3f3f3f; text-align: left; padding: 2px 8px; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; }









/* Lightbox

----------------------------------------------- */

#lightbox{    position: absolute;    left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto; padding: 0; margin: 0; border: solid 1px #d0d0d0;}

#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-image: url(data:image/gif;base64,AAAA); /* 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/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.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{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}         



#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }





/* Extra styles added by John 

------------------------------------------------------------*/

#maincolumn blockquote {

  padding-left: 2em;

}

#maincolumn .red { color:#f00 }

#maincolumn .right { text-align: right; }

#maincolumn .grey { color:#ccc; }

#maincolumn .greydark { color:#888; }

#maincolumn .textsmall { font-size: 0.75em }

#maincolumn .textlarge { font-size: 1.3em }

#maincolumn .redpale { color: #F99; }

#maincolumn .green { color: #090; }

#maincolumn .blueheadings { color: #057fac; }

#maincolumn .center { text-align: center; }

#maincolumn .nopadding_bot {padding-bottom: 0}

#maincolumn .nopadding_bot_left {padding-bottom: 0; padding-left: 0}

#maincolumn .nopadding_left {padding-left: 2px; padding-right: 2px}



#maincolumn .hangingindent {

    padding-left: 40px ;

    text-indent: -30px ;

}



/* Expanding Accordion for extra content)

------------------------------------------------------------------ */

#maincolumn .accordion {

  border-bottom: 1px solid #c4c4c4;

  width: 480px;

  margin-left: 20px;

}

#maincolumn .accordion h3 {

  border-style: solid solid none;

  border-width: 1px;

  border-top: 1px solid #c4c4c4;

  border-left: 1px solid #c4c4c4;

  border-right: 1px solid #c4c4c4;

  margin: 0;

  padding: 7px 15px;

  background: #e9e7e7 url(../images/arrow-square.gif) no-repeat scroll right -51px;

  font-family: Arial,Helvetica,sans-serif;

  font-style: normal;

  font-variant: normal;

  font-weight: bold;

  font-size: 1em;

  line-height: 1.2em;

  font-size-adjust: none;

  font-stretch: normal;

  cursor: pointer;

}

#maincolumn .accordion h3:hover {

  background-color: #e3e2e2;

}

#maincolumn .accordion h3.active {

  background-position: right 5px;

}

#maincolumn .accordion p {

  border-left: 1px solid #c4c4c4;

  border-right: 1px solid #c4c4c4;

  margin: 0;

  padding: 10px 15px 20px;

  background: #f7f7f7 none repeat scroll 0% 50%;

}



#widewrapper #contentwrapper #widecolumn #backtotop {
	color: #484848;
}