body { 
margin: 0px 0 10px 0; 
padding:0; 
font: 78% Geneva, Verdana, Arial, sans-serif;
color:#505153;  
background: #ffffff;
}


p {
margin:0 50px 0 0;
padding: 0;
color: #505153;
background: none;
text-align: left;
}


a {
color: #996633;
background: inherit;
text-decoration:underline;
}



a:hover {
background: inherit;
text-decoration:none;
}

a:visited {
text-decoration: underline;
}



h1{
margin-right: 8px;
color:#996633;
font-size:110%;
font-weight:bold;
}


h1 a { background: inherit; color: #996633; }
h1 a:hover { text-decoration: none;  }


h2{
color:#996633;
font-weight:bold;
font-size:110%;
}

h2 a { color: #696969; text-decoration: none; }



h3{
color:#996633;
font-size:155%;
font-weight:bold;
}


h4{
color:#996633;
font-size:125%;
font-weight:bold;
line-height: 1.25em;
text-align:left;
margin-right: 14px;
}

.readmore{
text-align: left;
}


h5{
color:#996633;
font-size:120%;
font-weight:bold;
line-height: 1.25em;
text-align:left;
margin-right: 14px;
}



.img {
border: none; 
background:none;
}




.imgLeft {
padding: 0px 15px 5px 0;
/*margin-left: 100px;*/
float: left;
}




.imgRight {
padding: 0px 5px 10px 15px;
/*margin-left: 100px;*/
float: right;
}



.right {
text-align:right;
margin-right: 45px;
}



/*-------Container-------*/



#container {
width: 940px;
margin: 0 auto;
padding: 0;
padding-bottom: 40px;
background: #fff5de url(../images/footer-bg.gif) bottom no-repeat;
border-left: 2px solid #505153;
border-right: 2px solid #505153;
}



/*-------content-------*/

#general {
width: 940px;
margin: 0 auto;
padding:0;
background:url(../images/sail-bg.gif) top left no-repeat ;

}




/*-------Header-------*/



#header {
width: 940px;
margin: 0 auto;
padding:0;
}




/*-------Side Navigation-------*/

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 165px;
border-bottom-width: 0;
}

.glossymenu ul {
list-style-type: none;
}


.glossymenu li a{
color:#505153;
display: block;
width: auto;
padding: 5px 0;
padding-left: 5px;
text-decoration: none;
list-style-type: none;
}

.glossymenu ul a{
color:#505153;
display: block;
padding: 5px 0;
padding-left: 5px;
text-decoration: none;
list-style-type: none;
}




* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 120px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color:#505153;
}

.glossymenu li a:hover{
background: url(../images/menu-bg.gif) bottom left no-repeat;
}


.glossymenu li .current{
background: url(../images/menu-bg.gif) bottom left no-repeat;
}



/*-------columns-------*/


#content {
width: 940px;
}


#content .left_side {
float: left; 
width: 175px;
padding:0 0 0 10px;
margin:0; }


#content .right_side {
float: right;
padding:0;
margin:0;
width: 720px;
}






.clearboth { clear: both; }






/*-------Footer-------*/

#footer {
width: 940px;
height: 50px;
background: url(../images/animals.gif) top right no-repeat;
}

#footer p {
margin: 0 0 0 0px;
padding: 0px 0 0 15px;
padding-top: 30px;
text-align: left;
font-size: 76%;
}

#footerimage {
width: 940px;
margin:0 auto;
padding: 0px;
height: 50px;
background: url(../images/footer-bg.gif) bottom no-repeat;
}

#footerBH p {
margin: 0px;
padding: 0px;
text-align: right;
font-size: 76%;
}


/*-------FORM-------*/



.cssform p{
width: 650px;
clear: left;
margin: auto 0;
padding: 10px;
padding-left: 170px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}



/*

/* hide from ie on mac 
	html {
		height: 100%;
		overflow: hidden;
	}	
	#flashcontent {
		height: 100%;
	}
	/* end hide */




/*weld settings table*/

table.travel {
	border-width: thin;
	border-spacing: 0px;
	border-style: solid;
	border-color: #3f3f3f;
	border-collapse: collapse;
}
table.travel th {
	border-width: thin;
	padding: 5px;
	font-weight:normal;
	border-style: solid;
	border-color: #3f3f3f;
	background-color: #FFFFCC;
}
table.travel td {
	border-width: thin;
	padding: 5px;
	border-style: solid;
	border-color: #3f3f3f;
}








blockquote.withquote {
background: url(../images/quote.gif) no-repeat;
background-position:top left;
padding-left:20px;
text-align:justify;
} 

p.withunquote {
background: url(../images/unquote.gif) no-repeat;
background-position:bottom right;
padding-right:5px;
}