/* CSS Document */

* {
	padding:0px;
	margin:0px;
	border:0;
	border:none;
}

img {
	border:none;
	padding:0px;
	margin:0px;
	border:0;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#ffffff;
	color: #8c706b;
/*	letter-spacing:1.05; */
	line-height:1.45;
	font-size:12px;
}
p {
	margin-bottom:15px;
	text-indent:15px;
}
p.noindent {
	margin-left: 25px;
	margin-top:15px;
	margin-bottom:15px;
	text-indent:0px;
}
p.nomarginleft {
	margin-top:15px;
	margin-bottom:18px;
	text-indent:0px;
}
p.nostyle {
	margin-left: 0px;
	margin-top:0px;
	margin-bottom:0px;
	text-indent:0px;
}
/* Newsletter and other form on newsletter page */
#newsletterRequest {
	width:500px;
}
#newsletterRequest input {
	border:solid 1px #BDA69C;
}
#newsletterRequest fieldset {
	border:solid 1px #BDA69C;
	padding:0px;
}
#newsletterRequest legend {
	font-weight:bold;
}
#newsletterRequest td.col1 {
	text-align:right;
	padding-right:15px;
}
#newsletterRequest td.col3 {
	text-align:right;
}
#newsletterRequest radio {
	border:none;
}
#wrapper {
	width:950px;
	margin:auto;
	margin-top:50px;
	background-color:#ffffff;
	padding-bottom:3px;
}
/* This division exists only for the border */
#borderwrapper {
	border:thin #8c706b solid;
	width:950px;
	height:590px;
	background-color:#ffffff;
	position:relative;
}
#borderwrapper1 {
	
	width:950px;
	height:450px;
	background-color:#ffffff;
	position:relative;
}
#header {
	height:85px;
	background-color:#ffffff;
	position:relative;
}
#header img {
	float:left;
}
#content {
	background-color:#ffffff;
}
#content a:link, #content a:visited, #content a:active {
	color:#8c706b;
	text-decoration:underline;
}
#content a:hover {
	color:#bca59e;
	text-decoration:none;
}
/* ALL BELOW ARE RELATED SOLELY TO THE ABOUT US PAGE */
#rightcontent {
	float:right;
	width:315px;
	text-align:right;
	background-color:#ffffff;
	margin-right:20px;
	display:inline;
}
#rightcontent img {
}
#leftcontent {
	float:left;
	padding:0px 10px 0px 0px;
	width:550px;
	margin-left:53px;
	display:inline;
	background-color:#ffffff;
}
#leftcontentsurvey {
	float:left;
	padding:0px 10px 0px 0px;
	width:550px;
	margin-left:5px;
	display:inline;
	background-color:#ffffff;
}
/* ALL BELOW ARE RELATED SOLELY TO THE INDEX PAGE */
/* This controls the padding on the front page pictures */
.front page img {
	margin:5px;
}
/* ALL BELOW ARE RELATED SOLELY TO THE GALLERY PAGE */
#gallerymenu {
	position:absolute;
	top:525px;
	left:250px;
	z-index:100;
	background-color:#8c706b;
	height:25px;
}
#gallerymenu1 {
	position:absolute;
	top:440px;
	left:250px;
	z-index:100;
	background-color:#8c706b;
	height:25px;
}
#gallerymenu1 ul li {
	display:inline;
	line-height:25px;
	padding-left:15px;
	padding-right:15px;
}
#gallerymenu1 ul li a:link, #gallerymenu1 ul li a:visited, #gallerymenu1 ul li a:active {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#gallerymenu1 ul li a:hover {
	text-decoration:underline;
}
#pdf1 {
	position:absolute;
	top:445px;
	left:215px;
	z-index:150;
}
#gallerymenu {
	background-color:#8c706b;
}
#gallerymenu ul li {
	display:inline;
	line-height:25px;
	padding-left:15px;
	padding-right:15px;
}
#gallerymenu ul li a:link, #gallerymenu ul li a:visited, #gallerymenu ul li a:active {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#gallerymenu ul li a:hover {
	text-decoration:underline;
}
#pdf {
	position:absolute;
	top:445px;
	left:215px;
	z-index:150;
}
#mainpicture, mainpicture2, flashcontent {
	background-color:#ffffff;
	width:700px;
	height:469px;
	float:right;
	clear:right;
}
#mainpicture2{
	background-color:#ffffff;
	width:700px;
	height:469px;
	float:right;
	clear:right;
	position:absolute;
	top:00px;
	left: 250px;
}
#flashcontent {
	z-index: -1000;
}
/*
#mainpicture img {height:469px; }*/
#mainpicture p {
	text-align:center;
	text-indent:0px;
}
/*
#mainpicture img, #clickpictures img {
	display:block;
	 background-color:#ffffff;}
*/
	
#clickpictures {
	text-align:center;
	width:248px;
	background-color:#ffffff;
	float:left;
	clear:left;
	margin:0px;
	padding:0px;
	height:467px;
}
/* Check on page coding for the positioning of these pictures */
#clickpictures img {
/* changed from 107px */
	height:95px;
	width:95px;
}
/* Centers images within the div */
#clickpictures p {
	text-align:left;
	margin-bottom:0px;
}
/* END OF THE GALLERY PAGE */
/*#footercolor {
	background-color:#ADB7B8;
	height:28px;
	width:929px;
	text-align:center;
	clear:both;*/
}
#copyright {
	padding-top:2px;
	margin:auto;
	color:#8c706b;
	text-align:center;
	font-size:10px;
}
#copyright a:link, #copyright a:visited, #copyright a:active {
	color:#8c706b;
}
#copyright a:hover {
	text-decoration:none;
}
/*This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements. Borrowed from CSS Play
=================================================================== */

