body {
  margin: 0;
  padding: 0; 
  background-color: #E9BB59;
}
html, body {
  margin: 0;
  padding: 0;
}
html {
	overflow-y: scroll;
}
#wrapper {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #C88631;
  border-width: 1px;
}
#top {
  width: 900px;
  height: 200px;
  background-image: url(images/syzygy_header.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #C88631;
  margin-bottom: 18px;
  padding: 0px;
}
#center {
  background-color: #000;
  margin: 0;
}

#centerpages {
  width: 100%;
}
#left {
   float: left;
   width: 200px;
   background-color: #C88631;
}
#right {
  float: right;
  width: 700px;
  padding: 0; 
  background-color: #000;
}
#pagecolL {
  width: 700px;
  background-color: #fff;
}
#linkscolL {
  width: 700px;
  background: #000 url(images/FLOOR26.jpg) no-repeat top left;
}
#contactcolL {
  width: 700px;
  background: #000 url(images/About_links.jpg) no-repeat top left;
}

#newscolL {
  width: 700px;
  background-color: #000;
}

.installhead {
  font: 13px arial;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 10px 0 20px 10px;
}
.colheaderW {
  font: 13px arial;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  padding: 10px 0 20px 10px;
}
.colheader {
  font: 13px arial;
  font-weight: bold;
  text-transform: uppercase;
  color: #053D05;
  text-align: left;
  padding: 10px 0 20px 10px;
}
.textabout {
  font-family: Verdana;
  font-size: 12px;
  color: #000;
  line-height: 1.6em;
  padding: 10px;
}

.textaboutW {
  font-family: Verdana;
  font-size: 12px;
  font-weight: ;
  color: #fff;
  line-height: 1.6em;
  padding: 10px;
}

.newstext {
  font-family: Verdana;
  font-size: 14px;
  color: #fff;
  line-height: 1.5em;
  padding: 10px 10px;
}

.indent {
   padding: 20px 20px;
}
.linkstext {
  font-family: Verdana;
  font-size: 12px;
  color: #000;
  line-height: 1.5em;
  padding: 10px 20px;
}
.linkstextW {
  font-family: Verdana;
  font-size: 12px;
  color: #fff;
  line-height: 1.5em;
  padding: 10px 20px;
}
.quote {
  font-family: arial;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  color: #F9EF76;
  line-height: 1.3em;
  padding: 10px;
}
.quotetext {
  font-family: arial;
  font-size: 13px;
  font-style: italic;
  color: #275C15;
  line-height: 1.4em;
  padding: 10px;
}

p.dotted-cat {
border-bottom-style: dotted;
width: 150px;
margin: 10px 20px;
color: #EDAD7A;
}

p.dotted {
border-bottom-style: dotted;
width: 300px;
margin: 10px 10px;
color: #EDAD7A;
}

.tiletext {
  font-family: Verdana;
  font-size: 12px;
  color: #000;
  font-weight: bold;
  line-height: 1.6em;
  padding: 12px 9px 9px 8px;
}

#distributortitle {
  font-family: Verdana;
  font-size: 14px;
  font-weight: bold;
  text-transform:uppercase;
  color: #EDAD7A;
  padding: 9px 9px 9px 8px;
}
#locations{
  font-family: arial;
  font-size: 12px;
  color: #D1CCA3;
  line-height: 1.6em;
  margin-left: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}


.map{
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 25px;
}
#cattitle {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  text-transform:uppercase;
  color: #000;
  padding: 10px 9px 5px 8px;
}
#cattitle2 {
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
  color: #000;
  padding: 10px 9px 5px 8px;
}
.cattitleblack {
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  text-transform:uppercase;
  color: #000;
  padding: 12px 19px 19px 18px;
}
#catpagehead {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  text-transform:uppercase;
  color: #fff;
  padding: 12px 19px 19px 18px;
}

#cattext {
  font-family: Verdana;
  font-size: 12px;
  font-weight: ;
  color: #fff;
  line-height: 1.6em;
  padding: 10px 10px;
}

hr {
border: none;
background-color: #000;
color: #666;
height: 2px;
width: 95%;
}


#clear {
  clear: both;
}
#footer {
  background: #DB9C15;
  width: 900px;
  height: 20px;
  padding: 10px 0;
  text-align: center;
  font-family: arial;
  font-size: 11px;
  color: #000;
} 

.floatimgright {
float: left;
margin: 5px 10px 5px 0;
color: #995609;
font-family: arial;
font-size: 12px;
}
#textsmall {
  font-family: Verdana;
  font-size: 12px;
  color: #fff;
  text-align: justify;
  line-height: 1.2em;
  padding: 5px 20px;
}
.backtotop {
  font-family: Verdana;
  font-size: 11px;
  padding: 5px 10px;
}
.floatimgL {
float:left;
margin: 10px;
}
.floatimgR {
float:right;
margin: 10px 5px;
}
.floatimgleft {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
font-family: Verdana;
font-size: 11px;
color: #999;
text-align: center;
}

