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

body {
	font-family: "Myriad", "Myriad Pro", "Helvetica", Arial, sans-serif;
	font-size: 11pt;
	background: #E0ECB6;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.portfolio {
	background: #24170C;
}

a {
	text-decoration:none;
	font-family: "Myriad", "Myriad Pro", "Helvetica", Arial, sans-serif;
	color: #A33122;
	border: none;
	
}

a img { border:none; 

}

a:link {
	text-decoration:none;
	font-family: "Myriad", "Myriad Pro", "Helvetica", Arial, sans-serif;
	color: #A33122;
	border: none;
	
}

a:visited {
	color: #A33122;	
	
}

a:hover {
	color: #CCCCCC;
	
}

a:active {
	
	color: #FFFFFF;
	
	
}

#addsides {
	width: 1050px;
	margin-top: 0; /* the auto margins (in conjunction with a width) center the page */
	margin-left:auto;
	margin-right:auto;
}

 #container {
	width: 960px;
	background: #FFFFFF;
	margin-top: 0; /* the auto margins (in conjunction with a width) center the page */
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

 #containerport {
	width: 685px;
	background: #24170C;
	margin-top: 0; /* the auto margins (in conjunction with a width) center the page */
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}


#container{
	width: 960px;
	background: #FFFFFF;
	margin-top: 0; /* the auto margins (in conjunction with a width) center the page */
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#containerPortNew{
	width: 960px;
	height:670px;
	background: #FFFFFF;
	margin-top: 0; /* the auto margins (in conjunction with a width) center the page */
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 20px;
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#leftside {
	background: #E0ECB6;
	width: 5px;
	height:20px;
	float:left;	
}

#rightside {
	background: #E0ECB6;
	width: 5px;
	height:20px;
	float:right;
}


#topheader{
	height: 175px;
	width: 1020px;
	background: #E0ECB6;
	padding-top:10px;
}

#topheaderPortNew{
	height: 175px;
	width: 960px;
	background: #E0ECB6;
	padding-top:10px;
}

#topheaderport{
	height: 20px;
	width: 1020px;
	background: #24170C;
	padding-top:10px;
}


#topleft {
	width: 970px;
	float:left;
	height: 70px;
	margin-top: 7px;
	margin-left: 35px;
}

#topleftPortNew {
	width: 960px;
	float:left;
	height: 70px;
	margin-top: 7px;
	margin-left: 35px;
}


.mission p {
	font-family: "Myriad", "Myriad Pro", "Helvetica", Arial, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	padding-left: 4px;
}


#topright {
	width: 220px;
	float: right;
	vertical-align: top;
	padding-right: 100px;
}


#header {
	padding: 0;
	background-color: #E0ECB7;
	border-bottom: solid 2px #24170C;
} 

#headerPortNew {
	padding: 0;
	background-color: #E0ECB7;
	border-bottom: solid 1px #24170C;
} 



h1 {
	margin: 0; 
	padding: 0;
	font-family: "Myriad", "Myriad Pro", "Helvetica", Arial, sans-serif;
	font-size: 15pt;
	font-weight:100;
}

/*MENU START*/

.menu{
	width:900px;
	border:none;
	margin:0 0 0 32px;
	padding-left:3px;
	font-family:"Myriad", "Myriad Pro", "Helvetica", Arial, sans-serif;
	font-size:9pt;
	}
.menu ul{
	height:45px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
	background:#24170C url("images/seperator.gif") bottom right no-repeat;
	color:#FFFFFF;
	display:block;
	font-weight:normal;
	line-height:45px;
	margin:0px;
	padding:0px 12px;
	text-align:center;
	text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #A33122 url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#24170C;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:180px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:180px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:45px;
		font-size:9pt;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 12px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#A33122 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	


/*MENU END*/



 #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	height: 1800px;
	border-right:#24170C solid 2px;
	border-left:#24170C solid 2px;
}


 #mainContent2 {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	height: 1250px;
	border-right:#24170C solid 2px;
	border-left:#24170C solid 2px;
}

#mainContent3 {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	height: 2650px;
	border-right:#24170C solid 2px;
	border-left:#24170C solid 2px;
}

#mainContentport {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #24170C;
	height: 700px;
	border:#FFFFFF solid 2px;
}


#mainContentport2 {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #24170C;
	height: 920px;
	border:#FFFFFF solid 2px;
}

#mainContentPortNew {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	height: 670px;
	border:#24170C solid 2px;
}


#allthetext {
	width: 520px;
	float: left;
	margin-left: 10px;
	margin-top: 15px;
}
#allthetext h1 {
	padding-left: 5px;
}

#allthetext p {
	padding-left: 5px;
}

#allthetext2 {
	width: 585px;
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}
#allthetext2 h1 {
	padding-left: 5px;
}

