/*
COLORS
dark green      009061
light green     b3e0d2
*/

/* layout */

div {
    margin: 0;
    padding: 0;
/*    border: 1px solid black;*/
}

#header {
    margin: 4px auto;
    width: 772px;
    height: 16px;
    text-align: right;
    font-size: 10px;
    color: #666;
}

#container {
    margin: 0px auto;
    width: 772px;       /* 4x190 + 3x4 */
    height: 578px;      /* 3x190 + 2x4 */
    position: relative;
    z-index: 0;
/*    background: #fff;*/
}


/* home image divs */

#el-01, #el-02, #el-03, #el-04, #el-05, #el-06, #el-07, #el-08, #el-09, #el-10, #el-11, #el-12 {
/*    background: #fff;*/
    width: 190px;
    height: 190px;
    position: absolute;
    z-index: 1;
}

#el-01-2, #el-02-2, #el-03-2, #el-04-2, #el-05-2, #el-06-2, #el-07-2, #el-08-2, #el-09-2, #el-10-2, #el-11-2, #el-12-2 {
/*    background: #fff;*/
    width: 190px;
    height: 190px;
    position: absolute;
    z-index: 2;
}

#el-01 {
    top: 0px;
    left: 0px;
    background-image: url(../images/home/home01.jpg);
}

#el-02 {
    top: 0px;
    left: 194px;
    background-image: url(../images/home/home02.jpg);
}

#el-03 {
    top: 0px;
    left: 388px;
    background-image: url(../images/home/home03.jpg);
}

#el-04 {
    top: 0px;
    left: 582px;
    background-image: url(../images/home/home04.jpg);
}

#el-05 {
    top: 194px;
    left: 0px;
    background-image: url(../images/home/home05.jpg);
}

#el-06 {
    top: 194px;
    left: 194px;
    background-image: url(../images/home/home06.jpg);
}

#el-07 {
    top: 194px;
    left: 388px;
    background-image: url(../images/home/home07.jpg);
}

#el-08 {
    top: 194px;
    left: 582px;
    background-image: url(../images/home/home08.jpg);
}

#el-09 {
    top: 388px;
    left: 0px;
    background-image: url(../images/home/home09.jpg);
}

#el-10 {
    top: 388px;
    left: 194px;
    background-image: url(../images/home/home10.jpg);
}

#el-11 {
    top: 388px;
    left: 388px;
    background-image: url(../images/home/home11.jpg);
}

#el-12 {
    top: 388px;
    left: 582px;
    background-image: url(../images/home/home12.jpg);
}

#el-01-2 {
    top: 0px;
    left: 0px;
    background-image: url(../images/home/home01-2.jpg);
}

#el-02-2 {
    top: 0px;
    left: 194px;
    background-image: url(../images/home/home02-2.jpg);
}

#el-03-2 {
    top: 0px;
    left: 388px;
    background-image: url(../images/home/home03-2.jpg);
}

#el-04-2 {
    top: 0px;
    left: 582px;
    background-image: url(../images/home/home04-2.jpg);
}

#el-05-2 {
    top: 194px;
    left: 0px;
    background-image: url(../images/home/home05-2.jpg);
}

#el-06-2 {
    top: 194px;
    left: 194px;
    background-image: url(../images/home/home06-2.jpg);
}

#el-07-2 {
    top: 194px;
    left: 388px;
    background-image: url(../images/home/home07-2.jpg);
}

#el-08-2 {
    top: 194px;
    left: 582px;
    background-image: url(../images/home/home08-2.jpg);
}

#el-09-2 {
    top: 388px;
    left: 0px;
    background-image: url(../images/home/home09-2.jpg);
}

#el-10-2 {
    top: 388px;
    left: 194px;
    background-image: url(../images/home/home10-2.jpg);
}

#el-11-2 {
    top: 388px;
    left: 388px;
    background-image: url(../images/home/home11-2.jpg);
}

#el-12-2 {
    top: 388px;
    left: 582px;
    background-image: url(../images/home/home12-2.jpg);
}


/* home overlapping text divs */

#logo-home, #menu-home, #motto-home {
    position: absolute;
    z-index: 3;
    width: 190px;
    height: 190px;
}

/*#el-03-over, #el-08-over, #el-10-over {
    background: #fff;
    width: 188px;
    height: 188px;
    position: absolute;
    z-index: 3;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: 1px solid #444;
    border-right: 1px solid #444;
}*/

#logo-home {
    background-color: #fff;
    top: 0px;
    left: 388px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#menu-home {
    background-color: #ddd;
    top: 388px;
    left: 194px;
/*    background-image: url(../images/home/home10_over.gif);*/
/*    text-align: right;*/
}

#motto-home {
    background-color: #fff;
    top: 194px;
    left: 582px;
    background-image: url(../images/motto.png);
    background-repeat: no-repeat;
    background-position: center center;
}


/* main page divs */
#logo, #menu, #address {
    position: absolute;
    z-index: 3;
}

#logo {
    background-color: #fff;
    width: 190px;
    height: 190px;
/*    padding: 20px;*/
    top: 0px;
    left: 0px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    background-position: center center;
}

#menu {
    background-color: #ddd;
    width: 190px;
    height: 190px;
/*    padding: 20px;*/
    top: 194px;
    left: 0px;
}

