body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	border: solid;
	border-color: #000;
	border-width: 1px;
}


div {
  border-width:1px;
}

p {
  font-size: 12px;
}

h1 {
  font-size: 14px;
}

h2 {
  font-size: 12px;
}

h3 {
  margin: 5px;
  font-size: 10px;
}

a {
  border-width:1px;
}

ul {
  font-size:12px;
}

table {
	border-style: solid;
	border-width: 1px;
	border-left: none;
	border-right: none;
	border-color: #000;
	font-size: 12px;
}


#top { 
  position: absolute;
  font-size:12px;
  top: 0; 
  left: 0; 
  width: 245px; 
  height: 75px; 
  padding:4px;
	border-color:#000;
	border-width:1px;
}

#topright { 
  position: absolute; 
  top: 0; 
  right: 0; 
  width: 535px; 
  height: 75px;
  text-align:center;
  vertical-align:center;
  font-size:12px;
  border-left:solid;
  border-bottom:solid;
	border-width: 1px;
	border-color:#000;
	padding:5px;

}

#bar {
  position: absolute; 
  top:85px; 
  height:15px; 
  left:0; 
}


#subNavBar101 {
  position: absolute;
  top: 101px;
  left: 181px;
  width: 130px;
  height: 20px;
  z-index: 5;
 }

#subNavBar123 {
  position: absolute;
  top:101px;
  left:272px;
  width:130px;
  z-index:5;
}

#subNavBar60 {
	position: absolute;
	top: 101px;
	left: 60px;
	width: 130px;
	height: 25px;
	z-index:5;
}

#subNavBar365 {
	position: absolute;
	top: 101px;
	left: 364px;
	width: 130px;
	height: 25px;
	z-index:5;
}

#subNavBar666 {
	position: absolute;
	top: 101px;
	left: 90px;
	width: 130px;
	height: 25px;
	z-index:5;
}

#box {
	position: absolute;
	top: 101px;
	width: 780px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(images/backgrounds/narrowGradient.jpg);
	background-repeat: no-repeat;
	background-repeat: repeat-x;
	background-position: bottom right;
}


#bottom {
	z-index: 5;
	background-color: #000;
  position: absolute; 
  bottom:0px;
  width:780px;
  color: #FFF;
  text-align: center;
  font-size:10px;
} 

#right {
	position: absolute; 
  top:86px; 
  bottom:5px; 
  right:0; 
  width: 294px; 
  min-height: 420px;
	background-image: url(images/backgrounds/bikeBackground.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-top: 50px;
	z-index:0;
}


#left { 
  position: absolute; 
  top:86px; 
  bottom:5px; 
  left:0; 
  width: 488px; 
  min-height: 420px; 
  background-image: url(images/backgrounds/narrowGradient.jpg);
	background-repeat: repeat-x;
	background-position: bottom right;
	padding-top: 50px;
	z-index:1;
	padding-left: 5px;

}


img.jazz {
	height : 70px;
	width : 70px;
	border: solid;
	border-width: 1px;
}

#bannerAd {
	position: relative;
	top: 47px;
}

pageName {
	position: relative;
	top: 10px;
}

div.clearer {
	float:none;
}

div.pic {
	float: right;
}

div#shiftFxPageNavBar {
  position:absolute;
  top: 41px;
  right:55px;
}

div#udNavBar {
  position:absolute;
  top: 21px;
  right:59px;
}

.nav {
	float: left;
	text-align: center;
	font-size: 11px;
	height: 15px;
	width: 90px;
	background-color: #0099FF;
	border-color:#000;
	border: solid;
	border-width:1px;
	border-left: none;
}

.sfNav {
	float: left;
	text-align: center;
	font-size: 11px;
	height: 15px;
	width: 110px;
	background-color: #0099FF;
	border-color:#000;
	border: solid;
	border-width:1px;
	border-left: none;
	border-top: none;
}

.navDark {
	float: left;
	text-align: center;
	font-size: 11px;
	height: 15px;
	width: 90px;
	background-color: #3399CC;
	color:#000;
	display:box;
	visibility:visible;
	border: solid;
	border-width:1px;
	border-left:none;
}



.subNavDark {
	float: left;
	text-align: center;
	font-size: 11px;
	height: 15px;
	width: 150px;
	background-color: #003399;
	border:solid;
	border-color: #000;
	border-width: 1px;
    display:box;
	visibility:visible;
	color:#FFF;
}

