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

@import url(http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500);
* {
	margin: 0;
	padding: 0;
}

html {                            		/*forces vertical scroll bar so page with little content don't shift right*/
height: 100%; margin-bottom: 1px; overflow-y: scroll;}

body {
	background-color: #e5e5e6;
	font-size: 1em;
	font-family: Calibri, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #000;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0 0 0 15px;
	margin: 0px;
	font-size: 14.5px;
	line-height: 20px;
	font-family: Calibri, sans-serif;;
	font-weight: 100;
	list-style: disc;
	text-align: left;
}
hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 35px;
    margin-right: 35px;
    border-style: inset;
    border-width: 1px;
}
#banner h1 {
	font-family: Roboto;
	font-size: 50px;
	font-weight: 500;
	text-align: center;
	color: #ffffff;
	padding: 40px;
	margin: 0px;
	font-style: normal;
	text-transform: uppercase;
	text-shadow: 1px 1px 3px #000000;
}
h1 {
	font-family: Roboto;
	font-size: 32px;
	font-weight: 500;
	text-align: left;
	color: #003055;
	padding: 0px;
	margin: 0px;
	font-style: italic;
	text-transform: none;
}
h1.home {
	font-family: Roboto;
	font-size: 44px;
	font-weight: 500;
	text-align: left;
	color: #003055;
	padding: 50px 0px 0px 20px;
	margin: 0px;
	font-style: normal;
	text-transform: none;
}
h2 {
	font-family: Roboto;
	font-size: 24px;
	font-weight: 300;
	color: #0074a2;
	padding: 0px;
	margin: 0px;
	font-style: normal;
	text-align: left;
	line-height: 34px;
}
 h2.home {
	font-family: Roboto;
	font-size: 22px;
	font-weight: 300;
	color: #9f9e9e;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	font-style: normal;
	text-align: left;
	line-height: 34px;
	text-transform:uppercase;
	letter-spacing: 1.5px;
}
h2.blue {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
	color: #2b4365;
	padding: 0px;
	margin: 0px;
	font-style: normal;
	text-align: left;
	line-height: 20px;
	text-transform:none;
}
h2.remember {
	font-family: Roboto;
	font-size: 18px;
	font-weight: 500;
	color: #2b4365;
	padding: 0px;
	margin: 0px;
	font-style: normal;
	text-align: left;
	line-height:28px;
	text-transform:none;
}
h2.white {
	color: #fff;
}
h2.table {
	font-family: Roboto;
	font-size: 24px;
	font-weight: 400;
	color: #0074a2;
	padding: 0px 0px 11px 0px;
	margin: 11px 0px 0px 0px;
	font-style: normal;
	text-align: left;
	line-height: 24px;
}
h3 {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
	color: #9f9e9e;
	padding: 0px;
	margin: 0px;
	font-style: italic;
	text-align: left;
	text-transform: none;
	line-height: 24px;
}
h3.right {
	font-family: Roboto;
	font-size: 24px;
	font-weight: 500;
	color: #0074a2;
	padding: 0px;
	margin: 0px;
	font-style: normal;
	text-align: right;
	text-transform: none;
	line-height: 34px;
}
h4 {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	color: #0074a2;
	padding: 0px;
	margin: 0px;
	font-style: normal;
	text-transform: none;
	text-align: left;
	line-height:22px;
}
p {
	font-family: Calibri, sans-serif;
	font-size: 14.5px;
	line-height: 20px;
	font-weight: 100;
	color: #000;
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
p.white {
	color: #fff;
}
p.home {
	font-family: Calibri, sans-serif;
	font-size: 16px;
	line-height: 29px;
	font-weight: 100;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	font-style: normal;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */

a:link {
	color: #0074a2;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #0074a2;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}
/* ~~ this page surrounds all other divs giving them their percentage-based width ~~ */
#page {
	width: 1280px;
	max-width: 1280px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	background-color: #FFF;
	margin: 20px auto 0px auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .page's width to 100%. */
	position: relative;
}
#banner {
	background-image: url(images/banner25.jpg);
	background-repeat: no-repeat;
    background-color: #000000;
	height: 130px;
	width: 1280px;
}
#navbar {
	/*  background-image: url(images/waves.jpg); */
	background-repeat: repeat;
	background-color: #9f9e9e;
	height: 40px;
	width: 1280px;
}
#guts {
	background-color: #ffffff;
	width: 1280px;
	position: relative;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto
}
img.left {
	display: block;
	float:left;
	padding: 5px 20px 0px 0px;
}
#lc {
	float: left;
	background-color: #ffffff;
	padding: 0px;
	margin: 30px 0px 0px 30px;
	display: inline;
	position:relative;
}
#rc {
	float: right;
	padding: 0px;
	margin: 30px;
	position: relative;
	display: inline;
}
.overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
h1.overlay_text {
	padding: 100px 0px 0px 25px;
	margin: 0px;
	text-align: center;
	font-family: Roboto;
	font-weight: 500;
	font-style: normal;
	font-size: 28px;
	color: #ffffff;
	text-transform: none;
	text-shadow: 2px 2px 3px #000000;
}
p.overlay_text {
	padding: 10px 0px 0px 25px;
	margin: 0px;
	text-align: center;
	font-family: Roboto;
	font-weight: 500;
	font-style: italic;
	font-size: 18px;
	color: #ffffff;
	text-shadow: 2px 2px 3px #000000;
}
.phome {
	background-image: url(images/phome25-2.jpg);
	background-repeat: no-repeat;
	height: 505px;
	width: 755px;
}
.home {
	width: 395px;
}
.pabout {
	background-image: url(images/pabout25.jpg);
	background-repeat: no-repeat;
	height: 595px;
	width: 610px;
}
.about {
	width: 560px;
}
.pagenda {
	background-image: url(images/pagenda25.jpg);
	background-repeat: no-repeat;
	height: 535px;
	width: 610px;
}
.agenda {
	width: 580px;
}
.amenitieslc {
	width: 675px;
	float: left;
}
.amenitiesrc {
	width: 475px;
	float: right;
}
.prsvp {
	background-image: url(images/prsvp25.jpg);
	background-repeat: no-repeat;
	display: inline;
	height: 505px;
	width: 750px;
}