#menu a, #menu-home a {
    background-color: #fff;
    display: block;
    height: 26px;
    width: 173px;
    padding-left: 13px;
    margin-bottom: 2px;
    border: 2px solid #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    line-height: 26px;
}

#menu a.last, #menu-home a.last {
    margin-bottom: 0px;
}

#menu a:link, #menu a:visited, #menu-home a:link, #menu-home a:visited {
    color: #777;
}

#menu a:hover, #menu a:active, #menu a.selected, #menu-home a:hover, #menu-home a:active {
    color: #009061;
/*    color: #000;*/
    background-color: #b3e0d2;
    border: 2px solid #009061;
}

#address {
    background-color: #fff;
    width: 160px;
    height: 160px;
    padding: 15px 15px;
    top: 388px;
    left: 0px;
}

#address p {
    font-size: 11px;
    color: #444;
    margin: 0 0 10px 0;
}

#image-box {
    width: 578px;
    height: 384px;
    position: absolute !important;
    z-index: 1;
    top: 0px;
    left: 194px;
/*    background: #fff;*/
}

#text-box {
    width: 538px;       /* 578 - 2x20 */
    height: 150px;      /* 190 - 2x20 */
    padding: 20px;
    position: absolute;
    z-index: 3;
    top: 388px;
/*    top: 0px;*/
    left: 194px;
    background: #fff;
    overflow: auto;
    text-align: justify;
}

#text-box-large {
    width: 538px;       /* 578 - 2x20 */
    height: 538px;      /* 578 - 2x20 */
    padding: 20px;
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 194px;
    background: #fff;
    overflow: auto;
    text-align: justify;
}

#text-box-map {
    width: 578px;
    height: 384px;
/*    padding: 20px;*/
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 194px;
    background: #fff;
/*    overflow: auto;*/
}

#text-box-form {
    width: 150px;       /* 190 - 2x20 */
    height: 150px;      /* 190 - 2x20 */
    padding: 20px;
    position: absolute;
    z-index: 3;
    top: 388px;
    left: 194px;
    background: #fff;
    overflow: auto;
}

#text-box-directions {
    width: 344px;       /* 384 - 2x20 */
    height: 150px;      /* 190 - 2x20 */
    padding: 20px;
    position: absolute;
    z-index: 3;
    top: 388px;
    left: 388px;
    background: #fff;
    overflow: auto;
}

#grid-h1 {
    height: 4px;
    width: 578px;
    position: absolute;
    z-index: 2;
    background: #ddd;
    top: 190px;
    left: 194px;
}

#grid-v1, #grid-v2 {
    height: 384px;
    width: 4px;
    position: absolute;
    z-index: 2;
    background: #ddd;
}

#grid-v1 {
    top: 0px;
    left: 384px;
}

#grid-v2 {
    top: 0px;
    left: 578px;
}


/* general divs */

#footer {
    margin: 2px auto 10px auto;
    width: 772px;
    font-size: 10px;
    color: #666;
}


/* main styles */

body {
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #ddd;
    color: #000;
}

body, p, th, td, ul, ol, li, dl, dt, dd {
/*    font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;*/
    font-family: Helvetica, Arial, Sans-Serif;
/*    font-family: Arial, Sans-Serif;*/
    font-size: 12px;
    line-height: 16px;
/*    text-align: justify;*/
}

p {
    margin: 0 0 8px 0;
    padding: 0;
}

form {
    margin: 0;
}

img {
    border: 0;
}


/* headings */

h1, h2 {
    color: rgb(144, 0, 40);
    padding: 0px;
/*    margin-bottom: 20px;*/
    margin: 0px 0px 10px 0px;
    line-height: 16px;
    font-weight: bold;
}

h1 {
    font-size: 16px;
/*    margin-top: 0px;*/
/*    margin: 0px;*/
}

h2 {
    font-size: 14px;
    margin-top: 16px;
}


/* links */

#text-box a:link, #text-box a:visited {
    color: #009061;
/*    font-weight: bold;*/
}

#text-box a:hover, #text-box a:active {
    color: #000;
/*    font-weight: bold;*/
}

/*#text-box a.nostyle {
    color: #000;
    text-decoration: none;
}*/

#address a:link, #address a:visited {
    color: #444;
/*    font-weight: bold;*/
}

#address a:hover, #address a:active {
    color: #000;
/*    font-weight: bold;*/
}

#footer a:link, #footer a:visited, #header a:link, #header a:visited {
    color: #666;
/*    font-weight: bold;*/
}

#footer a:hover, #footer a:active, #header a:hover, #header a:active {
    color: #000;
/*    font-weight: bold;*/
}

/* lists */
ul {
    list-style: square;
    padding: 0 0 0 16px;
    margin: 0 0 8px 0;
}

ol {
    padding: 0 0 0 16px;
    margin: 0 0 8px 0;
}

li {
    text-align: left;
}


/* tables */

table {
    border-collapse: collapse;
    width: 100%;
}

tr.highlight:hover {
    background: #eee;
}

td, th {
    padding: 0px;
    vertical-align: top;
    text-align: left;
}

th {
    font-weight: bold;
}


/* text formatting */

.justify {
    text-align: justify;
}

.bold {
    font-weight: bold;
}

.warning {
    font-weight: bold;
    color: #ff0000;
}

.success {
    font-weight: bold;
    color: #006600;
}

input.gray {
    color: #aaa;
}