body, div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td 
{  margin: 0;
   padding: 0;
}

body
{	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background-image:url(../images/layout/main-background.gif);
	--background-image:url(../images/graphics/sand_background.gif);
}

#leftCol
{ float: left;
  width: 160px;
  height: 800px;
  min-height: 850px;
  --padding-top: 10px;
}
#rightCol
{ float: right;
  width: 160px;
  padding-left: 5px;
  --padding-top: 10px;
  height: 800px;
  --height: auto;
  --background-image:url(../images/right_border_blue.jpg);
  --background-image:url(../images/graphics/parchment.gif);
  background-repeat: repeat;
  background-position:top left;  
}
--#topMenu
{ height: 80px;
  width: 980px;
  background-image:url(../images/layout/top-header-area.gif);
  background-repeat:repeat-x;
}
#topContent
{ --float: right;
  height: 56px;
  background-image:url(../images/layout/rounded_brown_top.gif);
  background-repeat:no-repeat;
  background-position:top;
}
#bottomContent
{ --float: right;
  height: 56px;
  background-image:url(../images/layout/rounded_brown_bottom.gif);
  background-repeat:no-repeat;
  background-position:bottom;
}
#contentBackground
{ background-image:url(../images/layout/rounded_brown_body.gif);
}
#contentBody
{  margin-left: 20px;
   margin-right: 20px; 
   min-height: 800px;
}
#header
{ width: 980px;
  height: 300px;
  background-image:url(../images/graphics/sand_background.gif);
}

#header .links {
	float: left;
	width: 505px;
	margin-left: 10px;
}

#header .links ul {
	margin: 0px;
	padding: 0px;
}

#header .links li {
	list-style-type: none;
	text-align: center;
	display: block;
	float: left;
/*	height: 43px;
	padding-top: 29px; */
}

#header .links li A{
	display: block;
	float: left;
	padding: 0px 8px;
	color: #C8C8C8;
	height: 44px;
	padding-top: 29px;
/*	width: 40px; */
}

#header .links li A:hover {
	text-decoration: none;
}

#header .links li A:hover {
	background-image: url(../sample-sites/WorldTravelersUnited_files/images/linksHover.gif);
	background-repeat: repeat-x;
	background-positin: top left;
}

#header .links li A img {
	margin-bottom: 3px;
	border: 0px;
}

#header .rightImage {
	width: 90px;
	height: 25px;
	--position: relative 700px 0px;
	float: right;
	margin-right: 10px;
	margin-top: 50px;
}

#leftHeader
{ 	float: left;
	width: 250px;
	margin-left: 0px;
	padding: 0px 0px;
}
#logo {
	height: 167px;
	background-repeat: no-repeat;
	background-image:url(../images/graphics/clarke-house-voluteers-logo-small.gif);
}
#missionheader
{	padding-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
#banner {
	width: 730px;
	height: 200px;
	float: right;
	background-image:url(../images/graphics/header.jpg);
}
#menuBar {
	float: left;
	position: relative;
	width: 980px;
	--margin-bottom: 5px;
	padding-bottom: 5px; 
	padding-top: 3px;
	left: 0px;
	bottom: 0px;
	height: 23px;
	background-image:url(../images/graphics/parchment.gif);
	background-repeat: repeat;
}

#footer
{ clear: both;
  width: 980px;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 10px;
  margin-top: 5px;
  background-image:url(../images/dotted-border.jpg);
  background-repeat:no-repeat;
  background-position:top;
}
#content
{ float: left; 
  width: 650px;
}
#menu
{
	width: 840px;
	margin-left: 70px;
}
#ad_160_160
{  width: 160px;
   height: 160px;
   margin-left: -8px;
   margin-bottom: 10px;
}
#ad_16_600
{  width: 160px;
   height: 600px;
   margin-left: -8px;
   margin-top: 5px;
}
#google_ads_left
{ width: 160px;
  margin-left: 2px;
}
#google_ads_336_280
{
	width: 336px;
	height: 228px;
	--margin: 5px;
	margin-left: 10px;
	margin-bottom: 35px;
	position:relative;
	float: right;
	top: -20px;
}
#facebook
{
	clear: both;
	float: right;
	width: 250px;
	position: relative;
	right: auto;
}
#sharethis
{  position: relative;
   width: 100px;
   --top: 435px;;
   --left: 795px;
   top: -45px;
   left: 475px;
--   float: right;
}
#headerText
{  position: relative;
   top: -45px;
   left: 5px;
}
#wrapper
{ width: 980px;
  margin-left: auto ;
  margin-right: auto ;
  --background-image:url(../images/layout/main-background.gif);
  background-image:url(../images/graphics/sand_background.gif)
  background-repeat: repeat;
}

.slideshow 
{ height: 300px; 
  width: 730px; 
  margin: auto; 
  z-index: 0; 
}

.slideshow .transition
{ opacity:0;
  filter:alpha(opacity=0);
}

div.boardmember a.more, div.boardmember a.less
	{	font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-decoration: none;
	}
	.arrow-up-down {
		position: relative;
		background-image: url("../images/icons/arrow-up-down.gif");
		background-repeat: no-repeat;
		padding: 0px 0px 0px 15px;
		margin-left: 5px;
	}
	.arrow-up {
		background-position: right 0px;
	}
	.arrow-down {
		background-position: right -15px;
	}
	.ui-corner-all {
		-moz-border-radius: 8px 8px 0 0;
		-webkit-border-radius: 8px 8px 0 0;
	}
	.js-required {
		display: none;
	};


/* font definitiona */

#headerText h1
{ font-size: 24px;
} 

#headerText h2
{ 	margin-left: 30px;
}

#contentBody h2
{	font-size: 18px;	
}

.bodyText
{	font-size: 1.3em;
	line-height: 1.4em;	
} 

.bodyText p
{	padding: 8px;
}

#missionheader .bodyText 
{	font-size: 12px;
	font-style: italic;
}

#missionheader .title {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}