A.type1:link    {color:#000; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1:visited {color:#000; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1:active  {color:#000; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1:hover   {color:#fff; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}

A.type1v:link    {color:#C88631; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1v:visited {color:#C88631; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1v:active  {color:#C88631; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}
A.type1v:hover   {color:#000; font-size: 12px; font-weight:bold; text-decoration:none; font-family: arial;}

A.type2:link    {color:#F9EF76; font-size: 11px; text-decoration:none; font-family: verdana;}
A.type2:visited {color:#F9EF76; font-size: 11px; text-decoration:none; font-family: verdana;}
A.type2:active  {color:#F9EF76; font-size: 11px; text-decoration:none; font-family: verdana;}
A.type2:hover   {color:#fff; font-size: 11px; text-decoration:none; font-family: verdana;}

A.type2b:link    {color:#F9EF76; font-size: 12px; font-weight:bold; text-decoration:none; font-family: verdana;}
A.type2b:visited {color:#F9EF76; font-size: 12px; font-weight:bold; text-decoration:none; font-family: verdana;}
A.type2b:active  {color:#F9EF76; font-size: 12px; font-weight:bold; text-decoration:none; font-family: verdana;}
A.type2b:hover   {color:#fff; font-size: 12px; font-weight:bold; text-decoration:none; font-family: verdana;}

A.type2v:link    {color:#fff; font-size: 16px; text-decoration:none; font-family: verdana;}
A.type2v:visited {color:#fff; font-size: 16px; text-decoration:none; font-family: verdana;}
A.type2v:active  {color:#fff; font-size: 16px; text-decoration:none; font-family: verdana;}
A.type2v:hover   {color:#fff; font-size: 16px; text-decoration:none; font-family: verdana;}

A.type3:link    {color:#EE720D; font-size: 12px; text-decoration:none; font-family: verdana;}
A.type3:visited {color:#EE720D; font-size: 12px; text-decoration:none; font-family: verdana;}
A.type3:active  {color:#EE720D; font-size: 12px; text-decoration:none; font-family: verdana;}
A.type3:hover   {color:#fff; font-size: 12px; text-decoration:none; font-family: verdana;}

A.type4:link    {color:#C5530E; font-size: 11px; text-decoration:none; font-family: verdana;}
A.type4:visited {color:#C5530E; font-size: 11px; text-decoration:none; font-family: verdana;}
A.type4:active  {color:#C5530E; font-size: 11px; text-decoration:none; font-family: verdana;}
A.type4:hover   {color:#F9EF76; font-size: 11px; text-decoration:none; font-family: verdana;}

A.type3S:link    {color:#fff; font-size: 12px; text-decoration:none; font-family: verdana;}
A.type3S:visited {color:#fff; font-size: 12px; text-decoration:none; font-family: verdana;}
A.type3S:active  {color:#fff; font-size: 12px; text-decoration:none; font-family: verdana;}
A.type3S:hover   {color:#EE720D; font-size: 12px; text-decoration:none; font-family: verdana;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*this is the TOP HORIZONTAL menu AT THE TOP OF THE SITE PAGES*/

.indentmenu{
font: bold 13px Arial;
width: 900px;
padding: 178px 0 0 0px;
overflow: hidden;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #000;
border-width: 1px 0;
background: #F0D08A url() center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #000;
padding: 9px 41px;  /*width of nav sections */
text-decoration: none;
border-left: 1px solid #564c66; 
}

.indentmenu ul li a:visited{
color: #000;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 9px; /*shift text down 1px for selected and active item*/
padding-bottom: 9px; /*shift text down 1px for selected and active item*/
background: #D2920B url() center center repeat-x;
}

.indentmenu li:first-child a {
		border-left: 0px solid #000;
	}



/* for photogallery page*/
.photogallery{ /*CSS for TABLE containing a photo album*/
padding: 10px;
}

.photogallery img{ /*CSS for images within an album*/
border: 1px #000;
}

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 0px Arial;
}

.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
border:0px solid gray;
text-decoration: none;
background-color:#000;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: #;
}

/*Left Nav secondary navigation */

.markermenu{
width: 200px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.markermenu ul{
list-style-type: none;
margin: 0;
padding: 0;
border: 0px solid #000;
}

.markermenu ul li a{
background: #F0D08A url() center center repeat-x;
font: bold 12px  Arial;
color: #000;
display: block;
width: auto;
padding: 8px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 1px solid #000;
}

* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (10px) */
width: 190px;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: #fff;
background: #D2920B url() center center repeat-x;
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }

/*default CSS for SAG scroller*/

.sagscroller{
width: 200px;  /*default width of scroller*/
height: 350px;
overflow:hidden;
position:relative;
border: 5px solid black;
border-radius: 0; /*css3 round corners*/
-moz-border-radius: 0; /*css3 round corners*/
-webkit-border-radius: 0; /*css3 round corners*/
}

.announcements {
font-family: arial;
font-size: 12px;
line-height: 1.4em;
color: #E9CCA7;	
padding: 15px;	
}

.sagscroller a{
font-weight:bold;
}

.sagscroller ul{
position:absolute;
margin:0;
padding:0;
color: #fff;
background:#000;
list-style:none;
width: 100%;
}

.sagscroller ul li{
display:block;
}

.sagscroller ul li .rsscontent{ /*div containing body of each RSS entry*/
font-size:90%;
}

.sagscroller ul li .rsslabel{ /*div containing label of each RSS entry*/
margin-top:5px;
background: #eee;
font-size:12px;
clear: both;
}