.rsvp {
	width: 425px;
}
.travel_blue {
	background-color:#dbedf5;
	padding: 15px 20px 15px 20px;
	margin-top:0px;

}
.travel_blue2 {
	background-color:#b8dceb;
	padding: 15px 20px 15px 20px;

}
.travel {
	width: 425px;
}
.ptravel {
	width: 750px;
	align:center;
	clear: right; /* this clear property forces the .page to understand where the columns end and contain them */
}
table {
	border-spacing: 8px;
}
tr {
	vertical-align: top;
	padding: 0px 0px 0px 0px;
	margin: 05px 0px 20px 0px;
}
td {
	vertical-align: top;
}
td.border {
	vertical-align: top;
	padding: 0px 20px 0px 0px;
	border-right-color: #6e6d6d;
	border-right-style: solid;
	border-right-width: 1px !important;
	width: 90px;
}
td.c1 {
	text-align: right;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	color: #0074a2;
	font-style: normal;
	text-transform: uppercase;
	cell-padding:0px;
}
td.c2 {
	vertical-align: top;
	padding: 0px 0px 0px 12px;
	text-align: left;
	font-family: Calibri;
	font-size: 14.5px;
	line-height: 18px;
	font-weight: 100;
	color: #000;
	margin: 0px;
	font-style: normal;
}
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	padding: 0px 0px;
	margin: 0px;
	font-size: 16px;
	font-family: roboto, "sans serif";
	font-weight: 500;
	list-style: none; /* this removes the list marker */
	text-align: center;
}
ul.nav li {
	display: inline;
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: normal; /* this creates the button separation */
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	text-decoration: none;
	color: #ffffff;
	display: inline-block;
	padding: 10px 25px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators  old color - 8bceae*/
	color: #fff;
	background-color: #003055;
	padding: 10px 25px;
}
li.white {
	color: #fff;
}
/* ~~The footer ~~ */
#footer2 {
	padding: 0px;
	margin: 0px;
	width: 1280px;
	height: 5px;
	background-color: #000000;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .page to understand where the columns end and contain them */
}
#footer3 {
	padding: 0px;
	margin: 0px;
	width: 1280px;
	height: 5px;
	background-color: #6ccd9c;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .page to understand where the columns end and contain them */
}

#footer {
	padding: 0px;
	margin: 0px;
	width: 1280px;
	height: 70px;
	background-color: #000000;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .page to understand where the columns end and contain them */
}
#clear {
	clear: both; /* this clear property forces the .page to understand where the columns end and contain them */
}
.venue {
	margin: 0px 0px 0px 30px;
	padding: 0px;
	float: left;
	height: 65px;
	width: 1060px;
}

.venue img {
	margin: 0px 30px 0px 0px;
	padding: 8px 0px 2px 0px;
	float: left;
}
.address {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	height: 65px;
	width: 260px;
	float: left;
}
.phone {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
	width: 595px;
	height: 65px;
}
.voit {
	margin: 0px 30px 0px 0px;
	padding: 0px;
	float: right;
	height: 65px;
	width: 107px;
}
.voit img {
	margin: 0px;
	padding: 13px 0px 7px 0px;
	align: right;
}
#footer h1 {
	font-family: Roboto;
	font-size: 14px;
	line-height: normal;
	font-weight: 300;
	color: #fff;
	margin: 0px;
	padding: 20px 0px;
	text-align: left;
	text-transform: uppercase;
	font-style: normal;
}
.number {
	font-family: Roboto;
	font-size:23px;
	line-height: normal;
	font-weight: 300;
	color: #fff;
	margin: 0px;
	padding: 0px 45px 0px 10px;
	text-align: left;
	font-style: normal;
}
#footer p {
	font-family: Roboto;
	font-size: 11px;
	line-height: normal;
	font-weight: 400;
	color: #ffffff;
	margin: 0px;
	padding: 10px 0px;
	text-align: left;
}