body, html {
	font: .95em Arial,sans-serif;
	color: #333333;
	background-color: White;
	padding: 0px 0px 0px 0px;
	margin: 2px 5px 0px 5px;
}
#nav, #nav ul {
	/* all lists */
	padding: 0;
	margin: 10px 0px 0px 0px;/*alignes the entire menu*/
	list-style: none;
	float: left;
	width: 140px; /*not sure why this is needed*/
	z-index: auto;
}
	
#nav li {
	/* all list items */
	position: relative;
	float: left;
	/*line-height: 14px; */
	margin: 0px 0px -1px 0px; /*-1 makes the menue border the same size*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	 font-weight: bold; 
/*this width should be as big as the menues containing div
this allows hover outside of the boxes uther wise menue
colapses before mousing over - 
if set too big hover colapses when you go below the next main link*/
	width: 160px; 
}
	
#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 159px;/* sec level pos */
		margin-top : -27px; /* aligns 2 nd level to top of menue*/
	}
		
.navhi a, .navhi a:visited {
	width: 140px;
	display: block;
	color: #4C1A04;
	font-weight: bold;
	text-decoration: none;
	background-color: #CCCCCC;
	border: 1px solid #603000;
	padding: 1px 1px 1px 2px;
	margin-bottom: 3px;
	height: 20px;
	vertical-align: middle;
}
.navlow a, .navlow a:visited {
	width: 180px;
	display: block;
	vertical-align: middle;
	color: #4C1A04;
	font-weight: bold;
	text-decoration: none;
	background-color: #CCCCCC;
	border: 1px solid #603000;
	padding: 1px;
	margin-bottom: 0px;
	height: 20px}
.navhi a:hover {
	color: maroon;
	background-color: #F0F8FF;
}
.navlow a:hover {
	color: maroon;
	background-color: #F0F8FF;
}	
 	#nav li:hover ul, 
	#nav li li:hover ul, 
	#nav li li li:hover ul, 
	#nav li.sfhover ul, 
	#nav li li.sfhover ul, 
	#nav li li li.sfhover ul {  /* lists nested under hovered list items */ 
	left: auto;
	}



img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#header {
	background-image: url(../b-img/header.jpg);	
	height: 110px;
	/*border-bottom: 2px solid Silver;*/
	clear: both;
	background-repeat: no-repeat;
	margin-top: 0px;
}

#maincontent #subnav, #leftcontent #subnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#maincontent #subnav .subnav a:hover {
	color: Navy;
	background-color: #F0F8FF;
	left: auto;
}
#maincontent #subnav .subnav a {
	width: 70px;
	display: block;
	color: Black;
	text-decoration: none;
	background-color: white;
	border: 1px solid Silver;
	padding: 1px 1px 1px 2px;
	text-align: center;
}
#maincontent #subnav li{
	float: left;
	font-size: 12px;
	width: 70;
}

/*#righttop{
	width: 150px;
	margin-top: 10px;
	width: 150px;
	position: absolute;
	top:195px;
	right:5px;

}
#rightcontent {
	position: absolute;
	top: 239px;
	right: 5px;
	width: 138px;
	background: #F0F8FF; 
	border-left: 2px dotted Silver;
	padding: 0px 5px 0px 5px; 
	clear: right;
	border-top: 1px solid Silver;
	word-break: normal;
	word-wrap: break-word;
}*/
#leftcontent{
	background-image: url(../b-img/sbk.jpg);
	position: absolute;
	top: 112px;
	width: 5px;
	height: 200px;
	background-position: left;
	background-repeat: repeat-y;
	left: 5px;
	border-right: 1px solid Black;
	border-left: 1px solid Black;
	/*border-top: 1px solid Black;*/
}
#menutop{
		position: absolute;
			left: 5px;
			top: 127px;
			border-bottom: 2px solid Black;
}
#menucontent	{
	background-image: url(../b-img/menubk.gif); /*background: #C8C8CF;*/
	left: 12px;
	top: 112px;
	width: 146px;
	padding: 4px 2px 4px 2px;
	z-index: 1;
	position: absolute;

	background-repeat: repeat-y;
	background-position: left;
}
#menucontent1	{
	width: 262px;
	height: 245px;
	vertical-align: top;
	background-color: #C2C2C2;
}
/*men 2 is for gal - real pages*/
#menucontent2	{
	background-image: url(../b-img/menubk.gif); /*background: #C8C8CF;*/
/*left: 12px;*/
	width: 146px;
	padding: 4px 2px 4px 2px;
	z-index: 1;
	border-top: 2px solid Black;
	vertical-align: top;
	background-repeat: repeat-y;
}

#maincontent1 {
	text-align: left;
	vertical-align: top;
