@charset "utf-8";

/* Journey 117 CSS Document */

/* general formatting */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/site_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
	font-family: "Myriad", "Myriad Pro", Arial, sans;
	font-size: 12px;
	color: #ffffff;
}


a {
	color: #3498db;
	text-decoration: none; 
}



a:hover {
	color: #3498db;
	text-decoration: underline;
}

.whitecell{
  background-color: #FFFFFF;
  color: black;
}

.graycell{
  background-color: #DFDFDF;
  color: black;
}

h1 {
	font-size: 30px;
	color: #ffffff;
	margin: 0;
	padding: 0;
}



h2 {
	font-size: 13px;
	color: #3498db;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

h2.mixedcaps {
	font-size: 13px;
	color: #3498db;
	margin: 0;
	padding: 0;
	text-transform: none;
}

h2.white {
	font-size: 13px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}



h3 {
	font-family: "Myriad", "Myriad Pro", Arial, sans;
	font-size: 14px;
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-weight: normal;
}



h4 {
	font-family: "Myriad", "Myriad Pro", Arial, sans;
	font-size: 14px;
	color: #db9634;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.h4right {
	font-family: "Myriad", "Myriad Pro", Arial, sans;
	font-size: 14px;
	color: #db9634;
	text-align: right;
	right: 0px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}


.input {
	float:left;
	height: 16px;
	color: #252525;
	background-color: #ffffff;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ffffff;
	font-size: 11px;
}



.divider {
	float: left; 
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #e4e4e4;
}



.entryImg {
	float:left;
	margin:2px;
	border: 1px solid #252525;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
}



.contentImg {
	margin: 15px;
	padding: 3px;
	border: 1px solid #c0c0c0;
}



.imgThumb {
	margin-left: 3px;
	margin-bottom: 3px;
	border: 1px solid #b1b1b1;
}



#siteContainer {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}



/* header elements */

#header {
	float:left;
	width:1000px;
}


#logo {
	float:left;
	width:225px;
	height:100px;
	margin-top:20px;
	margin-left:66px;
}



/* Nav Elements */

	#topNav {
		float:right;
		width:660px;
		height:38px;
		margin-right: 30px;
	}

	

	

	.topNavLcap {
		float: right;
		width:4px;
		height:38px;
		background-image: url(../images/top_nav_rcap.gif);
	}

	

	.topNavRcap {
		float: right;
		width:4px;
		height:38px;
		background-image: url(../images/top_nav_lcap.gif);
	}

	

	.navEntryLeft {
		float: right;
		padding-top: 10px;
		height: 28px;
		background-color: #525252;
		text-align:center;
	}

	

	.navEntryLeft a{
		color: #b1b1b1;
		text-decoration: none;
	}

	

	.navEntryLeft a:hover{
		color: #3498db;
		text-decoration: underline;
	}

	

	.navEntryRight {
		float: right;
		padding-top: 8px;
		height: 30px;
		background-color: #525252;
		text-align:center;
	}

	

	#bottomNav {
		float:right;
		height:36px;
		margin-right:30px;
		margin-top: 40px;
	}

	

	#bottomNav a {
		color: #ffffff;
		text-decoration: none;
		font-size: 16px;
	}

	

	.bottomNavStart {
		float:right;
		width: 103px;
		height: 28px;
		margin-right: 1px;
		padding-top:8px;
		text-align:center;
		background-image: url(../images/btm_nav_start.gif);	
		background-color: #525252;	
		background-position:left;
		background-repeat:no-repeat;
	}

	

	.bottomNavStartOver {
		float:right;
		width: 103px;
		height: 28px;
		margin-right: 1px;
		padding-top:8px;
		text-align:center;
		background-image: url(../images/btm_nav_startOver.gif);	
		background-color: #3498db;	
		background-position:left;
		background-repeat:no-repeat;
	}

	

	.bottomNavMiddle {
		float: right;
		height: 28px;
		padding-top:8px;
		margin-right: 1px;
		background-color: #525252;
		text-align:center;
	}

	

	.bottomNavMiddleOver {
		float: right;
		height: 28px;
		padding-top:8px;
		margin-right: 1px;
		background-color: #3498db;
		text-align:center;
	}

	

	.bottomNavEnd {
		float:right;
		width: 103px;
		height: 28px;
		margin-right: 1px;
		padding-top:8px;
		text-align:center;		
		background-image: url(../images/btm_nav_end.gif);
		background-color: #525252;	
		background-position:right;
		background-repeat:no-repeat;
	}

	

	.bottomNavEndOver {
		float:right;
		width: 103px;
		height: 28px;
		margin-right: 1px;
		padding-top:8px;
		text-align:center;
		background-image: url(../images/btm_nav_endOver.gif);	
		background-color: #3498db;	
		background-position:right;
		background-repeat:no-repeat;
	}

	

