body
{
text-align: center;
margin: 0 0 0 0;
background-color: #3a5a43;
}

.style1 {
	color: #FFFFFF;
	font-family: "sans serif", tahoma, arial;
	font-size: 0.8em;
}

/** To center the objects **/
.center {
	text-align:center;
}

/* ---------------------
template layout
--------------------- */

/** wrapper to make the page center **/
#container {
	width:700px;
	max-width:700px;
	min-width:700px;
	margin: 0px auto;
	padding:0;
	text-align: left;
}

/**
NOT USED NOW; hold background, it should be float:left
that's way we can not put it in #container
**/
#containerbg {
	position:relative;
	width: 700px;
	background:transparent url(../images/bg_inside.jpg) repeat-y left top;
	float:left;
	top:0;
	left:0;
}

/* XXXXXXXXXX    SITE TOP LOGO IMAGE XXXXXXXXXXXX  */
#headerimg {
	position:relative;
	margin: 12px 0 0 0;
	width:100%;
	height:29px;
	float:left;
	background:transparent /*#3a5a43*/ url(../images.design/header.png) no-repeat left top;
}

/* XXXXXXXX     SITE MAIN (TOP) MENU      xxxxxxxxxxxxxxx  */

#topnavcontainer/* #topmenu MENU CONTAINER */ 
 {
	float: left;
	margin: 5px 0 0 0;
	width: 681px;
	min-height: 30px;
	background-color:#3a5a43;
}

/** div container for top menu. position:top **/
#topmenu {
	position:relative;
	float:left;
	clear:left;
	width: 80%;
}

#topmenu a {
padding: 0px 0px 0 0;  /* spacing between links */
	font-family: tahoma, arial, "times new Roman";
	font-size: .70em;
	color: #FFFFFF;
}

#topmenu a:link, #topmenu a:visited
{
	color: #FFFFFF;
	background-color: #36513C;
	text-decoration: underline;
}

#topmenu a:hover
{
	text-decoration: none;
	background-color: #42644B;
	text-decoration: none;
}

/* XXXX  TOP & GALLERY MENUS  XXXXXX */

#navlist
{
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: block;
}

/* XXXXXX  END HORIZONTAL MENU CODE  XXXXXXXX */


/* XXXXXXXX   LEFT (MAIN) page CONTENT     XXXXXXXXXXXXXXX */

/** div container for left column **/
#partleft {
	position:relative;
	float:left;
	clear:left;
	margin:0;
	width: 370px;
	overflow: hidden;
}

#partleft a:link, #partleft a:visited
{
	color: #FFF;
	text-decoration: underline;
	background-color: #263C2C;
}

#partleft a:hover {
	background-color: #152518;
}


#partleft h1 { 
margin: 0px 30px 8px 0px; 
font-family: tahoma, arial, "times new Roman"; font-size: 14px; font-weight: bold; color: #FFFFFF;
}

#partleft h2 {
	margin: 25px 30px 8px 2px;
	font-family: tahoma, arial, "times new Roman"; font-size: 13px; font-weight: bold; color: #FFFFFF; text-transform: uppercase;
}

#partleft h3 { 
margin: 20px 30px 3px 3px; 
font-family: tahoma, arial, "times new Roman"; font-size: 12px; font-weight: bold; color: #FFFFFF;
}
#partleft p { margin: 2px 29px 30px 3px;
font-family: tahoma, arial, "times new Roman"; font-size: 12px; font-weight: normal; color: #FFFFFF;
 }

#floatrightimage /* xxxx IMAGES CONTAINED IN #partleft TEXT AREAS */
{ 
float: right; 
margin: 23px 40px 9px 30px;
font-family: tahoma, arial, "times new Roman";
font-size: 9px;
color: #EDEFEE;
}

/* XXXXXXXX   RIGHT page CONTENT     XXXXXXXXXXXXXXX */

