@charset "UTF-8";
/* CSS Document */

*{
margin:0;
padding:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
color:#000;
background-color:#fffff9;
background-color:#f8f9fc;/*blueish*/
background-color:#fafafa;/*web-beige*/
background-color:#ececec;
line-height:1.8em;
}


#wrapper {
width:1050px;
margin:auto;
background-color:#FFF;
min-height:40em;
border-left:#696969 1px solid;
border-right:#696969 1px solid;
}




.branding-top{
font-weight:normal;
width:100%;
height:7.5em;
line-height:3em;
background-color: #55627d;/*darker-matt*/
border-bottom:#000 1px solid;
font-family:Arial, Helvetica, sans-serif;
}

.branding-top h1{
margin-left:0.5em;
font-size:370%;
letter-spacing:0.08em;
color:#FFFFFF;
text-shadow: 4px 2px 4px #000000;
}


.branding-below{
font-weight:normal;
width:100%;
min-height:3.0em;
background-color:#f8f4e5;/*cream*/
}

.branding-below p a{
text-decoration:none;
color: #000;
display:block;
line-height:3em;
text-align:center;
outline-style:none;
letter-spacing:0.04em;
font-size:110%;
}





.menu{
font-size:18px;
min-height:3.2em;
background-color:#f8f4e5;/*cream*/
border-bottom:#ababab thin solid;
}

/*remove bullets from ul in navbar */
.menu ul{
list-style-type:none;
}

/*divide 100% (could be 90%) by the number of links to estimate the value of width: % below
.menu li {
float: left;
width:14.2%;
line-height:2em;
} */

.menu li{
float:left;
}


.menu a,
.menu a:link,
.menu a:visited{
text-decoration:none;
color: #999;
display:block;
padding-left:1.7em;
padding-right:1.5em;
text-align:center;
outline-style:none;
letter-spacing:0.02em;
line-height:2.4em;
}


.menu  a:hover,
.menu  a:active{
color: #000;
font-style:italic;
}

.menu .current a:link,
.menu .current a:visited{
color: #000;
font-style:italic;

}

.menu p a{

line-height:3em;
outline-style:none;
letter-spacing:0.04em;
text-decoration:none;
color: #fff;
display:block;
padding-left:1.3em;
padding-right:1.1em;
text-align:center;
outline-style:none;
letter-spacing:0.02em;
line-height:2.46em;

}



#main {
width:100%;
min-height:20em;
background-color:#fff;

}

#main img {
border-color: #666;
}

#main h1, #main h2, #main h3, #main h4, #main h5{
font-family:Georgia, 'Times New Roman', Times, serif; letter-spacing:0.05em;
font-weight:normal;
color:#000;
font-style:italic;
}

#main h1 {
font-size:200%;

}

#main h2 {
font-size:160%;
}

#main h3 {
font-size:150%;
}

#main h4 {
font-size:130%;
}

#main h5{
font-size:110%;
}


.column-full{
padding-left:3%;
padding-right:3%;
}
.columnleft-quarter {
float:left;
width:23%;
min-height:6em;
}

.columnleft-third {
float:left;
width:32%;
min-height:6em;
padding-left:3%;
}

.columnleft-two-third {
float:left;
width:60%;
min-height:6em;
padding-left:3%;
}

.columnleft-half {
float:left;
padding-left:3%;
padding-right:3%;
width:44%;
min-height:5em;
}


#columnleftimage {
float:left;
width:60%;
min-height:18em;
color:#FFFFFF;
}
.thumbs {
min-height:29.2em;
}

.thumbs img {
padding-left:0.6em;
padding-bottom:0.56em;
width:12%;
}

.box {
width:90%;
margin:auto;
border:#696969 1px solid;
padding:5%;
min-height:3em;
}
.box-white{
width:90%;
border:#696969 1px solid;
padding:5%;
}


.box-mail{
width:200px;
font-size:120%;
background-color: #55627d;
border:#666 thin solid;
margin:auto;
color:#FFFFFF;
}

.box-mail a,
.box-mail a:link,
.box-mail a:visited{
text-decoration:none;
color: #FFF;
display:block;
text-align:center;
outline-style:none;
letter-spacing:0.02em;
line-height:2.4em;
}

.mail a,
.mail a:link,
.mail a:visited{
text-decoration:none;
color: #000;
display:block;
text-align:center;
outline-style:none;
letter-spacing:0.02em;
line-height:2.4em;
}


#footer {
width:100%;
font-size:14px;
border-top:#eee thin solid;
border-bottom:#eee thin solid;
height:9em;
background-color: #55627d;/*darker-matt*/
color: #CCC;
}

#footer a,
#footer a:link,
#footer a:visited{
text-decoration:none;
color: #CCC;
padding-left:0.85em;
padding-right:1.2em;
outline-style:none;
letter-spacing:0.05em;
line-height:1.7em;
}

#footer a:hover,
#footer a:active{
color:#FFF;
text-decoration:underline;
}