#leftSide {
	float:left;
	width:255px;
}

	

#rightSide {
	float:right;
	width:700px;
	margin-right:15px;
}

	



/* Left and Bottom Bar Elements */
	.sideBar {
		float:left;
		width:256px;
		margin-top: 15px;
		padding-bottom: 10px;
		background-color:#525252;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px; 
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	

	.sideBarHeader {
		float:left;
		width:185px;
		height:15px;
		margin-top: 12px;
		margin-bottom: 12px;
		margin-left:10px;
		text-transform: uppercase;
	}

	

	.sideBarMore {
		float:left;
		width:50px;
		height:15px;
		margin-top: 12px;
		text-align: right;
	}

	

	.sideBarEntryHome {
		float:left;
		width:220px;
		margin-left: 8px;
		margin-bottom: 10px;
		padding: 10px;
		background-color:#6a6a6a;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px; 
		-webkit-border-radius: 3px;
		border-radius: 3px;
		text-align: center;
	}

	

	.sideBarEntry {
		float:left;
		width:220px;
		margin-left: 8px;
		margin-bottom: 10px;
		padding: 10px;
		background-color:#191919;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px; 
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	

	.sideBarEntryOver {
		float:left;
		width:220px;
		margin-left: 8px;
		margin-bottom: 10px;
		padding: 10px;
		background-color:#3498db;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px; 
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	

	.sideBarEntryOver a {
		color: #ffffff;
		text-decoration: none;
	}

	

	.sideBarEntryOver a:hover{
		text-decoration: underline;
	}	

	

	.sideBarEntryContent1 {
		float:left;
		margin-left:15px;
		width:370px;
		padding-top:10px;
	}

	

	.sideBarEntryContent2 {
		float:left;
		margin-left:40px;
		margin-top:20px;
	}

	
	.sideBarEntryContent3 {
		float:left;
		margin-left:5px;
		width:370px;
		background-color: #191919;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3px; 
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	

	

#homeMainHeader {

	float:left;

	width:670px;

	height:430px;

	margin-top:14px;

	margin-left:15px;

}



#pageContent {

	float:left;

	width:670px;

	min-height:570px;

	margin-top:15px;

	margin-left:15px;

	background-color:#c0c0c0;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px; 

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



#pageContentBreadCrumbs {

	float:left;

	width:640px;

	height:20px;

	padding-top: 5px;

	padding-left: 15px;

	margin-top:7px;

	margin-left:7px;

	background-color:#ebebeb;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px; 

	-webkit-border-radius: 3px;

	border-radius: 3px;

	color: #7f7f7f;

	font-weight: bold;

}



#pageContentEntry {

	float:left;

	width:606px;

	min-height:535px;

	padding: 25px;

	margin-top:7px;

	margin-left:7px;

	margin-bottom: 7px;

	background-color:#ffffff;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px; 

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



#pageContentEntry p {

	font-family: Arial, Helvetica, sans-serif;

	color: #383838;

}

#pageContentEntry ul {

	font-family: Arial, Helvetica, sans-serif;

	color: #383838;

}

#pageContentSubNavLeft {

	float:left;

	width:50%;

	margin-top:10px;

	text-align:left;

	font-weight: bold;

}



#pageContentSubNavRight {

	float:right;

	width:50%;

	margin-top:10px;

	text-align:right;

	font-weight: bold;

}


#portalContentEntry {
	float:left;
	width:640px;
	min-height:100px;
	padding: 8px;
	margin-top:7px;
	margin-left:7px;
	margin-bottom: 7px;
	
}



#mainHeader {

	float:left;

	width:670px;

	height:380px;

	margin-top:15px;

	margin-left:15px;

}

#tripsHeader {

	float:left;

	width:670px;

	height:140px;

	margin-top:15px;

	margin-left:15px;

}

#contactHeader {
	float:left;
	width:656px;
	height:260px;
	margin-top:7px;
	margin-left:7px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
}





#subHeader {

	float:left;

	width:670px;

	height:148px;

	margin-top:115px;

	background-image: url(../images/sub_header_bg.png);

	background-repeat: repeat-x;

}



#subHeaderLeft {

	float:left;

	width:184px;

	height:118px;

	padding:15px;

	background-color:#3498db;

	text-align:left;

}



.subHeaderEntry {

	float:left;

	width:140px;

	height:120px;

	margin-left:10px;

	margin-top:15px;

	border-right:1px solid #535353;

}



	

/* Bottom Left SubNav Buttons */



