@import "/Customization/layout.css";
@import "/Customization/contact.css";
@import "/Customization/UIElements.css";


.navitem a {
  color: white;
  background-color: blue;
  text-align: center;
  text-decoration: none;
  //font-size: 17px;
  padding: 16px 0px;
}

.navbar {
        background-color: blue;
}


/* Change the color of links on hover */
.navitem a:hover {
  background-color: grey;
  color: black;
}

/* Add a green background color to the active link */
.navitem a.active {
  background-color: blue;
  color: white;
}

.button1, button
{
        padding: 15px 10px;
        border: 2px solid black;
        border-radius: 5%;
        background: lightblue;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
        margin: 5px 5px 5px 5px;
        text-decoration: none;
}
a.button1 {
        color: black;
}

div.postal {

}


H2
{
    COLOR: red;
}

DIV.mainbannertitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 200%;
    OVERFLOW: hidden;
    COLOR: white;
    FONT-STYLE: italic;
    BACKGROUND-COLOR: blue;
  	padding: 2%;
}
DIV.mainbannersubtitle
{
    FONT-WEIGHT: bold;
    OVERFLOW: hidden;
    COLOR: black;
    FONT-STYLE: italic;
    BACKGROUND-COLOR: gold;
    TEXT-ALIGN: right
}
DIV.MainWindow .menu
{
//    WIDTH: 1.5in;
    TEXT-ALIGN: center
}

DIV.Disclaimer
{
    FONT-SIZE: 75%;
    WIDTH: 4.5in;
    COLOR: gray
}

form
{
	BORDER:  1px solid black;
	WIDTH: 100%;
	PADDING:  5px;
	background-color: whitesmoke;
}

/* Style inputs, select elements and textareas */
input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/* Style the label to display next to the inputs */
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

/* Style the submit button */
input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}


.error
{
	COLOR:	red;
	BACKGROUND-COLOR: yellow
}

P.error
{
	COLOR: red;
	BACKGROUND-COLOR: yellow;
	BORDER-TOP: 10px solid red;
	BORDER-LEFT: 2px solid red;
	BORDER-RIGHT: 2px solid red;
	BORDER-BOTTOM: 2px solid red;
	WIDTH: 50%;
	TEXT-ALIGN: center
}


.warning
{
	BACKGROUND-COLOR: yellow;
	BORDER-TOP: 15px solid blue;
	BORDER-LEFT: 2px solid blue;
	BORDER-RIGHT: 2px solid blue;
	BORDER-BOTTOM: 2px solid blue;
	WIDTH: 50%;
	TEXT-ALIGN: center
}

.callout
{
	BACKGROUND-COLOR: yellow;
	BORDER-TOP: 2px solid blue;
	BORDER-LEFT: 2px solid blue;
	BORDER-RIGHT: 2px solid blue;
	BORDER-BOTTOM: 2px solid blue;
	//WIDTH: 50%;
	TEXT-ALIGN: center
}

DIV.Container
{
	OVERFLOW: hidden;
	WIDTH: 100%
	float: left;
}

DIV.Container .item
{
	display: inline;
	BORDER:  1px solid black;
	FLOAT: left;
	padding:  5px;
}  

DIV.Container .menu
{
	BORDER:  1px solid black;
	FLOAT: left;
	padding:  5px;
}  

DIV.Container .notifyitem
{
	BORDER:  1px solid black;
	FLOAT: left;
	padding:  5px;
	width: 3in;
}  

DIV.Container .contactcard
{
	BORDER:  1px solid black;
	FLOAT: left;
	padding:  5px;
	width: 1.5in
}  


.copybox
{
	border: 1px solid black;
	background-color: LightGray;
	padding: .1in;
	WIDTH: 100%;
	HEIGHT: 2in;
}


.amimage
{
	width: 100%;
	height: auto;
//	float: right;
}

@media only screen and (min-width: 768px) {
.amimage
        {
	        width: 80%;
        	height: auto;
                //float: right;
                margin: auto;
        }
}

.amtext
{
//		font-weight: bold;
}


.nophoto {
        border: 3px dashed black;
        border-radius: 3%;
}


#calendar a {
    color: #8e352e;
    text-decoration: none;
}

#calendar ul {
    list-style: none;
}

#calendar li {
}

#calendar ul.weekdays {
}

#calendar ul.weekdays li {
    background: #8e352e;
    text-align: center;
    text-transform: uppercase;
    border: none !important;
    color: #fff;
    font-size: 13px;
}

#calendar .days li {
}

#calendar .days li:hover {
    background: #d3d3d3;
}

#calendar .date {
    text-align: center;
    background: #333;
    color: #fff;
    border-radius: 30%;
}

#calendar .dow {
	font-weight: bold;
}

#calendar li:nth-child(1) .date {
	color: black;
	background: lightgrey;
}

#calendar .event {
    font-size: 13px;
    border-radius: 4px;
    background: #e4f2f2;
    border: 1px solid #b5dbdc;
    color: #009aaf;
    text-decoration: none;
}

#calendar .event-desc {
    color: #666;
    margin: 3px 0 7px 0;
    text-decoration: none;  
}

#calendar .other-month {
    background: #f5f5f5;
    color: #666;
}

#cal_nav .form {
	border: none;
}