.subNav {
    display:none;
 }

.subNavViz {
  float: left;
  text-align:center;
	font-size: 11px;
	height: 15px;
	width: 130px;
	background-color: #0099FF;
	border-color:#000;
	border: solid;
	border-left: solid;
	border-width: 1px;
    display:box;
	visibility:visible;
  	color: #000;
}

a.subNavViz:hover, a.sfNav:hover, a.nav:hover {
  background-color: #66CCFF;
}

.bottomNav {
	color: #FFF;
}

div#col1 {
  text-align: center;
  
 }

div#col2 {
  text-align: center;
 float:left;
 }


#end {
	border-right: solid;
	border-width: 1px;
	background:#CCC;
}

a	{
	color: #CC0033;
	text-decoration: none;
}

a:hover {
text-decoration: underline;
cursor: pointer;
}

a.nav, a.sfNav, a.subNavBar {
	color: #000;
}

a.banner {
	font-style: bold;
	color: #000;
}

div#bar {
	border: none;
	background-color: transparent;
	z-index: 5;
}

div#techBar {
	border: none;
	background-color: transparent;
	z-index: 5;
}

div#newsTable {
	width: 95%;
	background: transparent;
}

#current {
	background-color: #FFF;
	border-bottom: none;
	border-right: none;
}

#subcurrent {
	background-color: #FFF;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#neighb {
	border-left: solid;
	border-width: 1px;
}

#current:hover {
  text-decoration: none;
  cursor: default;
}

#toggle {
	float:none;
	position:relative;
	right: 0px;
}
 
table.left {
	color: #000;
}

#about {
	padding: 5px;
	border: solid;
	border-width: 1px;
	margin-left: 7%;
	margin-right: 7%;
}

#services {
	padding: 5px;
	border: solid;
	border-width: 1px;
}


#aboutpic {
	float:right;
	border:solid;
	border-width: 1px;
	padding:0px;
	margin-left:10px;
}

/* begin gallery styling */ 

#leftgallery { 
  position: absolute; 
	top:86px; 
	bottom:5px; 
	left:0px;
	width:  780px;
	min-height: 420px; 
  background-image: url(images/backgrounds/narrowGradient.jpg);
	background-repeat: repeat-x;
	background-position: bottom right;
  padding-top: 20px;
  padding-left: 0px;
  z-index:1;
}


#jgal {
	/* set the width allowed for the list of images... should be as wide as the BIPerformance logo at the top (245) */
	/* the width forces the number of columns */ 
	/* this position is relative to the leftgallery div that it is contained in */ 
	position: absolute;
		top: 20px;
		/* I haven't a clue why I need to make this a negative value... for some reason, 0 is not aligned with the left edge of the leftgallery, which I BELIEVE contains it*/
		left: -30px;
	width: 245px;
	
	/* sets the type of the list marker... ie, none, disc, circle, square, decimal, etc -- changing this value seems to make no diff, IE 7*/
	list-style: none; 
} 

#jgal li { 
	opacity: .5;
	/* sets where an image/text will appear in another element */
	float: left; 
	/* block means there's a line break before and after the element */
	display: block; 
	width: 60px; 
	height: 80px; 
	/* show the middle of the object */ 
	background-position: 50% 50%; 
	/* show a hand cursor */ 
	cursor: pointer; 
	/* shortcut to set all borders:   width style colour */
	border: 1px solid black; 
	/* an outline is drawn around the border of an element to make it stand out, in IE7 I see no difference */
	outline: 1px solid #ddd; 
	/* set the margins... the distance between the elements */
	margin-right: 8px; 
	margin-bottom: 8px; 
} 

/* this is for the big image displayed to the right of the list */
#jgal li img { 
	/* this position is relative to the jgal container that holds is */ 
	position: absolute; 
		top: 0px; 
		left: 265px; 
	display: none;
} 

#jgal li.active img { 
	display: block;
}
 
#jgal li.active, #jgal li:hover { 
	outline-color: #bbb; 
	opacity: .99; /* safari bug */ 
} 

/* styling without javascript */ 
#gallery { 
	list-style: none; 
	display: block; 
}

#gallery li { 
	float: left; 
	margin: 0 10px 10px 0; 
}