#leftBtmSubnav {

	float: left;

	width: 256px;

	margin-left: 30px;

	margin-top: 15px;

}



.sideBarEntryBottom {
	float:left;
	min-height:100px;
	margin-left: 8px;
	background-color:#6a6a6a;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: "Arial", Arial, sans;
	font-size: 12px;
	line-height:16px;
}

.sideBarEntryBottomDark {
	float:left;
	min-height:10px;
	margin-left: 8px;
	background-color:#191919;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-family: "Arial", Arial, sans;
	font-size: 12px;
	line-height:16px;
}





.entryMore {

	height:10px;

	padding:8px;

	background-color:#3a3b3b;

	background-image:url(../images/sidebar_more_bg.gif);

	background-repeat: repeat-x;

}



.entryMore a {

	color: #ffffff;

	text-decoration: none;

}



.entryMore a:hover {

	text-decoration: underline;	

}



.followEntry {

	float:left;

	width:116px;

	padding-top: 2px;

	padding-bottom: 2px;

	margin-left: 8px;

	margin-bottom: 5px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px; 

	-webkit-border-radius: 3px;

	border-radius: 3px;

	text-align:center;

}



#footer {
	float:right;
	width:670px;
	margin-right:30px;
	margin-top:25px;
	margin-bottom: 25px;
	font-family: "Arial", Arial, sans;
	font-size: 10px;
	margin-left: 15px;
	color:#999999;

}



#footerRight {
	float:right;
	width:350px;
	text-align:right;
}



#footerLeft {

	float:left;

	width:320px;

	text-align:left;

}



#footer a {

	color: #999999;

	text-decoration: none;

}



#footer a:hover {
	color:#CCCCCC;
}




th.alt{
  color:#15778f;  /*teal*/
	font-family:Arial;
	font-size:25px;
	font-weight:normal;
	letter-spacing:-1px;
	text-align:left;
	text-transform:lowercase;
	margin-left: 10px;
	margin-right: 0px;
	margin-top:12px;
	margin-bottom: 0px;
	padding: 0px;
	
	height:40px;
}
th.alt-center {
  color:#15778f;  /*teal*/
	font-family:Arial;
	font-size:25px;
	font-weight:normal;
	letter-spacing:-1px;
	text-align:center;
	text-transform:lowercase;
	
	margin-left: 10px;
	margin-right: 0px;
	margin-top:12px;
	margin-bottom: 0px;
	padding: 0px;
	
	height:40px;
}
th.alt-right {
  color:#15778f;  /*teal*/
	font-family:Arial;
	font-size:25px;
	font-weight:normal;
	letter-spacing:-1px;
	text-align:right;
	text-transform:lowercase;
	
	margin-left: 10px;
  	margin-right: 0px;
	margin-top:12px;
	margin-bottom: 0px;
	padding: 0px;
	
	height:40px;
}

a.black:link, a.black:visited, a.black:active, a.black:hover {
  	color: #000000;
	text-decoration:underline !important;
}
a.black-noline:link, a.black-noline:visited, a.black-noline:active, a.black-noline:hover {
  	color: #000000;
	text-decoration:none !important;
}

a.gray:link, a.gray:visited, a.gray:active {
  	color: #ffffff;
	text-decoration:underline !important;
}
a.gray-noline:link, a.gray-noline:visited, a.gray-noline:active, a.gray-noline:hover {
  	color: #ffffff;
	text-decoration:none !important;
}
a.gray:hover, a.gray-noline:hover {
	color: #3498db;/*blue*/   /*#15778f; /*teal*/
}

a.blue:link, a.blue:visited, a.blue:active, a.blue:hover {
  	color: #3498db;
	text-decoration:underline !important;
}
a.blue-noline:link, a.blue-noline:visited, a.blue-noline:active, a.blue-noline:hover {
  	color: #3498db;
	text-decoration:none !important;
}

a.submitted:link, a.submitted:visited, a.submitted:active, a.submitted:hover {
  	color: #15778f;
	text-decoration:underline !important;
}
a.new:link, a.new:visited, a.new:active, a.new:hover {
  color: #808080;
	text-decoration:underline !important;
}
a.alt:link, a.alt:visited, a.alt:active {
  	color: #FFFFFF;  /* #f07e25; orange */
	text-decoration:none !important;
}

a.alt:hover {
  color: #15778f; /*teal*/
  text-decoration:none !important;
}


/*Blog Feed Tool*/

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:#CCCCCC;
font-size: 80%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
	color: #3498db;
	text-decoration: none;
}

#example3 hover{ /*CSS specific to demo 3*/
	color: #3498db;
	text-decoration: underline;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 850px;
height: 25px;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}