BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333; /* #999999;*/
}
blockquote {
	font-style: italic;	
}
.TINY-GR {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #848484;
}
.OJ-TITLES {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #FF9900;
}
.BLUE-TITLES {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #336699;
}
.Body-BLUE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #336699;
}
.more-line-height {
	line-height: 2.8em;
}

.GR-Italic-Quotes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: italic;
	color: #333333; /* #999999;*/
}
.BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333; /* #999999;*/
}
.BODY-BOLD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #333333; /* #999999;*/
}
.BODY-OJ {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FF9900;
}
.
alink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #336699;
	text-decoration: underline;
}
.LARGE-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25pt;
	font-style: normal;
	font-weight: bold;
	color: #336699;
}
.LARGE-header-OJ {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25pt;
	font-style: normal;
	font-weight: bold;
	color: #FF9900;
}
.MEDIUM-header-OJ {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-style: normal;
	font-weight: bold;
	color: #FF9900;
}
/* Internal links */
a.NAV:link {
	color: #336699;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
a.NAV:visited {
	color: #336699;
	font-size: 11px;
	font-weight: bold;	
	text-decoration: underline;
}
a.NAV:hover {
	color: #FF9900;
	font-size: 11px;
	font-weight: bold;	
	text-decoration: none;
}
a.NAV:active {
	color: #FF9900;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
/* External Links */
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	text-decoration: underline;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336699;
	text-decoration: underline;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9900;
	text-decoration: none;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
}
.mini-hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20pt;
	color: #336699;
	text-decoration: none;
}

/* MENUBAR */

ul#menubar {
	width:100%;
	clear:both;
	background: url(../images/menubar_bg.png) top left repeat-x;
	margin:0;
	padding:0;
}

#menubar li {
	list-style-type:none;
	margin:0; padding:0;
	width:auto;
	display:inline;
}

#menubar a, #menubar a:visited {
	/*display:block;*/
	padding-left:11px;
	padding-right:11px;
	color:#FFFFFF;
	text-decoration:none;
	height:20px;
	line-height:20px;
	font-weight:bold;
	font-size:12px;
}

#menubar a:hover {color:#3168AC;text-decoration:none;}

/* Banner Table */
table.banner {
    width: 774;
    border-width: 1px;
	border-style: solid;
	border-color: #FF9933;    
	background-color: #FF9933;    
	border-collapse: collapse;
    padding: 0pt;
}
table.banner TD {
	 border-style: solid; 
	 spacing: 0px;	 
     padding: 0px;
	 border-color: gray;
	 border-width: 0px;
}
table.outline {
    border-width: 3px;
	border-color: #9FC8E2;
	border-style: solid;
	border-collapse: collapse;		

}
table.orange {
	border-color: #FFF1E3;
	border-style: solid;
	border-collapse: collapse;		

}
table.blue {
	border-color: #EDF8FB;
	border-style: solid;
	border-collapse: collapse;		

}
table.clearBorder {
	border-color: #FFFFFF;
	border-style: solid;
	border-collapse: collapse;		
}
td.backBlue {
	background-color: #EDF8FB;
}
td.backOrange {
	background-color: #FFF1E3;
}

/* drop shadow effect for the gallery thumbnails. Sadly this requires a div to be wrapped around the image markup, which is a shame */

.img-wrapper {
margin: 20px 40px 0 0;
background: url(shadow1.gif) no-repeat bottom right;
/* float:left; */
line-height:0;
}
 
.img-wrapper img {
float:none;
margin:0;
background:#fff;
padding:4px;
border:1px solid #C5BDBD;
position:relative;
left:-5px;
top:-5px;
}

.img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 
  

/* tab Box on page */  
	.tab_box ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.tab_box li {
		float: left;
		background: url(images/tabright.gif) top right no-repeat;
		margin: 0;
	}
	
	.tab_box a {
		display: block;
		background: url(images/tableft.gif) top left no-repeat;
		color: #ffc;
		text-decoration: none;
		padding: 0.6em 1em 0.25em;
	}
	
	.tab_box a:hover {
		color: white;
	}
	
	.tab_box #selected {
		font-weight: bold;
		background-image: url(images/tabrightactive.gif);
	}
	
	.tab_box #selected a {
		background-image: url(images/tableftactive.gif);
		color: white;
	}  
	
/* list w/ orange markers  */

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
	padding-left: 10px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding:0 0 0 20px;	
}