@import url('../css/component.css');

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Site-wide properties ======================================================== */
body
{
    font: normal normal 10px/10px Tahoma, Arial, Helvetica, Verdana, sans-serif; 
    background-color: #004587;
}


@font-face {
    font-family: 'Lato', sans-serif;
 
    src: url("../fonts/AGaramondPro-Italic.otf") format("woff2");
    font-weight: normal;
    font-style: normal;

}

#maincontainer
{
    width: 1300px;
    margin: auto;
	overflow: auto;
	background-color: #fff;
}

.myimg
{
	border: 5px solid #c6c3b5;
}

.blogimg
{
	margin-bottom: 20px; 
	margin-left: 30px; 
	margin-top: 20px; 
	border: 8px solid #cfcdce; 
	float: right;
	max-width: 100%;
}

img.right
{
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

img.left
{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}


#header
{
    width: 1300px;
	height: 162px;
	float: left;
	z-index: 5;
}

#topheader
{
	width: 100%;
	height: 54px;
	background-color: #f4f7fa;
	
}

#topheaderpadding
{
	padding-top: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#a0a0a0;
}


#left
{
    width: 357px;
	height: 162px;
	float: left;
}

#middle
{
    width: 548px;
	height: 162px;
	float: left;
}

#right
{
    width: 395px;
	height: 162px;
	float: left;
}



#mainimg
{
    width: 1300px;
	height: 499px;
	float: left;
}



.parali
{
	margin-left: 25px;
}

.footersub1
{
    width: 380px;
	height: auto;
	float: left;
	background-color: #e8e8e8;
	margin-left: 36px;
}

.footersub2
{
    width: 320px;
	height: auto;
	float: left;
	background-image:url(../images/midbg.jpg);
}

.footersub3
{
    width: 315px;
	height: auto;
	float: left;
}

.footersub1padding
{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#5f5f5f;
	line-height: 1.5;
	text-align:justify;
}

.footersub2padding
{
    width: 315px;
	height: 408px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 20px;
	padding-left: 0px;
	font-family: 'Lato', sans-serif;
 
	font-size: 18px;
	color:#511003;
	line-height: 1.5;
}


#footer
{
	width: 100%;
	background-color: #1b2938;
	float: left;
	height: auto;
	margin-top: 40px;
}

#footerpadding
{
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
}



#news
{
	width: 609px;
	height: 141px;
	float: left;

}

#newsbox
{
	/*background-color: #d3d0c2;*/
	background-image:url(../images/xmas.jpg);
	width: 95%;
	margin-top: 20px;
}

#newsboxpad
{
	padding-top: 20px;
	padding-bottom:30px;
	padding-right: 30px;
	padding-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#FFF;
	line-height: 1.5;
}


#trip
{
	width: 341px;
	height: 141px;
	float: left;
}


.footercontentpad
{
	padding-top: 30px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-family: 'Lato', sans-serif;
 
	font-size: 18px;
	color:#511003;
	line-height: 1.5;
}

#nav
{
           width: 100%;
		   height: 70px;
           float: left;
           background-color: #03386a;
}

#navpadding
{
            padding-top: 18px;
            padding-bottom: 5px;
            padding-right: 0px;
            padding-left: 30px;
}

.myli li
{ 
	display: inline;
	list-style: none;
	margin-right: 20px;
}

.footerli li
{ 
	display: inline;
	list-style: none;
	margin-right: 20px;
}

a.navlink { font-family: 'Lato', sans-serif;
 color: #FFF; font-weight: normal; text-decoration:none; font-size: 17px; } 
a.navlink:link { font-family: 'Lato', sans-serif;
 color: #FFF; font-weight: normal; text-decoration:none; font-size: 17px;  } 
a.navlink:visited { font-family: 'Lato', sans-serif;
 color: #FFF; font-weight: normal; text-decoration:none; font-size: 17px; } 
a.navlink:hover { font-family: 'Lato', sans-serif;
 color: #FFF; font-weight: normal; text-decoration:none; font-size: 17px;  } 
a.navlink:active { font-family: 'Lato', sans-serif;
 color: #FFF; font-weight: normal; text-decoration:none; font-size: 17px;  }

a.footerlink { font-family: 'Lato', sans-serif;
  color: #511003; font-weight: normal; text-decoration:none; font-size: 16px; text-transform:uppercase; } 
a.footerlink:link { font-family: 'Lato', sans-serif;
  color: #511003; font-weight: normal; text-decoration:none; font-size: 16px; text-transform:uppercase; } 
a.footerlink:visited { font-family: 'Lato', sans-serif;
  color: #511003; font-weight: normal; text-decoration:none; font-size: 16px; text-transform:uppercase; } 
a.footerlink:hover { font-family: 'Lato', sans-serif;
  color: #511003; font-weight: normal; text-decoration:underline; font-size: 16px; text-transform:uppercase; } 
a.footerlink:active { font-family: 'Lato', sans-serif;
  color: #511003; font-weight: normal; text-decoration:none; font-size: 16px; text-transform:uppercase; }


a.centlink { font-family: 'Lato', sans-serif;
  color: #511003; font-weight: normal; text-decoration:none; font-size: 18px; text-transform:uppercase; } 
a.centlink:link { font-family: 'Lato', sans-serif;
  color: #511003; font-weight: normal; text-decoration:none; font-size: 18px; text-transform:uppercase; } 
a.centlink:visited { font-family: 'Lato', sans-serif;
  color: #511003; font-weight: normal; text-decoration:none; font-size: 18px; text-transform:uppercase; } 
a.centlink:hover { font-family: 'Lato', sans-serif;
  color: #511003; font-weight: normal; text-decoration:underline; font-size: 18px; text-transform:uppercase; } 
a.centlink:active { font-family: 'Lato', sans-serif;
  color: #511003; font-weight: normal; text-decoration:none; font-size: 18px; text-transform:uppercase; }


a.whitelink { font-family: 'Lato', sans-serif;
 color: #fff; font-weight: normal; text-decoration:none; font-size: 27px;} 
a.whitelink:link { font-family: 'Lato', sans-serif;
 color: #fff; font-weight: normal; text-decoration:none; font-size: 27px; } 
a.whitelink:visited { font-family: 'Lato', sans-serif;
 color: #fff; font-weight: normal; text-decoration:none; font-size: 27px; } 
a.whitelink:hover { font-family: 'Lato', sans-serif;
 color: #fff; font-weight: normal; text-decoration:underline; font-size: 27px; } 
a.whitelink:active { font-family: 'Lato', sans-serif;
 color: #fff; font-weight: normal; text-decoration:none; font-size: 27px; }

a.whitelink2 { font-family:Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; text-decoration:none; font-size: 16px;} 
a.whitelink2:link { font-family:Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; text-decoration:none; font-size: 16px; } 
a.whitelink2:visited { font-family:Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; text-decoration:none; font-size: 16px; } 
a.whitelink2:hover { font-family:Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; text-decoration:underline; font-size: 16px; } 
a.whitelink2:active { font-family:Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; text-decoration:none; font-size: 16px; }


a.headerlink { font-family: 'Lora', serif; color: #FFF; font-weight: normal; text-decoration:none; font-size: 15px;} 
a.headerlink:link { font-family: 'Lora', serif; color: #FFF; font-weight: normal; text-decoration:none; font-size: 15px; } 
a.headerlink:visited { font-family: 'Lora', serif; color: #FFF; font-weight: normal; text-decoration:none; font-size: 15px; } 
a.headerlink:hover { font-family: 'Lora', serif; color: #FFF; font-weight: normal; text-decoration:none; font-size: 15px; } 
a.headerlink:active { font-family: 'Lora', serif; color: #FFF; font-weight: normal; text-decoration:none; font-size: 15px; }

a:link {
	color: #511003;
}
a:visited {
	color: #511003;
}
a:hover {
	color: #511003;
	text-decoration:underline;
}
a:active {
	color: #511003;
}


p
{
	margin-top: 15px;
	margin-bottom: 15px;
}

.pmk2
{
	margin: 0px;
	padding: 0px;
}

h1
{
	font-family: 'Lato', sans-serif;
 
	color: #004587;
	font-size: 30px;
	margin-bottom: 5px;
	margin-top: 0px;
	font-weight:normal;
}

h2
{
	font-family: 'Lato', sans-serif;
 
	color:#06F;
	font-size: 22px;
	margin-bottom: 5px;
	margin-top: 0px;
	font-weight:normal;
}

h3
{
	color: #FFF;
	font-size: 20px;
	margin-bottom: 5px;
	margin-top: 0px;
	font-weight:normal;
}

.h2white
{
	font-family: 'Lato', sans-serif;
 
	color: #fff;
	font-size: 27px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:normal;
}

.lefth2
{
	font-family: 'Lato', sans-serif;
 
	color: #511003;
	font-size: 38px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 24px;
	font-weight:normal;
}

.mobileimg
{
    max-width: 100%;
	margin: auto;
}





#mo1
{
	border-bottom: 0px solid #333; height: 37px; line-height: 37px; padding-left: 42px;
}

#mo2
{
	border-bottom: 0px solid #333; height: 36px; line-height: 36px; padding-left: 42px;
}

#mo3
{
	border-bottom: 0px solid #333; height: 34px; line-height: 34px; padding-left: 42px;
}

#mo4
{
	border-bottom: 0px solid #333; height: 34px; line-height: 34px; padding-left: 42px;
}

#mo5
{
	border-bottom: 0px solid #333; height: 34px; line-height: 34px; padding-left: 42px;
}

#mo6
{
	border-bottom: 0px solid #333; height: 34px; line-height: 34px; padding-left: 42px;
}


#maincontent
{
    width: 100%;
	float: left;
	z-index: 1;
	background-color:#FFF;
}

#maincontentpadding
{
    padding-top: 40px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5f5f5f;
	font-size: 18px;
	line-height: 1.5;
	text-align:center;
}

#maincontentpadding2
{
    padding-top: 40px;
    padding-bottom: 20px;
    padding-right: 30px;
    padding-left: 30px;
	text-align: justify;
	line-height: 1.5;
	color: #666;
}

.imagebordering
{
	padding: 3px;
	border: 1px solid #CCC;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}

.imgstyle
{
	padding: 5px; 
	background-color: #ededed;
    max-width: 100%;
	margin: auto;
	float: right; 
	margin-left: 30px; 
	margin-bottom: 20px; 
	margin-top: 40px;
	border: 3px solid #d1d1d1;	
}

.imgstyle2
{
	padding: 3px; 
	background-color: #ededed;
    max-width: 100%;
	margin: auto;
	float: left; 
	margin-left: 0px; 
	margin-bottom: 10px; 
	margin-right: 10px;
	margin-top: 0px;
	border: 1px solid #d1d1d1;	
}

.imgstyle3
{
	padding: 3px; 
	background-color: #ededed;
    max-width: 100%;
	margin: auto;
	float: left; 
	margin-right: 30px; 
	margin-bottom: 20px; 
	margin-top: 0px;
	border: 1px solid #d1d1d1;	
}

.quickfield
{
	border: 1px solid #a2a2a2; 
	padding: 14px; 
	width: 400px;
	margin-bottom: 15px;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
}

.quickfield2
{
	border: 1px solid #a2a2a2; 
	padding: 14px; 
	width: 200px;
	margin-bottom: 15px;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
}

.quickfield3
{
	border: 1px solid #a2a2a2; 
	padding: 14px; 
	width: 400px;
	height: 180px;
	margin-bottom: 15px;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
}

.quickfield4
{
	border: 1px solid #a2a2a2; 
	padding: 14px; 
	width: 600px;
	height: 300px;
	margin-bottom: 15px;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
}

.dl-trigger
{
               visibility:hidden;
}

.footersub
{
	width: 33%;
	float: left;
	font-size: 16px; 
	color: #fff; 
	line-height: 1.5; 
	padding-top: 20px; 
	padding-right: 30px;
	height: auto;
}











.mylist {
    list-style-type: none;
    margin: 0;
	margin-right: 27px;
    padding-top: 10px;
	padding-bottom: 10px;
    overflow: hidden;

}

.mylist li {
    float: left;
}

.mylist li a, .dropbtn {
    color: white;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
    text-decoration: none;
	
}

.mylist li a:hover, .dropdown:hover .dropbtn {
    background-color: #1665af;
	
}

.mylist li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #074681;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
		margin-top: 10px;

}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #0557a5}

.dropdown:hover .dropdown-content {
    display: block;
}

.dl-menuwrapper
{
	visibility: hidden;
	display:none;
}

.blogimg
{
	margin-bottom: 20px; 
	margin-left: 30px; 
	margin-top: 20px; 
	border: 8px solid #cfcdce; 
	float: right;
	max-width: 100%;
}














/* Media queries ======================================================== */

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


.blogimg
{
	margin-bottom: 20px; 
	margin-left: 0px; 
	margin-top: 20px; 
	border: 8px solid #cfcdce; 
	float: left;
	max-width: 100%;
	width: 100%;
}

.footersub
{
	width: 100%;
	float: left;
	font-size: 16px; 
	color: #fff; 
	line-height: 1.5; 
	padding-top: 20px; 
	padding-right: 30px;
	padding-left: 30px;
	text-align: center;
}


#topheader
{
	width: 100%;
	height: 54px;
	background-color: #f4f7fa;
	
}

#topheaderpadding
{
	padding-top: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#a0a0a0;
	text-align: center;
}

.dl-trigger
{
               visibility:visible;
               
}

.dl-menuwrapper
{
	visibility:visible;
	display:inline-block;
}


#dl-menu
{
	display:inline-block;
}

#maincontainer
{
    width: 100%;
    margin: auto;
	overflow: auto;
}

#navpadding
{
            padding-top: 12px;
            padding-bottom: 5px;
            padding-right: 0px;
            padding-left: 0px;
			text-align: center;
}


#left
{
	display:none;
}

#right
{
	display:none;
}   
   
#header
{
    width: 100%;
	height: 162px;
	text-align:center;
	margin:auto;
	float: left;
	background-image:url(../images/nav-bar.jpg);
}

#middle
{
    width: 100%;
	height: 162px;
	display: inline-block;
	float:left;
	background-image:url(../images/middle.jpg);
	z-index: 5;
	position:relative;
	
}

#middlepadding
{
    padding-top: 105px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

#mainimg
{
            width: 100%;
            float: left;
            margin-bottom: 0px;
            height: auto;
            min-height: 100% !important;
            z-index: 0;
}

#maincontent
{
    width: 100%;
	min-height: 600px;
	float: left;
	z-index: 1;
	background-color:#FFF;
}

#maincontentpadding
{
    padding-top: 40px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

#maincontentpadding2
{
    padding-top: 40px;
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
	text-align:justify;
}

#sub1
{
    width: 100%;
	height: auto;
	float: left;
	background-image:none;
	background-color: #9d1513;
	height: auto;
	margin-bottom: 10px;
}

#sub2
{
    width: 100%;
	height: auto;
	float: left;
	background-image:none;
	background-color: #9d1513;
	margin-bottom: 10px;
}

#sub3
{
    width: 100%;
	height: auto;
	float: left;
	background-image:none;
	background-color: #9d1513;
	margin-bottom: 10px;
	
}

.sub1padding
{
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 17px;
	padding-left: 17px;
	font-family: 'Lato', sans-serif;
 
	font-size: 18px;
	color:#fff;
	line-height: 1.5;
}

.sub2padding
{
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 17px;
	padding-left: 17px;
	font-family: 'Lato', sans-serif;
 
	font-size: 18px;
	color:#fff;
	line-height: 1.5;
}

.sub3padding
{
	padding-top: 25px;
	padding-bottom: 25px;
	padding-right: 17px;
	padding-left: 17px;
	font-family: 'Lato', sans-serif;
 
	font-size: 18px;
	color:#fff;
	line-height: 1.5;
}

.footersub1
{
    width: 100%;
	height: auto;
	float: left;
	background-color: #e8e8e8;
	margin: auto;
	text-align:center;
	margin-bottom: 20px;
	
}



#footersub2
{
    width: 100%;
	height: auto;
	float: left;
	background-image:none;
	background-repeat: no-repeat;
	margin: auto;
	
}

#footersub3
{
    width: 100%;
	height: auto;
	float: left;
	margin: auto;
	
}

.footersub1padding
{
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 15px;
	padding-left: 15px;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color:#5f5f5f;
	line-height: 1.5;
	text-align:center;
}

.footersub2padding
{
	width: 100%;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 15px;
	padding-left: 15px;
	font-family: 'Lato', sans-serif;
 
	font-size: 18px;
	color:#511003;
	line-height: 1.5;
	text-align:center;

}

#footer
{
	width: 100%;
	height: auto;
	background-image:url(../images/footerbg.jpg);
	background-repeat:repeat-x;
	margin: auto;
}

#footercontent
{
	width: 100%;
	height: auto;
	margin: auto;
}



#footer2
{
	width: 100%;
	height: auto;
	background-image:url(../images/dark_bg.jpg);
	background-repeat:repeat-x;
	margin: auto;
}

#footer2content
{
	width: 100%;
	height: auto;
	margin: auto;
}

.footercontentpad
{
	padding-top: 30px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 20px;
	font-family: 'Lato', sans-serif;
 
	font-size: 18px;
	color:#511003;
	line-height: 1.5;
}

.myimg
{
	border: 5px solid #c6c3b5;
	text-align:center;
	display:block;
	margin:auto;
	margin-bottom: 15px;
	
}


#mo1
{
	border-bottom: 0px solid #333; height: 37px; line-height: 37px; padding-left: 0px;
}

#mo2
{
	border-bottom: 0px solid #333; height: 36px; line-height: 36px; padding-left: 0px;
}

#mo3
{
	border-bottom: 0px solid #333; height: 34px; line-height: 34px; padding-left: 0px;
}

#mo4
{
	border-bottom: 0px solid #333; height: 34px; line-height: 34px; padding-left: 0px;
}

#mo5
{
	border-bottom: 0px solid #333; height: 34px; line-height: 34px; padding-left: 0px;
}

#mo6
{
	border-bottom: 0px solid #333; height: 34px; line-height: 34px; padding-left: 0px;
}



.lefth2
{
	font-family: 'Lato', sans-serif;
 
	color: #511003;
	font-size: 38px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-left: 0px;
	font-weight:normal;
}





#news
{
	width: 100%;
	height: auto;
	float: left;

}

#newsbox
{
	background-color: #d3d0c2;
	width: 100%;
	margin-top: 20px;
}

#newsboxpad
{
	padding-top: 20px;
	padding-bottom:30px;
	padding-right: 30px;
	padding-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#511003;
	line-height: 1.5;
}


#trip
{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 20px;
}

.quickfield
{
	border: 1px solid #a2a2a2; 
	padding: 14px; 
	width: 100%;
	margin-bottom: 15px;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
}

.quickfield2
{
	border: 1px solid #a2a2a2; 
	padding: 14px; 
	width: 100%;
	margin-bottom: 15px;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
}

.quickfield3
{
	border: 1px solid #a2a2a2; 
	padding: 14px; 
	width: 100%;
	height: 180px;
	margin-bottom: 15px;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
}

.quickfield4
{
	border: 1px solid #a2a2a2; 
	padding: 14px; 
	width: 100%;
	height: 300px;
	margin-bottom: 15px;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
}

.myli li
{ 
	display: inline;
	list-style: none;
	margin-right: 0px;
}













  
  
  
}