/*@charset "utf-8";*/
/* html {	height: 100.02%; min-height: 100%; margin-bottom: 1px;} height: 100.02%; to fix firefox and Opera vertical scrollbar issue AND for Firefox and other Gecko browsers, Opera, and Safari: html { min-height: 100%; margin-bottom: 1px;--I needed both for Opera*/
body,html,p,img,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span { margin: 0px; padding: 0px; } 
table { border-collapse:collapse; } /*border-spacing: 0; not supported */
fieldset,img {  border:0; } 
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } 
ol, ul { list-style:none; } 
ul, li {margin: 0; padding: 0; border: 0;}
caption,th { text-align:left; } 
/*q:before,q:after { content:''; } unsupported */
abbr,acronym { border:0; } 
/*add back*/
h1,h2,h3,h4,h5,h6{ font-weight: normal; } /*make bold as reset */
strong { font-weight: bold; } 
/* em {  font-style:italic; }  bringing italics back to the em element*/
h1 { font-size: 30px;}
h2 { font-size: 24px;}
h3 { font-size: 18px; padding-top: 10px;}
h4 { font-size: 16px;}
h5 { font-size: 10px;}
h6 { font-size: 9px;}
p, blockquote { font-size: 15px; line-height: 1.5; padding-top: 10px; }
blockquote { padding: 25px; }
.right { text-align: right; }
.emphasis { font-size: 18px; font-style:italic; }
ol, ul { font-size: 15px; line-height: 1.5; }
a img, img { border: none; }
a { text-decoration: none; }
/**********************************************************************************************/
body {
	font-family: Arial, Helvetica, sans-serif; /*Verdana, Arial, Helvetica, sans-serif;*/
	text-align: center;
	color: #000000;
	background-color: #e7e5e6;
	} 
	
#container {
	text-align: left;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 775px;
	height: 667px;
	word-wrap: break-word; /*fixed expanding box problem ie6 */
	} 


/******************************/
#sidebar {
	width: 494px;
	float: left;
	clear: none;
	height: 512px;
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	    overflow-x: hidden;
	margin: 10px;
	margin-right: 0px;
	padding-right: 16px;
	/*775-265=510px*/
} 

#sidebar {scrollbar-face-color: #cccccc;
scrollbar-shadow-color: #e7e5e6;
scrollbar-highlight-color: #e7e5e6;
scrollbar-3dlight-color: #e7e5e6;
scrollbar-darkshadow-color: #e7e5e6;
scrollbar-track-color: #e7e5e6;
scrollbar-arrow-color: #e7e5e6;}

#sidebar a:link { color: #666666;}
#sidebar a:visited { color: #999999; }  
#sidebar a:hover { color: #333333; } 
/******************************/
#panes {
	width: 255px;
	float: left;
	clear: right;
	height: 532px;
}
#indexpanes {
	width: 775px;
	float: left;
	clear: right;
	height: 532px;
}

#gallery #container #gallery { 
width: 765px;
	float: left;
	clear: right;
	height: 512px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px; 
	outline: none;}

#gallery p { color: #ffffff; font-size: 20px; text-align: center;  padding-top: 484px; background-image: url(flash/gallery/gallerynoflash.jpg); background-repeat: no-repeat; width: 775px; height: 519px; }
#gallery p a { color: #cccccc; }


/******************************/

#header {
	width: 775px;
	height: 85px;
	float: left;
} /* height: 85px; width: 100%; */

#header h1 { font-size: 10px; letter-spacing: -2px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;  } 
   
/*a:active { outline: none; text-decoration: none; } */  
#nav { height: 20px; } /*removing width: 870px; fixed float drop bug  */
#nav li { list-style-type: none; }
#nav li {
	float: left;
	clear: right;
	width: auto;
	height: 20px;
	font-size: 11px;
	text-align: center;
	font-family: "Arial Unicode MS", Arial, Helvetica, sans-serif; /*Verdana, Arial, Helvetica, sans-serif; */
}/*font-size: 18px; width: 190px; #container #nav p*/
#nav li a { width: auto; height: 20px; font-weight: bold; text-decoration: none;  display: block; padding-top: 2px; padding-left:40px;} 

#nav li a:active { outline: none; } 

a { outline: none; }
a:link { color: #999999;  } 
a:visited { color: #A6A6A6; }  
a:hover { color: #666666; } 
#container #footer .legal{ color: #999999; }
#container #footer .legal a { color: #999999; }
#footer { float: left;
	width: 775px;
	height: 30px;
} 

#footer h5 { margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 20px 0; /* 10px 0;padding on this element will create space, just as the the margin would have, without the margin collapse issue */ }

/**********************************************************************************************************/

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right;	margin-left: 10px; /*8px*/ }
.fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 10px; /*8px*/ }
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */	clear:both; height:0; font-size: 1px; line-height: 0px; }
.floatleft { float: left;}
.floatright { float: right;}
.clearboth { clear: both;}
.clearright { clear: right;}
.clearleft { clear: left;}
.center { text-align: center;}
.outline { outline: none; }

ul.bulleted {  padding: 5px 20px; list-style: square; line-height: 1.2;}
ul.bulleted li { padding: 10px; }
ol.notbulleted {  padding: 2px 20px; line-height: 1.2;}
ol.notbulleted li { padding: 5px; }

img.floatRight { float: right; clear: left; }