/* CSS Document */

/* zero out all tags */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	height:100%;		/* bugfix for center problem in firefox */
}

/* specific settings for the body tag. These are sitewide defaults */
body {
	text-align:center;  								/* this is a hack for IE5 to center the wrapper */
	min-width:780px;									/* this is a hack for mozilla */
	background-color: #282828;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100.01%;
	color:#ffffff;
	overflow: -moz-scrollbars-vertical;
	min-height: 101%;
}

/* this is the wrapper that will contain our actual site */
#container{
	width:778px;
	background-color:#282828;
	margin: auto;
	text-align:left;
	color:#FFFFFF;
}



/* misc classes */
.clearboth {
	clear: both;
}
.floatright {
	float: right;
	margin: 0 0 20px 20px;
}
.floatleft {
	float: left;
	margin: 0 20px 20px 0;
}
.floatleftmiddle {
	float: left;
	margin: 20px 20px 20px 0;
}




/* navbar settings */
#navbarcontainer {
}

#navbar {
	color:#FFFFFF;
	background-color:#282828;
	border-bottom:1px solid #ffffff;
}

#navbar ul {
	padding: 10px 0 5px 0;
	margin: 0;
	background-color:#282828;
	text-align:right;
}
#navbar ul li{
	display: inline;
	padding: 0;
	margin: 0;
}
#navbar ul li a{
	font-size: 85%;
	color: #ffffff;
	background-color: #282828;
	text-decoration: none;
	padding: 0 5px 0 5px;
	text-align: right;
	width: 9em;
} 

#navbar ul li a:hover, #nav ul li a:focus{
	color:#c0c0c0;
}


/* index main images */
#indeximages {
}
#indeximages table {
	padding: 50px 50px 0px 50px;
	text-align:center;
}
#indeximages td img.giThumbnail {
	border: 5px solid;
	border-color: #ffffff;
}

#indexfooter {
	margin-top:60px;
	text-align: center;
}

.border5 {
	border-color:#ffffff;
	border: 5px solid;
}
.border3 {
	border-color: #ffffff;
	border: 3px solid;
}

.indexnames {
	padding-top:10px;
}


/* portfolio page */
#portfolio {
	font-size:80%;
	font-style:italic;
	margin-top:40px;
}
#portfolioleft {
	float: left;
	padding: 10px;
	width:45%;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 45%;
	text-align:center;
	margin-left:10px;
}
html>body #container #portfolioleft {
	width: 45%; /* ie5win fudge ends */
}
#portfolioright {
	float: right;
	padding-right: 0px;
	width: 45%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 45%;
	text-align:center;
	margin-right:0px;
}

html>body #container #portfolioright {
	width: 45%; /* ie5win fudge ends */
}
#portfolioright img {
	margin-top:10px;
}
#portfolioright a img.giThumbnail {
	border-color: #ffffff;
	border: 3px solid #ffffff;
}
#allportfolios {
	margin-top:12px;
}
#allportfolios option, #allportfolios select {
	background-color: #282828;
	outline-style:none;
	color: #ffffff;
}
#portfoliofooter {
	padding-top:60px;
	text-align:center;
}



/* travel css */
#travelcontainer {
	width: 100%;
}
#travelgalleries {
	background-color:#333333;
	margin-top: 20px;
	padding-top:20px;
	float: right;
	width:250px;
	voice-family: "\"}\"";     /* IE FUDGE */
	voice-family:inherit;
	width: 248px;
}
body>#travelgalleries {
	width: 248px;	  			/* END IE FUDGE */
}
#travelgalleriesheader {
	text-align: center;
	font-size: 70%;
	padding-bottom: 20px;
}
.travelgalleriesgallery {
	text-align:center;
	font-size: 80%;
	padding-bottom:30px;
}
.travelgalleriesgallery a {
	text-decoration: underline;
	font-weight:bold;
	color: #ffffff;          	
}
.travelgalleriesgallery img {
	border: 1px solid #ffffff;
}

