/*
 * Generic styles to merge upstream
 * */

hr        { color:#999; }
em, i     { font-style:italic; }
strong, b { font-weight:bold; }
.clear    { clear:both; }
.center   { text-align:center; }

/* site styles */
html {
    background:#1d2e6e url(../img/html-bg.jpg) repeat-y top center;
    font-family: "Helvetica neue", Helvetica, Verdana, Arial, sans-serif;
}
body {
    background:transparent;
}
h2 {
    font-size:2.1em;
    color:#1D2E6E;
    padding:20px 10px;
}
h3 {
    font-size:1.8em;
    color:#999;
    padding:20px 10px;
}
h4 {
    font-size:1.4em;
    color:#666;
    padding:8px 10px;
}
h5 {
    font-size:1.2em;
    font-weight:bold;
    color:#333;
    padding:8px 10px;
    line-height:1.1em;
}
h6 {
    font-size:1em;
    font-weight:bold;
    color:#333;
    padding:8px 10px;
}
p {
    padding:20px 10px;
    color:#333;
    font-size:1.1em;
}
a {
    color:#B7905D;
    text-decoration:none;
}
a:hover {
    color:#C3112F;
    text-decoration:underline;
}
address {
    padding:20px 10px;
    color:#666;
    font-size:1.1em;
}
p.big { 
    font-size:1.6em;
    color:#666;
    *margin:20px;
}
p.medium { 
    font-size:1.3em;
    color:#666;
    *margin:20px;
}
.slogan {
    font-size:1.6em;
    font-style:italic;
    color:#999;
    display:block;
}
#doc {
    width:749px;
    margin:0 auto;
}
#hd {
    background:#fff url(../img/splash.jpg) no-repeat top center;
    height:306px;
}
#nv {
    margin:0 0 0 10px;
}
#nv ul {
    height:30px; /* FIX: guess which browser */
}
#nv ul li {
    float:left;
}
#nv ul li a {
    background:#009 url(../img/nv-li.jpg) repeat-x top center;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    display:block;
    padding:8px;
    margin:10px 0 0 5px;
    -moz-border-radius:5px;
}
#nv ul li a:hover {
    background:#00f url(../img/nv-li-hover.jpg) repeat-x top center;
}
#nv ul li a.active {
    background:#c3112f url(../img/nv-li-active.jpg) repeat-x top center;
    color:#fff;
}
.subnav {
    margin:0!important;
    *margin-top:10px!important;
    padding:0 0 0 10px !important;
    height:45px;
}
.subnav li {
    float:left;
    list-style:none!important;
    margin:10px 0 0 0!important;
    border-right:2px solid #ddd;
}
.subnav li:last-child {
    border:0!important;
}
.subnav li a {
    font-size:0.9em;
    display:block;
    padding:6px 10px!important;
    color:#b7905d;
    font-weight:bold;
    -moz-border-radius:11px;
}
.subnav li a:hover {
    text-decoration:underline;
}
.subnav li a.active {
    color:#c3112f;
    text-decoration:none;
    cursor:default;
}


/* Body */
#bd {
    margin:0 10px;
}
#bd h1 { display:none; }
#bd ul {
    margin:10px;
}
#bd ul li {
    list-style:square;
    margin-left:30px;
}

#ft {
    text-align:center;
    color:#999;
    font-size:.8em;
    padding:20px;
    margin-top:20px;
    border-top:1px solid #ccc;
}



ul.partners {
    margin-left:70px;
}

#staff-list {
    margin: 0 auto;
}

.staff {
    float:left;    
    width:240px;
    /*height:240px;*/
    border:1px solid #ccc;
    background:#eee;
    display:block;
    margin:20px;
    padding:20px;
    /**height:260px; [> IE6 FIX <]*/
    -moz-border-radius:11px;
}
.staff img {
    border:1px solid #ccc;
}
.staff a {
    display:block;
    font-size:0.8em;
    padding:8px 0 4px 0;
}
.staff em {
    color:#666;
    font-size:.8em;
}
.staff h3 { 
    font-size:1em; 
    margin:0;
    padding:10px 0 0 0;
}
.staff h5 { 
    font-size:.9em; 
    margin:0;
    padding:10px 0 0 0;
    color:#777;
}
.staff ul li {
    font-size:.9em;
    margin-left:20px!important;
}
.staff a.active { 
    color:#666;
}
#virtual-visit {
    margin: 20px auto;
}
#virtual-visit td {
    padding: 7px;
}
#virtual-visit img{
    border:8px solid #ddd;
}
#gmap {
    margin-left:10px;
    border:10px solid #ddd;
}
#serenity-now a {
    background:#0f0 url(../img/nv-li-serenity.jpg) repeat-x top center !important;
}
#serenity-now a:hover {
    background:#0f0 url(../img/nv-li-serenity-hover.jpg) repeat-x top center !important;
}
#serenity-now a.active {
    background:#c3112f url(../img/nv-li-active.jpg) repeat-x top center !important;
    color:#fff;
}

ol {
    list-style-type:decimal;
    margin-left: 30px;
}

fieldset {
    border:1px solid #ccc;
    margin:20px auto;
}

legend {
    font-variant:small-caps;
    border:1px solid #ccc;
    color:#777;
    padding:2px 4px;
    margin:10px 20px;
}

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

table.questionnaire th,
table.questionnaire td {
    padding: 4px 8px;
}
table..questionnaire th {
    width:95%;
}
table.questionnaire td {
    width:5%;
    text-align:right;
}
.odd {
    background-color:#fff;
}
.even {
    background-color:#eee;
}

table.info {
    width:100%;
    border-collapse:collapse;
}
table.info th,
table.info td {
    padding: 4px 8px;
}
table.info th {
    width: 20%;
}

table.info td {
    width: 80%;
    text-align:left;
}
table.info input {
    width: 100%;
}

ul.errorlist {
    color:#c30;
    font-size:0.7em;
}

#questions {
    font-size:120%;
    color:#1C2E6E;
    list-style:none!important;
    margin-left: 40px!important;
}
#questions li {
    padding:4px 0;
    margin-left:100px!important;
    list-style:none!important;
}
#questions-button {
    display:block;
    font-size:130%;
    margin:20px auto;
    background:#eee;
    border:2px solid #ccc;
    padding:30px;
    width:350px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    text-align:center;
}

#inLink { display: block; width: 100px; margin: 10px auto; }
#inLink img { padding-top: 10px; }