body{
/*background-color:#95958E; */
background-color:#BDBDB3;
font-family:"Lucida Bright", Georgia, "URW Bookman L", serif;
margin:auto;
}

h1{
font-size:2em;
}

h2{
font-size:1em;
padding-top:1em;
}

h3{
font-size:1.25em;
}

h4{
font-size:1em;
color:#BDBDB3;
}

h5{
font-size:1em;
font-weight:bold;
color:#000000;
}

p{
font-size:1em;
padding-top:0;
padding-bottom:1em;
}

p.noPadding{
padding-bottom:0;
}

p.formLabel{
padding-bottom:0;
}

a{
}

a.menuLink2{
color:#00B300;
font-weight:bold;
text-decoration:none;
}

a.menuLink2:hover{
color:#00D400;
text-decoration:underline;
}

a.bodyLink{
color:#008000;
font-weight:bold;
text-decoration:none;
}

a.bodyLink:hover{
color:#00A100;
text-decoration:underline;
}

img{
}

img.headerLogo{
width:40%;
max-width:600px;
min-width:200px;
}

img.picMed{
width:50%;
max-width:800px;
min-width:200px;
}

img.picSml{
width:35%;
max-width:600px;
min-width:200px;
}

img.picXsml{
width:25%;
max-width:400px;
min-width:200px;
}

ul{
margin:0;
padding:0;
}

ul.menuList{
}

li{
}

li.menuItem{
/* Note that the above menu styling breaks down aesthetically at smaller screen sizes. A breakpoint may have to be used for about <400px. */
display:inline;
list-style-type:none;
font-size:1.25em;
margin:auto;
padding-left:0.5em;
padding-right:0.5em;
padding-top:0;
padding-bottom:0;
}

li.bodyItem{
list-style-type:none;
margin:auto;
}

fieldset{
border:0;
}

fieldset.form{
margin-bottom:0;
padding-bottom:0;
}

input{
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:1em;
}

input.formButton{
float:right;
font-family:"Lucida Bright", Georgia, "URW Bookman L", serif;
font-size:1.25em;
font-weight:bold;
color:#00B300;
background-color:#000000;
padding:0.5em;
}

input.formButton:hover{
color:#00D400;
text-decoration:underline;
}

input.formInput{
float:right;
width:70%;
margin-bottom:0.75em;
}

input.formAnswerbox{
float:right;
width:70%;
margin-bottom:0.75em;
}

form.myform{
margin-bottom:1.5em;
}

label.formlabel{
float:left;
margin-bottom:0.75em;
}

textarea.formTextAreaInput{
float:right;
width:70%;
margin-bottom:0.75em;
}

iFrame{
/* marginheight:0; */
/* marginwidth:0; */
/* scolling:no - not necessary in this case. Not fully workable since deprecated in HTML5 */
border:0;
width:100%;
height:350px;
}

#pgHeader{
background-color:#FFFFFF;
width:92%;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
text-align:center;
padding-left:4%;
padding-right:4%;
padding-top:0;
padding-bottom:0;
}

#pgAddress{
/* Note that the above menu styling breaks down aesthetically at smaller screen sizes. A breakpoint may have to be used for about <400px. */
width:92%;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
text-align:center;
padding-left:4%;
padding-right:4%;
padding-top:0;
padding-bottom:0;
}

#pgMenu{
background-color:#000000;
width:92%;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
text-align:center;
padding-left:4%;
padding-right:4%;
padding-top:1em;
padding-bottom:1em;
}

#pgBody{
background-color:#FFFFFF;
width:84%;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
text-align:center;
padding-left:8%;
padding-right:8%;
padding-top:1em;
padding-bottom:1em;
}

#pgFooter{
background-color:#000000;
width:84%;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;
text-align:center;
padding-left:8%;
padding-right:8%;
padding-top:1em;
padding-bottom:1em;
}

#pgSlideshowWrapperOuter{
margin:auto;
width:76%;
clear:both;
}

#pgContentWrapper{
margin:auto;
clear:both;
}

#contactForm{
background-color:#BDBDB3;
color:#000000;
width:50%;
min-width:200px;
max-width:1200px;
margin-top:0.75em;
margin-bottom:0.75em;
margin-left:auto;
margin-right:auto;
text-align:left;
clear:both;
padding:0.75em;
}

div#slideshow_wrapper{
width:60%;
min-width:200px;
max-width:800px;
position:relative;
margin:auto;
overflow:hidden;
}

@media only screen
and (max-width:399px){

	h2{
	font-size:0.9em;
	}

	li.menuItem{
	font-size:1em;
	}

}