#allthetext2 p {
	padding-left: 5px;
}

#allthetextPortNew {
	width: 960px;
	float: left;
	margin-left: 5px;
	margin-top: 15px;
}

.mainimg {
    	border: #00431B solid 4px;
		height:150px;
		width:576px;
		margin-top: 10px;
		
}

.mainimg2 {
	border: #00431B solid 4px;
	height:244px;
	width:500px;
	margin-top: 10px;
}

.mainimg3 {
    	border: #00431B solid 4px;
		height:377px;
		width:576px;
		margin-top: 10px;
		
}

.mainimg4 {
    	border: #00431B solid 4px;
		height:395px;
		width:576px;
		margin-top: 10px;
		
}


#sidebar {
	width: 315px;
	height:1550px;
	float: right;
	font-family: "Myriad", "Myriad Pro", "Helvetica", Arial, sans-serif;
	font-size: 9pt;
	margin-top: 20px;
}


#sidebarimage {
	width: 300px;
	height:auto;
	float: right;
	font-family: "Myriad", "Myriad Pro", "Helvetica", Arial, sans-serif;
	font-size: 9pt;
	margin-top: 92px;
	padding-left: 15px;
}


#sidebar p{
	
	padding-left: 3px;
}

#lefthours {
	width: 100px;
	float:left;
	text-align:left;
	padding-left: 3px;
	font-size:10pt;
}

#righthours {
	width: 150px;
	float:right;
	text-align: left;
	font-size:10pt;
}

#arrivalsimg {
	border: #00431B solid 4px;
	height: 220px;
	width: 295px;
}

#footer {
	padding-top:0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	padding-left: 7px;
	background-color:#24170C;
	height: 85px;
	font-size: 4pt;
	color: #24170C;
} 

#footerPortNew {
	padding-top:0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	padding-left: 7px;
	background-color:#24170C;
	height: 85px;
	font-size: 4pt;
	color: #24170C;
}
#footer p {
	font-size: 4pt;
	color: #24170C;
}

#gallery {
	width:640px;
	height:550px;
	margin:0 auto;
	position:relative;
}
ul#thumbnails {
	padding:0 0 0 10px;
	margin:0;
	list-style:none;
}
ul#thumbnails  li {
	float:left;
	position:relative;
	top:550px;
}
ul#thumbnails li a {
	height:50px;
	width:50px;
	padding:3px;
	display:block;
	text-decoration:none;
	background:#fff;
}
ul#thumbnails li a img {width:50px; height:50px; border:0;}
ul#thumbnails li a:hover {
	background:#A33122;
}
ul#thumbnails li.close a:hover {
	background:#fff;
}

#gallery #fullsize {
	position:absolute;
	left:0;
	top:0;
	height:550px;
	width:640px;
	overflow:hidden;
}
#gallery #fullsize div {width:640px; height:840px; padding-top:25px;}
#gallery #fullsize div img {display:block; margin:0 auto; border:0;}

#gallerylg {
	width:640px;
	height:550px;
	margin:0 auto;
	position:relative;
}
ul#thumbnailslg {
	padding:0 0 0 10px;
	margin:0;
	list-style:none;
}
ul#thumbnailslg  li {
	float:left;
	position:relative;
	top:550px;
}
ul#thumbnailslg li a {
	height:50px;
	width:50px;
	padding:3px;
	display:block;
	text-decoration:none;
	background:#fff;
}
ul#thumbnailslg li a img {width:50px; height:50px; border:0;}
ul#thumbnailslg li a:hover {
	background:#A33122;
}
ul#thumbnailslg li.close a:hover {
	background:#fff;
}

#gallerylg #fullsizelg {
	position:absolute;
	left:0;
	top:0;
	height:550px;
	width:640px;
	overflow:hidden;
}
#gallerylg #fullsizelg div {width:640px; height:840px; padding-top:25px;}
#gallerylg #fullsizelg div img {display:block; margin:0 auto; border:0;}

#sidebarport {
	float:left;
	
}

#menuPort {
	background: #FFF;
	list-style: none;
	padding: 0;
	width: 12em;
	border: 2px #FFFFFF solid;
	margin-top: 7px;
}
#menuPort li {
	font: 13px "Myriad Pro", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menuPort a {
	background: #FFFFFF;
	color: #A33122;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:bold;
}
#menuPort a:hover {
	background: #A33122 /*url("images/hover.gif") left center no-repeat*/;
	color: #fff;
	padding-bottom: 8px;
}

#menuPort .current{
	background: #A33122 /*url("images/hover.gif") left center no-repeat*/;
	color: #fff;
	padding-bottom: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#sidebarPort {
	float: left; /* since this element is floated, a width must be given */
	width: 171px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 24px 15px 15px 0px;
}