<!--
body
	{ 
	font-style: normal; 
	font-size: 12px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 	margin: 5;
	}
a:link
	{
	color: #0000ff; 
	text-decoration: underline;
	}
a:visited      
	{ 
	color: #933; 
	text-decoration: none; 
	}
a:hover     
	{ 
	color: #f00; 
	text-decoration: underline overline; 
	background-color: yellow; 
	}
p,ul,ol,li,td,tr,a,br
	{
	font-size: 12pt;
        color: #000000;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	}
p.indent 
	{
	text-indent: 1cm;
	}
p.dotted 
	{
	border-style: dotted;
	}
p.dashed 
	{
	border-style: dashed;
	border-color: #0000ff;
	font-weight: bold;
	}
p.solid 
	{
	border-style: solid;
	}
p.double 
	{
	border-style: double;
	border-color: #0000ff;
	}
p.groove 
	{
	border-style: groove;
	}
p.ridge 
	{
	border-style: ridge;
	}
p.inset 
	{
	border-style: inset
	}
p.outset 
	{
	border-style: outset
	}

p.small
	{
	font-size: 10pt;
        color: #000000;
	margin-top: 1pt;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	}

h1 
	{ 
	color: #930; 
	font-variant: small-caps; 
	font-weight: normal; 
	font-size: 37pt; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	}
h2 
	{ 
	color: blue; 
	font-variant: small-caps; 
	font-weight: normal; 
	font-size: 29pt; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular 
	}
h3  
	{ 
	color: yellow;
	text-transform: uppercase;
	font-weight:bold;
	background-color:black; 
	font-variant: small-caps; 
	font-size: 22pt; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	margin-top: 0pt;
	margin-bottom: 0pt 
	}
h4  
	{ 
	color: red; 
	font-variant: small-caps; 
	font-weight: normal; 
	font-size: 17pt; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular 
	}
h5   
	{ 
	color: black; 
	font-variant: small-caps; 
	font-weight: bold; 
	font-size: 14pt; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	border: medium red 
	}
h6   
	{ 
	color: black; 
	font-weight: bold; 
	font-size: 10pt; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular 
	}

dt.bold
	{ 
	color: black; 
	font-weight: bold; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	}

ul.step1 
	{
	list-style-type: decimal;
	}
ul.step2 
	{
	list-style-type: lower-alpha;
	}
ul.step3 
	{
	list-style-type: lower-roman;
	}
ul.upper-roman 
	{
	list-style-type: upper-roman;
	}

ul.upper-alpha 
	{
	list-style-type: upper-alpha;
	}

ul.disc 
	{
	list-style-type: disc;
	}
ul.circle 
	{
	list-style-type: circle;
	}
ul.square 
	{
	list-style-type: square;
	}

dt.level1 
	{
	display: list-item;
	list-style-position: outside;
	list-style-type: decimal;
	padding: 0;
	}

dt.level2 
	{
	display: list-item;
	list-style-position: outside;
	list-style-type: lower-alpha;
	padding: 0;
	}

dt.level3 
	{
	display: list-item;
	list-style-position: outside;
	list-style-type: lower-roman;
	padding: 0;
	}

dd 
	{
	margin: 0 0 1em 0;
	}

dl 
	{
	margin-left: 2em;
	}

hr.red80
	{
	align: center;
	margin: 10px 0px 0px 0px;
	width: 80%;
	color: #FF0000;
	}

img.expando{ /*sample CSS for expando images. Not required but recommended*/
        border: none;
        vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}


.contentslide{
border: 10px solid navy;
border-bottom-width: 6px;
padding: 8px;
width: 400px;
height: 250px;
}


.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}


.contentslide .contentdiv{
display: none;
}

.pagination{
width: 416px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: navy;
border: 10px solid navy;
border-width: 3px 10px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 2px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 400px; /*IE5 width*/
w\idth: 416px; /*IE6 width*/
}

.pagination a{
padding: 0 3px;
text-decoration: none; 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
font-variant: small-caps;
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

.arc90_imgcaption {
  text-align: center;
  border: 1px solid #DDD;
  padding: 1em;
  width: 9em;
}

.arc90_imgcaptionTXT {
  font-size: .8em;
  color: #666;
  text-align: left;
}

.floatl {
  float: left;
  margin-right: 1em;
}

.floatr {
  float: right;
  margin-left: 1em;
}


/*Creates CSS Depressable Bevel menu */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.bevelmenu{
font: bold 13px arial;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #FFF2BF;
text-align: left; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color: black;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
}

.bevelmenu li a:hover{
color: black;
background-color: #FFE271;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}