padding: 1px 65px 5px 300px;
	word-break: normal;
	word-wrap: break-word;
	/*margin-left: 160px; top: 229px;*/
	clear: left;
	height: 50px;
	background-image: url(../images/bkg.gif);
	font-size: .8em;
}
#maincontent {
	margin-bottom: 0px;
	text-align: left;
	vertical-align: top;
	padding: 15px 20px 5px 10px;
	word-break: normal;
	word-wrap: break-word;
	margin-left: 160px; /*top: 229px;*/
	clear: left;
		color: #333333;
}

.show {
	margin-right: 5px;
}
p {
	margin-top: 0px;
	margin-bottom: 4px;
/*	padding: 5px;*/
}
#leftcontent img {
	margin-right: 10px;
	border: 0px;
}
tr a,
tr a:visited,
#bottomcontent a,
#bottomcontent a:visited,
#leftcontent a,
#leftcontent a:visited,
#rightcontent a,
#rightcontent a:visited,
#homenav a,
#homenav a:visited {
	color: Blue;
}
tr a:hover,
#leftcontent a:hover,
#homenav a:hover,
#rightcontent a:hover,
#bottomcontent  a:hover{
	color: Maroon;
}
#quote{
	/*width: 100px;*/
	word-break: normal;
	word-wrap: break-word;
	overflow: auto;
	font: .8em Arial,sans-serif; /*clear: both;*/
	padding-left: 5px;
	padding-right: 5px;
	color: white;
	font-weight: bold;
}

/*.quote{
	word-break: normal;
	word-wrap: break-word;
	overflow: auto; 
	font: .8em Arial,sans-serif; 
}	*/
#bottomcontent {
	background: #fff; /*text-align : center;*/
	font: .9em Arial,sans-serif;
	padding-top: .1em;
	padding-bottom: .1em;
	clear: both;
	border-top: 1px solid Silver;
	/*margin-top: 46px;*/
	margin-top: -3px;
}
.read{
	display: none;
}
/*#galcontent {
	margin-bottom: 0px;
	text-align: left;
	vertical-align: top;
	padding-right: 5px;
	word-break: normal;
	word-wrap: break-word;
	overflow: auto;
	width: 78%;
	z-index: auto;
	position: absolute;
}*/
textarea,input {
	background-color: #F0F8FF;
	font: .95em Arial,sans-serif;
	border : 1px solid maroon;
	margin:0;
}
.form{
	vertical-align: top;
	left: auto;
	text-align: left;
	top: auto;
	margin:0;
}

.gtopbot{
	background-color: #B5C2C8;
	height: 10px;
	color: #393939;

}
.gdesc{
	background-color: #c0c0c0;
	color: #333333;
	width: 85%;
}
.gbbr{
	background-color: #C3AAA8;
	width: 150px;
}
.gimg{
	background-color: #D3D3D3;
	text-align: center;
	width: 100px;
	vertical-align: middle;
}
#cdiv{
	width: 97%; /*margin-left:30%;*/
	overflow-y: scroll;
	visibility: visible;
	height: 300px;
	SCROLLBAR-FACE-COLOR: #efefef;
	SCROLLBAR-HIGHLIGHT-COLOR: #efefef;
	SCROLLBAR-SHADOW-COLOR: #999999;
	SCROLLBAR-3DLIGHT-COLOR: #999999;
	SCROLLBAR-ARROW-COLOR: #0000ff;
	SCROLLBAR-TRACK-COLOR: #cccccc;
	SCROLLBAR-DARKSHADOW-COLOR: #cccccc;
	padding: 5px;
	overflow: auto;
	overflow-y: scroll; /*left: 30%;*/
	top: 160; 
	border: 2px solid #E1F1FF;
	}

#cdiv A:link {
	COLOR: #0000ff;
	TEXT-DECORATION: underline;
}
#cdiv A:visited {
COLOR: #0000ff; 
TEXT-DECORATION: underline;

}
#cdiv A:hover {
	COLOR: #8B0000;
	TEXT-DECORATION: underline overline;
}

#flash{
	margin-right: 20px;	
}
h1 {
  	font:  1.8em;
   font-weight: bold;
}
h2 {
   font: 1.6em;
	font-weight: bold;
}
h3 {
     font: 1.4em;
     font-weight: bold;
}

h4{
	font: 1.2em;
	font-weight: bold;
}
h5{
	font: 1em;
   font-weight: bold;	
}
hr{
	height: 1px;
	color: Blue;
}
.red{	color: Red;}
.navy{ color: navy;}
.blue{ color: blue;}
.maroon{ color: maroon;}
.teal{ color: Teal;}
.gray{ color: #2F4F4F;}
.bold{ font-weight: bold;}
.larger{ font-size: larger;}