﻿<!--

/* 
© 2008 - Design, CSS Style by Scott System Design
© 2008 - Robert Scott (CEO)

#CDC2B3  --  Dark Grey   to royal Purple #620062  or #400040   to #330033    
#400040	 --  Light Blue  to white 
#665665  --- Dark Blue   to  royal purple 
#5F3E2F  --  Brown
div.mainbody   from white to old gold #CC9900   to  #CC9900
*/



body {
	background: #330033 url(	);
	color: #5F3E2F;
	font: 11px verdana, sans-serif;
	margin: 0px;
}


img
{  border-style: none;
}


a, a:visited, a:link { color:#000000; text-decoration:underline; }
a:hover { color: #665665; }
h2 img { margin-right:5px; border:0; }



.magnify
{
	cursor: default;
	list-style: none;
	text-align: center;
}
.magnify a
{
	cursor: default;
}

.magnify a .preview
{
	display: none;
}

.magnify a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.magnify img
{
	background: #620062;
	/*border-color: #aaa #ccc #ddd #bbb;*/
	border-color: #CC9900;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 108px;
	height: 80px;
}

.magnify li
{
	background: #620062  ;
	border-color: #CC9900;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.magnify .preview
{
	border-color: #000;
	width: 400px;
	height: 300px;
}  


.magnify2
{
	cursor: default;
	list-style: none;
	text-align: center;
}
.magnify2 a
{
	cursor: default;
}

.magnify2 a .preview
{
	display: none;

}

.magnify2 a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: -1;
}

.magnify2 img
{
	background: #CC9900;
	border-color: white;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 108px;
	height: 80px;
}

.magnify2 li
{
	background: white;
	border-color: white;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 0px;
	padding: 1px;
	position: relative;
}

.magnify2 .preview
{
	border-color: #000;
	width: 500px;
	height: 400px;
}  





div.wrap1 {
/*	width: 1050px;   */
	width: 850px;
	margin: 0 auto;   
	overflow: hidden;
	border: thin  #CC9900 solid; 
}



div.wrap1 .wrap2 {
/* ORG	width: 746px; */
	width: 100%;
	background-repeat:repeat-y;
	margin: 0 auto;  
	overflow: hidden;
	background-color: #330033;
	text-align: center   

}




div.wrap2 .logo {
// org	width:796px;
	width:880px;
	height:86px;
	padding:0px;
	margin:0 auto;
	border: thick fuchsia solid;   
	background-image: url("img/logo1.png");
/* 	background-color: #400040         */ 
	background-color: #330033
/* 	color:#400040;    */ 
	color:#330033;
	font-size:22px;
	font-weight:bold;


}


div.wrap2 .logo1 {
	width:100%;
	height:180px;
	padding:0px;
	margin:0 auto;
/*  color:#400040;   */ 
	color:#330033;
	font-size:22px;
	font-weight:bold;
	padding:0px;
/*	background: #400040   */ 
	background: #330033
	border: thick white solid;  
}


div.menu {
	left: auto;
	width:100%;
	padding:0px;
	margin:0 auto;
	font-size:12px;
	font-weight:bold;
	text-align: left;
	line-height:40px;
	background-color:#FFFFFF;
	background-image:url(img/info.gif);
	background-repeat:repeat-x;

}




div.logo .slogan {
	font-size:9px;
	font-weight:normal;
	margin-top:3px;
	width: 100%;
	border: thick lime solid; 
}

div.info, div.info1 {
	width:816px;
	line-height:40px;
	background-color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	background-image:url(img/info.gif);
	background-repeat:repeat-x;
}


div.banner {
	  margin: auto;	/* This centers the page   */

	width:100%;
	font-size:12.5px;
	line-height:40px;
	background-color:#330033;
	text-align:  left 
}


div.infoalt, div.info1 {
	width:816px;
	line-height:20px;
	background-color:#FFFFFF;
	padding-left:1px;
	padding-right:1px;
	background-image:url(img/info.gif);
	background-repeat:repeat-x;
}


div.info1 { 
	background-image:url(img/info1.gif);
	float:left; 
	border-top:1px solid #fff; 
	background-color:#e4e4e4;
	color:#999;
}

div.info1 a, div.info1 a:link, div.info1 a:visited { color:#999; }

div.info1 a:hover { color: #666; }




div.info, div.info2 {                       // white welcome sign
	width:916px;
	line-height:40px;
	background-color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	background-image:url(img/info.gif);
	background-repeat:repeat-x;
}


div.infoalt, div.info2 {
	width:916px;
	line-height:20px;
	background-color:#FFFFFF;
	padding-left:1px;
	padding-right:1px;
	background-image:url(img/info.gif);
	background-repeat:repeat-x;
}


div.info2 { 
	background-image:url(img/info1.gif);
	float:left; 
	border-top:1px solid #fff; 
	background-color:#e4e4e4;
	color:#999;
}








div.wrap2 .leftpanel, div.wrap2 .rightpanel {
	width:28%;
	float:left;
	background-color:#330033;
`
}


div.leftside, {
	width:380px;
	display: inline;
	float:left;
}




div.rightside {
	width:200px;
	display: inline;
	float:left;
}





div.wrap2 .mainpanel {
	width:70%;
	float:right;
	border:3px;
/*	margin-bottom: -1990px;		/* This takes care of spacing issues  so that I dont have to use <br>.  Makes L Side & main body same length but now main body can not exceed L Side.  */
}




div.wrap2 .mainpanelalt {
	width:656px;
	float:left;
}


div.leftpanel .header, div.rightpanel .header {
	background-image:url(img/header.png)
	background-repeat:no-repeat;
/*	width:180px; */
	width:100%;
	line-height:35px;
	color:#330033;
	overflow:hidden;
	font-weight:bold;
}



div.mainbody{
	background-color:WHITE;    /*  WHITE */
	padding: 11px;
	border:medium #330033 solid; /* FROM WHITE TO GOLD */	
/*	font-size:	medium;  */
	color:#330033;  
/* ORG	height: 940px;  	/* Added to avioid having to add <br>  at the end of every page.  */
	height: 1148px;  	/* Added to avioid having to add <br>  at the end of every page.  */
}


div.mainbody p{
	margin: 5px;
	background-color:inherit;
	line-height: 1.5em;
	font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
	color:#330033;  	
	text-align: justify;
/*	font-size: 160%;   */
	font-size:  small;  
	padding: 10px;
}



div.footer {
	width: 100%;
	background-repeat:repeat-y;
	border: 2px solid #CC9900;
	margin: 0 auto;
	overflow: hidden;
	background-color:  #330033;
}






span.divider {
	border-bottom:1px dashed #333333; 
	padding-bottom:5px; 
	margin-bottom:5px; 
	display:block;
}

div.rightpanel .inquiry, div.leftpanel .inquiry {
	padding:8px; 
	text-align:justify;
}

.inquiry a, .inquiry a:link, .inquiry a:visited, .inquiry a:hover { text-decoration:none; }



a:link.bye {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
	color: #330033;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}



a:visited.bye {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
	color: #EDE4E4;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}

a:hover.bye {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
	color: #EDE4E4;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}






a:link.sidenav {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000066;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}



a:visited.sidenav {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000066;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}

a:hover.sidenav {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}










a:link.oldgold {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC9900;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}



a:visited.oldgold{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC9900;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}

a:hover.oldgold{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC9900;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}



a:link.oldgoldp {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #330033
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}



a:visited.oldgoldp{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #330033;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}

a:hover.oldgoldp{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CC9900;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}


a:link.oldgoldbig {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #CC9900;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}



a:visited.oldgoldbig{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #CC9900;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}

a:hover.oldgoldbig{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: gold;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}






a:link.sidenavbig {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #A12323;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}


a:visited.sidenavbig {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #A12323;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}


a:hover.sidenavbig {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}


a:link.sidenava {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 6092C3;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}


a:visited.sidenava {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 6092C3 ;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}

a:hover.sidenava {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 264A6A;
	font-weight: bold;
	line-height: 130%;
	text-decoration: none;
}

-->