body {font-family: 'Trebuchet MS', sans-serif; color: #000; font-size: 14px; background-color: #fff; padding:0px; margin:0px;}
td {font-family: 'Trebuchet MS', sans-serif; color: #000; font-size: 14px;}

h1 {font-family: "Trebuchet MS", sans-serif; COLOR: #000; font-size: 26px; font-weight: normal; margin:0px; padding:0px;}
h2 {font-family: "Trebuchet MS", sans-serif; COLOR: #000; font-size: 22px; font-weight: normal; margin:0px; padding:0px;}
h3 {font-family: "Trebuchet MS", sans-serif; COLOR: #000; font-size: 18px; font-weight: normal; margin:0px; padding:0px;}

.dotsVertBkg {background-image: url("../graphics/elements/dotsVertBkg.gif"); background-repeat: repeat-y;}

.white {color: #fff;}
.red {color: #d60000;}

#logoHdr{
		width: 100%;
		/*height: 41px;*/
		padding: 0px;
		margin-left: auto;
    	margin-right: auto;
		margin-bottom: 12px;
		margin-top: 0px;
		text-align: center;
		background-color:#1f628d;
		z-index: 2;
		}

#slideshowDiv{
		display: block;
		width: 1000px;
		height: 392px;
		padding: 0px;
		margin-left: auto;
    	margin-right: auto;
		border: 0px;
		text-align: center;
		z-index: 1;
		}

/*  larger screens only  */
/*@media only screen and (min-width: 980px){
    #slideshowDiv{
		width: 100%;
		height: auto;
	}           
}*/
		
#nav{
		display: block;
		width: 1000px;
		margin-left: auto;
    	margin-right: auto;
		border: 0px;
		text-align: center;
		z-index: 9999;
		}

#body{
		width: 1000px;
		padding: 0px;
		margin: 20px auto 12px;
		text-align: center;
		background-color:#fff;
		z-index: 2;
		}
		
#footer{
		width: 1000px;
		padding: 0px;
		margin: 0px 0px 12px 0px;
		text-align: center;
		background-color:#fff;
		z-index: 2;
		}
		
#footerInside{
		width: 780px;
		padding: 0px;
		margin: 50px 0px 0px 0px;
		text-align: center;
		background-color:#fff;
		z-index: 2;
		}
		
#infoInside{
		width: 1000px;
		padding: 0px;
		margin: 30px 0px 12px 0px;
		text-align: center;
		background-color:#fff;
		z-index: 2;
		}

.infoInside {
    white-space:nowrap;
    display: inline-block;
    margin-bottom:10px !important;
}
	
