html{
	height: 100%;
}

body {
	margin: 0px;
	background: #b2b7c1;
	text-align: center;
	height: 100%;
	}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	font-weight: 400;
	color: #000000;
	text-align: left;
	padding: 10px 6px 0px 0px;
	vertical-align: top;
}


#container {
	position: relative;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/tablebkg1.gif);
	background-repeat: repeat-y;
	}
	
#homecontainer {
	position: relative;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/tablebkg1.gif);
	background-repeat: repeat-y;
	margin-top: 0;
	}

#container-footer {
	position: relative;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/footerbkg2.gif);
	background-repeat: repeat-y;
	clear: both;
}

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #a1a0a0;
	background-image: url(images/footerbkg.gif);
	width: 650px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
	left: 50px;
	z-index: 1000;
	padding-top: 8px;
	padding-right: 10px;
	margin-bottom: 14px;
	padding-left: 10px;
	vertical-align: top;
	}
	
.footerright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #a1a0a0;
	text-align: right;
	padding-top: 8px;
	padding-right: 58px;
	padding-bottom: 11px;
 }
 
.footerleft {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #a1a0a0;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 11px;
	padding-left: 58px;
 }
	
a {
	color: #313232;
	text-decoration: none;
}
#maincopy {
	float: left;
	clear: left;
	color: #424242;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 135%;
	padding-left: 62px;
	padding-right: 32px;
	margin-top: -82px;
	padding-bottom: 0px;
	width: 421px;
	position: relative;
	background-image: url(images/tinyx.png);
	background-position: right top;
	background-repeat: repeat-y;
	padding-top: 9px;
		
}

#maincopycomm {
	float: left;
	clear: left;
	color: #424242;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 135%;
	padding-left: 62px;
	padding-right: 32px;
	z-index: 2;
	margin-top: -40px;
	padding-bottom: 0px;
	width: 421px;
	position: relative;
	background-image: url(images/tinyx.png);
	background-position: right top;
	background-repeat: repeat-y;
	padding-top: 9px;
		
}





#homepagecopy {
	float: left;
	clear: left;
	color: #424242;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.35em;
	padding-left: 62px;
	padding-right: 32px;
	z-index: 2;
	padding-bottom: 0px;
	width: 421px;
	position: relative;
	background-image: url(images/tinyx.png);
	background-position: right top;
	background-repeat: repeat-y;
	padding-top: 0px;
	top: auto;
	margin-top: 5px;
	
	
}



#leftbkg {
	background-image: url(images/tablebkg-l.jpg);
	height: 100%;
	position: absolute;
	width: 50px;
	left: 0px;
	top: 0px;
	background-repeat: repeat-y;
	z-index: 1000;
}
#rightbkg {
	background-image: url(images/tablebkg-r.gif);
	height: 100%;
	position: absolute;
	width: 50px;
	left: 720px;
	top: 0px;
	background-repeat: repeat-y;
	z-index: 1000;
}
#masterhead {
    float: left;
	padding-left: 50px;
	width: 670px;
	z-index: 30;
}
#rightcolumnhead {
	float: right;
	width: 209px;
	position: relative;
	right: 50px;
	z-index: 500;
}

#rightcolumnheadhome {
	float: right;
	width: 209px;
	position: relative;
	right: 50px;
	z-index: 500;
}

#rightcolumncopy {
    float: right;
	clear: right;
	position: relative;
	right: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	background-color: #f9dd85;
	background-image: url(images/tiny-biege.png);
	background-repeat: repeat-y;
	text-align: left;
	padding: 12px 12px 12px 16px;
	width: 181px;
	z-index: 500;
}


#righthomecopy {
    float: right;
	clear: right;
	position: relative;
    right: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	background-color: #f9dd85;
	background-image: url(images/tiny-biege.png);
	background-repeat: repeat-y;
	text-align: center;
	padding: 12px 12px 12px 16px;
	width: 181px;
	z-index: 500;
}



#header {
	background-image: url(images/tablebkg1.gif);
	text-align: center;
}


#tablemain {
	background-image:url(images/tablebkg1.gif);
	background-repeat: repeat-y;
	margin-left: 50px;
	margin-top: 133px;
	width: 670px;
	margin-left: auto;
	margin-right: auto;
}


#subhead {
	float:left;
	height: 157px;
	width: 670px;
	z-index: 1000;
	padding-left: 50px;
}
#nest {
	background-image: url(images/tablebkg.jpg);
	background-repeat: repeat-y;
	float: left;
	height: 100%;
	width: 770px;
}

.clearboth  {clear:both;}

.bottompage {
    float: left;
	height: 66px;
	width: 670px;
	text-align: left;
	background-image: url(images/bottompage2.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#flashintro {
	float: left;
    padding-left: 50px;
	width: 670px;
	z-index: 30;
	position: relative;
	clear: left;
	margin-bottom: 0px;
    }
	
.nameheader {

font-size: 18px;
font-family:Georgia, "Times New Roman", Times, serif;
padding-top: 21px; }

.namefooter {

font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#999999; }
 
.photosonly {text-align: left;
padding-left: 70px;
}

.bottompagewhite {
    height: 66px;
	width: 620px;
	text-align: center;
	padding-left: 50px;
	background-color:#FFFFFF;
}

.phototext {
    width: 620px;
	text-align: left;
	background-color:#FFFFFF;
	color: #424242;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

.fimage {display: none}

.fimagehome {display: none}

#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 12px Helvetica, sans-serif; border-width:1px 2px 2px 1px; background:#fff; position:relative; z-index:200;}
#nav {
	height:30px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#555; margin:0 55px 0 0px; height:25px; line-height:30px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#777;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{
	text-decoration:underline;
	color:#777;
	text-align: left;
	font-weight: bold;
}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888;}

