body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif; }
body { margin: 0; padding: 0; font-size: small; color: #333;}
h1, h2 { font-family: 'trebuchet ms', verdana, arial; padding: 10px; margin: 0 }
h1 { font-size: large }
h2 { color: #800; padding:1em 0 0; font-size: large; font-weight: normal; clear:left; margin-bottom:.5em;}
table { border-collapse: collapse; }
td { vertical-align: top; }
dl { margin-top: 0 }
dt { color: #a00; font-weight: bold }
dd { margin: 0 0 20px 0; color: #555 }
dl.options { margin: 10px 25px }
hr { height: 1px }
small { font-size: 70%;font-weight:normal; }

#donate {padding: 6px 0 0 5px; line-height:2px;}
#gads { background: #ccc; padding: 5px 0 4px;}
#gads .inner { margin:0 0 0 23px; width:728px;}
.inner .cse-branding-right {padding:10px 4px;}
iframe {margin: 15px 0 15px 25px;}
.inner iframe {margin: 0;}
#main { padding: 0 }
#main h1 { padding: 30px 10px 15px 0 }
#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(../images/bg.gif) repeat-x; text-align: center }
#backnav { color: #fff; font-size: x-small; position: absolute; left: 10px; text-decoration: none}
#backnav:hover { color: #fff }
#logo { float: right; margin-top: 10px; margin-right: 50px; display: block; width: 110px; height: 31px; border:none; }
#logo img {border:none;}
#getting-started { padding-bottom: 150px;}
#content { padding: 20px; }
#busy { position: absolute; top: 7px; right: 7px; border: 1px ridge #ccc; background-color: #e95555; color: #eee; padding: 3px; display:none }
#footer { padding-bottom: 5em; margin-top: 30px; color: #888; text-align: center; }
#footer a img { border: none; }

a.external {
    background-image: url(../images/external.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 12px
}

.steps {
        list-style: none;
        margin:0 0 3em;
}
.steps li {
        margin:0 0 20px;
}
.step-one, .step-two, .step-three {
    background-repeat: no-repeat; background-position: center left; margin-bottom: 20px;
    height:43px; vertical-align: middle; padding: 25px 0 0 50px }
.step-one { background-image: url(../images/1.gif) }
.step-two { background-image: url(../images/2.gif) }
.step-three { background-image: url(../images/3.gif) }

div.tabContent { background: url(../../superfish/img/jQuery-logo.gif) no-repeat 97% 3px; padding-right: 160px;margin-bottom:4em;}
img.logo { float: right; border:none; margin: 10px 10px 0 0 }


pre { margin-top: 10px }
pre { font-size: small; padding: 15px; background-color: #eee; border: 1px solid #ddd; border-left-width: 5px; overflow-x: auto;width:93%; }
pre.normal { background-color: transparent; border: none; border-left-width: 0; overflow-x: auto; }
code { padding: 0; font-size: 108%; font-style: normal; }
code.method { font-size: 150%; display: block; margin-top: 20px }
code.inline { background-color: #ffc }


/* syntax highlighting with Chili */
.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

.php .tag       { color: purple; }
.php .com       { color: green; }
.php .const1    { color: maroon; }
.php .const2    { color: maroon; }
.php .function  { color: #e17100; }
.php .global    { color: maroon; }
.php .keyword   { color: blue; }
.php .mlcom     { color: gray; }
.php .name      { color: maroon; }
.php .number    { color: #880; }
.php .string1   { color: teal; }
.php .string2   { color: teal; }
.php .value     { color: gray; }
.php .variable  { color: #e15c03; }

.css .mlcom  { color: green; }
.css .color  { color: black; }
.css .string { color: teal; }
.css .attrib { color: blue; }
.css .value  { color: navy; }
.css .number { color: #880; }

















/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
        margin:                        0;
        padding:                0;
        list-style:                none;
}
.sf-menu {
        line-height:        1.0;
}
.sf-menu ul {
        position:                absolute;
        top:                        -999em;
}
.sf-menu ul li {
        width:                        100%;
}
.sf-menu li:hover {
        visibility:                inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
        float:                        left;
        position:                relative;
}
.sf-menu a {
        display:                block;
        position:                relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
        left:                        0;
        top:                        41px; /* match top ul list item height */
        z-index:                99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
        top:                        -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
        left:                        10em; /* match ul width */
        top:                        0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
        top:                        -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
        left:                        10em; /* match ul width */
        top:                        0;
}

/*** DEMO SKIN ***/
.sf-menu {
        float:                        left;
}


.sf-child {
         display:block;
         width:160px;
}

.sf-menu a {
        text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu li {
}
.sf-menu li li {
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        outline:                0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
        min-width:                1px; /* trigger IE7 hasLayout so spans position accurately */
        text-align:left;
}
.sf-sub-indicator {
        position:                absolute;
        display:                block;
        right:                        .75em;
        top:                        1.05em; /* IE6 only */
        width:                        10px;
        height:                        10px;
        text-indent:         -999em;
        overflow:                hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
        top:                        .8em;
        background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
        background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
        background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
        background:        url('img/shadow.png') no-repeat bottom right;
        padding: 0 8px 9px 0;
        -moz-border-radius-bottomleft: 17px;
        -moz-border-radius-topright: 17px;
        -webkit-border-top-right-radius: 17px;
        -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
        background: transparent;
}

/*
Template name: Natural Essence
Template URI: http://templates.arcsin.se/natural-essence-website-template/
Release date: 2007-02-20
Description: Soft and natural single/two-column template.
Author: Viktor Persson
Author URI: http://arcsin.se/

This template is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/


/* default elements */
* {margin: 0; padding: 0;}

body {
        background: url(img/grain_light.gif);
        color: #222;
        font: normal 62.5% sans-serif;
        padding: 42px 0;
}

#bg-top {
    width:792px;
    height:10px;
    margin:0 auto;
    background:url(img/bg_top.jpg);
}

#bg-bottom {
    width:792px;
    height:10px;
    margin:0 auto;
    background:url(img/bg_bottom.jpg);
}

#lighten {
    background: url(img/main_wrapper_inner.gif);
    height:27px;
    position:absolute;
    top:0px;
    left:0px;
    background-repeat:repeat-x;
    width:100%;
}

a {color: #642;}
a:hover {color: #963;}

big {font-size: 1.1em;}

h1,h2,h3 {color: #442; padding: 8px 0 2px;}

h1 {font: normal 2.4em Times New Roman;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em Times New Roman;}
h3 {font: bold 1.2em Times New Roman;}

blockquote {
        background: url('img/quote.gif') no-repeat;
        display: block;
        font: normal 1.1em Georgia,serif;
        padding-left: 26px
}

form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
small,.small {font: normal 0.9em sans-serif;}
ul {padding: 0 2em 1.2em;}

/* structure */
#wrapper {
        background: #C9C6B3;
        margin: 0 auto;
        width:772px;
  background: url(img/bg_middle.jpg);
  background-repeat:repeat-y;
}

#container {
        background: #FBF9F4;
  border:1px solid #C9C6B3;
        font-size: 1.3em;
        line-height: 1.3em;
        margin: 0 auto;
        width: 750px;
}

/* header */
.title {
        background: #ffffff;
        height:120px;
}
.title h1 {
        color: #441;
        font: normal 2.2em Georgia,"Trebuchet MS",sans-serif;
        padding: 10px 0 10px 18px;
}

.header_logo {
    width:778px;
    height:154px;
    background:url(img/header_logo.png);
    margin: 0 auto;
    text-align:center;
    position:absolute;
    top:19px;
    left:50%;
    margin-left:-390px;
}

.header {
        border-top: 2px solid #663;
        background: #DAD7C5 url(img/header_new.jpg) no-repeat left bottom;
        height: 220px;
        border-bottom:1px solid #000000;
}

/* navigation */
.navigation {
        background: #DED9D0 url(img/nav.gif) repeat-x; height: 41px;
        border-top: 1px solid #996;
}
.navigation a {
        background: #FFF url(img/nav.gif) repeat-x;
        border-right: 1px solid #C9C6B3;
        color: #553;
        float: left;
        font: bold 1em Tahoma,sans-serif;
        padding: 0 14px;
        line-height: 41px;
        text-align: center;
        text-decoration: none;
}
.navigation a:hover,.navigation a#active {background-position: left bottom; color: #331;}

/* main */
.main#two-columns {background: #FFF url(img/two-columns.gif) repeat-y;}

/* bottom */
.bottom {
        background: #DCDAC9 url(img/bottom.gif) no-repeat left bottom;
        border-top: 1px solid #AA8;
        color: #444;
        padding: 14px 20px;

}
.bottom .left,.bottom .right {width: 49%;}

/* footer */
.footer {
  background: #C9C6B3;

        color: #000;
        padding: 10px;
}
.footer .left {width: 66%;}
.footer .right {
        width: 33%;
        text-align: right;
}
.footer a {
        color: #000;
        text-decoration: underline;
}
.footer a:hover, .footer .right a:hover {
        color: #000;
        text-decoration: underline;

}
.footer .right, .footer .right a {color: #000;}

/* gallery */
.gallery td {
        vertical-align: top;
        text-align: center;
}
.gallery em {display: block;}

/* misc */
.clear,.clearer {clear: both;}
.clearer {font-size: 0;}
.col2 .left {width: 64%;}
.col2 .right .content {background: #FFF;}
.col2 .right {width: 33%;}
.content {padding: 18px 20px;}
.left {float: left;}
.right {float: right;}
.right .content {padding: 18px 12px 12px;}

/* block list */
ul.block {
        border-top: 1px dashed #BCBAAC;
        margin: 4px 0;
        padding: 0;
        width: 90%;
}
.block li {
        border-bottom: 1px dashed #BCBAAC;
        list-style: none;
}
.block li a,.block li em {
        color: #553;
        display: block;
}
.block li em {
        font-size: 0.9em;
        font-style: normal;
}
.block li a {
        padding: 4px 3%;
        text-decoration: none;
        width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
        background: #D2D0C0;
        color: #553;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

a.sf-child {
         text-align:left;
}

td {
 text-align:left;
}



div.map {
 width:455px;
 height:455px;
 border:1px solid #dddddd;
 display:block;
}