A {color:#1f628d; font-family: 'Trebuchet MS', sans-serif; font-size: 14px; text-decoration: none;}
A:visited {color:#1f628d}
A:active {color:#1f628d}
A:hover {color:#1f628d; text-decoration: underline;}

.separator { clear:both; display:block; background: url("../graphics/elements/dots.png"); background-repeat: repeat-x; height:15px; }
.verticalSeparator { display:block; background: url("../graphics/elements/dots.png"); background-repeat: repeat-y; width:25px; }

.separator.ninesixty{ width:960px; }
.separator.sevenfourty{ width:740px }
.separator.onethousand{ width:1000px;}
.separator.fourthirty{ width:430px; }

.separator.tall{ margin:10px 0 0;background-position-y: 10px; }

.field-validation-error { font-family: Verdana; color: red; font-weight: bold; }

.formfieldlabel { width:45%; float:left; padding:2px; text-align:right; }
.formfield { width:50%; float:left; padding:2px; }

.insideFooter { float:left; width:45%; margin-right:5%; }
.insideFooter div { text-align: left; }
.footerLink, .footerLink:hover { display:inline-block;min-width:375px; text-decoration: none; text-wrap: none; }
.articleLinks{
    display:inline-block; 
    width:100%; 
    border-bottom:1px solid silver; 
    padding: 0 0 10px 0;
    margin: 5px 0px 25px 0px;
}
.articleLinks.bottom{
    border-bottom: 0 none; 
}
.articleLink {
    float:left;
    padding:0;
    height:20px;
}
.articleLink a {
    display: inline-block;
    white-space:nowrap;
    text-wrap: none;
    min-width:160px;
}
.homeButton{
    display:none;
}
.aaaInsider{
    display:inline-block;
    margin-bottom:7px;
}
.adZoneHome{
    width:300px;
    vertical-align:top;
    float:left;
    text-align: center;
    margin: 0px 0px 0px 0px;
}
.expandableHeader{
    margin-bottom:10px; 
    text-align:left; 
    width:430px;
}
.leftColHeader{
    margin-bottom:10px; 
    text-align:left; 
    width:160px;
}
.content{
     border:0;  
     width: 740px
}
.webextras{
    width:740px;
}
.contentNav{
     margin:10px 0;
}
.zipgate{
    width:365px;
    text-align:center;
    float:right;
}
.wallpaper{
    width:45%;
    float:left;
    text-align:center;
    padding:10px;
}
.buffet_image{ 
    width:295px;
    height:170px;
    float:left;
    padding: 10px;
}
.buffet_image_container{
    width:630px;
}
.tabletlink{
    text-align:center; 
    width:300px;
}
/*med/small screens, based on combined width of zipgate elements */
@media only screen and (max-width:730px){
    .zipgate{ 
        width:100%;
        float:none;
    }
}
/*Medium and small screens*/
@media only screen and (max-width: 480px){
    
    #page{
        width:100%;
        margin: 0;
        padding: 0;
    }
    #body{
	    width: 100%;
	    padding: 0px;
	    margin: 0;
	}
    #content{
		width:100%;
		padding: 0;
	}
    #footer{
        clear:both;
		width:100%;
	}
    #infoInside{
		width: 100%;
	}
    .contentColLeft{
        width:100%
	}
    .centerTop10 {
	    margin-top: 0px;
    }
    .insideFooter { 
        float:none; 
        clear:left; 
        width:100%;
    }
    .insideFooter div { width: 100%; text-align: center; }
    .insideFooter a img{
        display: none;
    }
    .homeTop{
        width: 100%;
    }
    .ourColumns{
        width:100%;
        float:none;
    }
    .ourColumnsHeader{
        width: 100%;
    }
    .grayBkgCol{
		z-index: 999;
	}
    .homeColCenter, .homeColRight, .grayBkgCol, .contentColRight {
		width: 100%;
		float: none;
        padding:0;
        margin:0;
        text-align:center;
		border: none;
	}
    .expandable{
        padding: 10px 2%;
		width:96%;
    }
    .expandableHeader{
        padding: 0 10px;
        width:100%;
    }
    .homeColRight .expandable img{
        width:100%;
        max-width:300px;
    }
    .homeColCenter .expandable img{
        width:100%;
        max-width:220px;
    }
    .leftColHeader{
        text-align:center; 
        width:100%;
    }
    .content{
         border:0;  
         width:96%;
         padding-left:2%;
         padding-right:2%;
    }
    .content td{
        padding: 2px;
    }
    .articleText img{
        width:100%;
    }
    .webextras{
         width:100%;
    }
    .separator.ninesixty{ width:100% }
    .separator.sevenfourty{ width:100% }
    .separator.onethousand{width:100%}
    .separator.fourthirty{width:100%}
    .bottomBorder{ width: 100%; }
}

/* small screens only, less than 480px*/
@media (max-width: 480px) {
    #nav {
	    width: auto;
	    height: auto;
	    float: none;
	    text-align: left;
        overflow:hidden;
	    background-color: #1b3b50;
    }
    #header {
        margin-top: -10px;
        padding: 20px 0 0;
		height: 75px;
		width: 100%;
    }
    
    .adZoneHome{
    width:100%;
    text-align: center;
    margin: 0 auto 0 auto;
}
    
    .headerItem {
        width:100%;
        float: none;
        text-align:center;
        margin-top:10px;
    }
    .pure-form input[type=text] {
        display: inline-block;
    }
    .pure-form button[type=submit]{
        margin: 0px;
    }
    .hide-for-small {
        display: none;
    }
    .ourColumn{
        float: none; 
        width: 100%;
        text-align:center;
    }
    .buffetTab{
        width:100%;
        float:none;
        margin-right:0;
    }
    .footerLink, .footerLink:hover { min-width:0px; text-wrap:normal; }
    .homeButton{
        display:inline-block;
        box-sizing: border-box;
        width:100%;
        text-align:left;
	    background-color:#1f628d;
        border: 2px solid #305771;
        color:white;
        margin:0;
        font-size:20px;
        background-image: url(../graphics/images/arrowDown.png);
        background-repeat:no-repeat;
        background-position: 90% 50%;
    }
    .homeButton a{
        padding:15px;
        color:white;
        font: inherit;
        height:100%;
        line-height:100%;
        width:75%;
        text-align:left;
        vertical-align:middle;
        display:block;
        text-decoration:none;
    }
    .homeButton.expanded{
        background-image: url(../graphics/images/arrowUp.png);
    }
    .contentNav{
         margin:0;
    }
    .formfieldlabel { clear:both; width:80%; padding: 4px 10% 2px; text-align:left; }
    .formfield { clear:both; width:80%; padding: 2px 10% 4px; }
    .formfield > select, input[type=text] { height:25px; }
    .wallpaper { width:95%; }
    .buffet_image{ 
        float:none;
        width:100%;
        max-width:295px;
        margin: 10px auto;
        padding: 0px;
    }
    .buffet_image_container{
        width:100%;
    }
    .tabletlink{
        width:100%;
    }
}

/*  larger screens only  */
@media (min-width: 481px){
    .hide-for-large{
        display: none;
    }
}

@media (max-width: 360px){
    .articleLink {
        float:none;
        clear:both;
        margin-left: 15px;
    }
}