/** div container for right column **/
#partright {
    position: relative;
	float:right;
	/** clear:right; **/
	width:260px;
	margin:0 0 0 1px;
	/*display:inline;*/
	overflow:auto;
	font-family: tahoma, arial, "times new Roman";
	color: #D6D8D7;
	font-size: 10px;
}

#partright h1 { margin: 30px 20px 25px 0px; }

#partright h2 { margin: 30px 20px 25px 0px; }

#partright h3 { margin: 30px 20px 25px 0px; }

#partright p { margin: 0px 20px 25px 0px; }

/* xxxxxxxxxxx     RIGHT COLUMN TEXT INDENTED MORE    xxxxxxxxxxx  */
#textright{
	position:relative;
	top:0px;
	left:5px;
	width: 90%;
}

/*--------------------------------------------*/
/* XXXXXX  START #partright (VERTICAL) MENU CODE  XXXXXXXX */

#rightnavcontainer/* MENU (VERTICAL MENUS) CONTAINER */ 
 {
	width:99%;
	margin: 0 0 0 0;
	padding:0;
}

#vertnavlist
{
width: 215px;
font-family: tahoma, arial, "times new Roman";
margin: 0 0 0 5px;
padding: 0;
}

#vertnavlist li
{
display: inline; /* to display the list verticaly */
}

#vertnavlist a
{
width: 99%;
display: block; /* extend the sensible area to the max of width */
padding: 7px;
border-bottom: 3px #3a5a43 solid;
font-size: 12px;
color: #FFF;
background-color: #42644B;
text-align: left;
text-decoration: none;
}

#vertnavlist a:hover { background-color: #BE0027; }
#vertnavlist a:visited { color: #fff; }

/* XXXXXXXXXX  END VERTICAL MENU    XXXXXXXXXXX */


/* XXXXXXXX    PHOTO GALLERY SETTINGS     XXXXXXXXXXXXXXXXXXXXXXXXXXXXX  */

#gallery /* PHOTO GALLERY CONTAINER SETTINGS */
{
float: left;
width: 680px;
font-family: tahoma, arial, "times new Roman";
color: #D6D8D7;
font-size: 12px;
margin: 0px 0 0 5px;
}

#gallery table /* PHOTO GALLERY TABLE SETTINGS */
{
	width: 670px;
	margin: 0 0 18px 0;
}

#gallery th /* GALLERY TABLE HEADS <th> */
{
	font-family: "sans serif", tahoma, arial;
	font-size: 20px;
	color: #A8A9A9;
	background-color: transparent;
}

#gallery h1 { 
margin: 0px 30px 8px 0px; 
font-family: tahoma, arial, "times new Roman"; font-size: 14px; font-weight: bold; color: #FFFFFF;
}

#gallery h2 {
	margin: 25px 30px 8px 2px;
	font-family: tahoma, arial, "times new Roman"; font-size: 13px; font-weight: bold; color: #FF0000; text-transform: uppercase;
}

#gallery h3 { 
margin: 20px 30px 16px 3px; 
font-family: tahoma, arial, "times new Roman"; font-size: 12px; font-weight: bold; color: #FFFFFF;
}
#gallery p { margin: 2px 29px 30px 3px;
font-family: tahoma, arial, "times new Roman"; font-size: 12px; font-weight: normal; color: #FFFFFF;
 }

#floatrightimage /* xxxx IMAGES CONTAINED IN #partleft TEXT AREAS */
{ 
float: right; 
margin: 23px 40px 9px 30px;
font-family: tahoma, arial, "times new Roman";
font-size: 9px;
color: #EDEFEE;
}


#footer
{
float: left;
width: 681px;
clear: both;
margin: 0 0 100px 0;
padding: 4px 0 10px 3px;
background-color: #3a5a43;
border-top: 1px dotted gray;
font-family: tahoma, arial, "times new Roman";
font-size: 10px;
color: #A8A9A9;
}