#travelnews {
	padding-top: 20px;
	margin: 0px 270px 20px 0px;
}
#travelnewsheader {
	text-align:center;
	margin-bottom:20px;
}
#travelnewsitems {
	text-align: left;
}
#travelnewsitems a {
	text-decoration: underline;
	font-weight:bold;
	color: #ffffff;
}

.travelnewsitem {
	text-align: left;
	margin-bottom: 40px;
}
.travelnewsitem table {
	border-collapse: collapse;
	width: 98%;
}

#travelnewsitems .newstitle {
	background-color: #444444;
}
#travelnewsitems .title {
	text-align: left;
	font-size:0.8em;
	font-weight: bold;
}
#travelnewsitems .date {
	text-align: right;
	font-size: 0.7em;
}
#travelnewsitems .newsbody {
	background-color: #666666;
	font-size: 0.9em;
}


/* tripreports css */
div #tripreports {
	width: 100%;
	padding-bottom:50px;
}
div #tripreports h1 {
	margin: 30px 0px 30px 0px;
	text-align:center;
}
div #tripreports p {
	margin-bottom: 20px;
	font-size: 0.8em;
	text-align:justify;
}
div #tripreports a {
	text-decoration:underline;
	font-weight:bold;
	color:#ffffff;
}
div #tripreports img {
	border: 1px solid #ffffff;
}

/* contact */

div #contact {
	width:100%;
	margin-top: 30px;
}
div #contact p {
	font-size: 0.8em;
	text-align:justify;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 10px 10px 10px 10px;
	background-color: #666666;
}
div #contact img {
	border: 1px solid #ffffff;
}
div #contact a {
	text-decoration:underline;
	font-weight:bold;
	color: #ffffff;
}
div #formcontainer {
	width: 100%;
}
div #mailform {
	padding-top: 20px;
	margin: 20px 300px 20px 0px;
	font-size:0.8em;
}
div #mailform h3 {
	margin-bottom:20px;
}
div #mailform input {
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #cccccc;
}
div #mailform table tr td input {
	border: 1px solid #000000;
}
div #mailform textarea {
	width: 400px;
	height: 200px;
	background-color: #cccccc;
}
div #display {
	background-color:#555555;
	border: 1px solid #000000;
}
div #display table {
	width: 400px;
}
.error {
	color: #FF5F00;
}
div #guestbook {
	margin-top:20px;
	float: right;
	width:290px;
	text-align:center;
}
div #contactfooter {
	clear:both;
	text-align:center;
	margin-top: 50px;
}
div #poweredby {
	display: none;
}

#admincontainer{
	text-align: left;
	width:800px;
}
#admincontainer table {
	width: 100%;
}
#admincontainer #adminnews table tr th {
	background-color: #777777;
	padding: 2px 2px 2px 5px;
}
#admincontainer #adminnews table tr td {
	background-color: #999999;
	padding: 2px 2px 2px 5px;
}
.adminid {
	width: 50px;
}
.admintitle {
}
.admindate {
	text-align: left;
}
.adminaction {
	width: 100px;
}
#adminadd {
	margin: 10px 0px 10px 0px;
	text-align: center;
}
#addcontainer {
	text-align: center;
	margin-left: 150px;
}
#newsaddbody {
	text-align: left;
}
#newsaddbody textarea {
	background-color: #cccccc;
}
#adminnewstop {
	background-color: #aaaaaa;
	text-align: center;
	margin: 10px 0px 10px 0px;
}
#newsaddtitle {
	text-align:left;
	margin-bottom: 5px;
}
#newsaddtitle input {
	background-color: #cccccc;
}

#whereintheworldcontainer {
}

#whereintheworldcontainer #map {
	width: 600px;
	height: 400px;
	color: #000000;
	margin-top: 20px;
	border: 1px solid #ffffff;
}