.menu {
	text-align:center;
	/* chnged from 702px*/
	width:702px;
	font-size:0.85em;
	position:absolute;
	/* chnged from 260px*/
	left:260px;
	/* Indicates the background of this: can't get it perfect in FF
background-color:#33CCCC; left must be 243 in FF to reach edge
10 pixel difference */
top:0px;
	z-index:1000;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu ul ul {
	width:100px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	/* Re-sizes the width of the link */ 
	width:115px;
	position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#bca59e;
	/* Re-sizes the width of the link */ 
	width:115px;
	height:30px;
	background-color:#8c706b;
	line-height:30px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:115px;
	w\idth:115px;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#8c706b;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
	background-color:#8c706b;
	width:64px;
	/*url(../../graphics/drop.gif) bottom right no-repeat*/;
}
.menu ul ul :hover > a.drop {
	background-color:#8c706b /*url(../../graphics/drop.gif) bottom right no-repeat*/;
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background-color:#8c706b;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background-color:#8c706b;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	/*	THIS IS WHERE I CHANGED TO SHORTEN HEIGHT */
top:30px;
	left:0;
	width:97px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:30px;
	t\op:30px;
}
/* position the third level flyout menu */
.menu ul ul ul {
	left:100px;
	top:0;
	width:100px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-100px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
}
/* style the second level links  TO CHANGE WIDTH OF THE LINKS*/
.menu ul ul a, .menu ul ul a:visited {
	background-color:#8c706b;
	color:#bca59e;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:95px/* yet another hack for IE5.5 */
}
* html .menu ul ul a {
	width:95px;
	w\idth:95px;
}
/* style the TOP LEVEL  hover */
.menu a:hover, .menu ul ul a:hover {
	color:#3f302b;
	background-color:#bca59e;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#3f302b;
	background-color:#bca59e;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}
/* style the TOP LEVEL  hover */
#menuHover {
	z-index: 1000;
	color:#3f302b;
	background-color:#bca59e;
}
#menuHoversub {
	z-index: 1000;
	color:#3f302b;
	background-color:#bca59e;
}
#menuHoversubport {
	z-index: 1000;
	color:#3f302b;
	background-color:#bca59e;
}
/*
#menuHover ul li:hover ul,
#menuHover   ul a:hover ul{
visibility:visible; 
}
#menuHover  :hover > a, #menuHover  ul ul :hover > a {
color:#3f302b;
background-color:#bca59e;
}*/


/*#footerbar {
	margin-top: 10px;
	text-align:center;
	width:100%;
	font-size:11px;
	position:absolute;
	background-color:#8c706b;
	bottom:0px;
	z-index:100;
	left: 0px;
	color:#bca59e;
}*/
#footerbar a, #footerbar a:link, #footerbar a:active, #footerbar a:visited {
	font-size:11px;
	text-decoration:none;
	color:#bca59e;
}
#footerbar a:hover {
	font-size:11px;
	text-decoration:none;
	color:#bca59e;
}
#footerbar form {
	position:absolute;
	left: -20px;
	margin-top:1px;
}
/* ----------------------------------------------------------------- */
/* ----------------------- publ-leftcontent ------------------------ */
/* ----------------------------------------------------------------- */
#publ-leftcontent {
	z-index: 50; 
	left: 5px;  
	width: 200px; 
	position: absolute; 
	top: 95px; 
	padding-right: 1px;    
	padding-bottom: 0px;   
	padding-top: 0px; 
	background-color: #ffffff; 
	clear: both ;  
	line-height: 1.2em; 
}

/* ----------------------------------------------------------------- */
/* ------------------------ menuPub -------------------------------- */
/* ----------------------------------------------------------------- */
#menuPub {
	position: absolute;
	z-index: 140;
	height: 390px;
	width: 200px;
	overflow: auto;
	margin-top: 0px;
}

#menuPub ul {
	padding: 2px;
	margin:  4px;
	font-size: 12px;
}

#menuPub li {
	text-align: left;
	margin-left: 18px;
}

#menuPub li {
	text-align: left;
	font-size: 10px;
	line-height:  5px;
	padding: 2px;
	list-style-type: square;
}

#menuPub li a:hover {
	color: #cccc66;
}

/* ----------------------------------------------------------------- */
/* ---------------------- Download Area ---------------------------- */
/* ----------------------------------------------------------------- */
#imgDownload {
	position: absolute; 
	height: 100px;
	width: 200px;
	top: 400px;
}


/* ----------------------------------------------------------------- */
/* ---------------------- publ-rightcontent ------------------------ */
/* ----------------------------------------------------------------- */


#publ-rightcontent {
	z-index: 70;  
	left: 220px; 
	width: 700px; 
	height: 300px;
	position: absolute; 
	top: 138px;   
	margin-right: 2px; 
	overflow=visible;
}

#publ-rightcontent table { margin-left: 60px; }

/* Had to define this container from publ-rightcontent to turn off the border after
   resizing the flash container  */
   
#publ-rightflash {
	z-index: 70;  
	left: 220px; 
	width: 700px; 
	position: absolute; 
	top: 45px;   
	margin-right: 2px; 
	background-color: #ffffff; 
 	CLEAR: both;
}

/* ----------------------------------------------------------------- */
/* ------------------------------ Login ---------------------------- */
/* ----------------------------------------------------------------- */
#contentlogin {
    position: absolute;   
	top: 200px;
	left: 200px;
	width: 300px;
	text-decoration: underline;
	border:solid 2px #BDA69C;
	border-color: #8c706b;
}	
input:focus {
		background: silver;
}
h5 {
	font-weight: bold;
	font-size: 12px;
}

#boxedlogin {
	border:solid 2px #BDA69C;
	border-color: #8c706b;
	}
#clientLogin {
	float:right;
	position: fixed;
}