BODY {color:#000000;font-family:helvetica,verdana,sans-serif;margin:0px;padding:0px; padding-bottom:0px;}
FORM {padding:0px; margin:0px;}

/* this is for the accordion menu */

.arrowlistmenu{
width: 150px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: #797979;
/*background: black url(titlebar.png) repeat-x center left;*/
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/*background-image: url(titlebar-active.png);*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #e18738;
font: 11px Arial;
/*background: url(../arrowbullet.png) no-repeat center left; custom bullet list image*/
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
}

.arrowlistmenu ul li a:visited{
color: #e18738;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #e18738;
background-color: #F3F3F3;
}



.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid black;
overflow: scroll; /*leave this value alone*/
width: 600px; /*Width of Carousel Viewer itself*/
height: 300px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


/* this end of the accordion menu */



.641westcontact{
color: #e18738;
font: 11px Arial;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
}






INPUT		{font-size:11px;}
SELECT		{font-size:11px;}
TEXTAREA	{font-size:11px;}

a:link		{color:#e18738; text-decoration:none;}
a:visited	{color:#e18738; text-decoration:none;}
a:active	{color:#e18738; text-decoration:none;}
a:hover		{color:#FF8400; text-decoration:underline;}



p	{ margin-top: 6px;
margin-right: 0px;
margin-bottom: 6px;
margin-left: 0px; }




.W9		{color:#7A7A7A; font-size:9px;}
.W10	{color:#7A7A7A; font-size:10px;}
.W11	{color:#7A7A7A; font-size:11px;}
.W12	{color:#7A7A7A; font-size:12px;}
.W13	{color:#7A7A7A; font-size:13px;}
.W14	{color:#7A7A7A; font-size:14px;}
.W15	{color:#7A7A7A; font-size:15px;}

.B9		{color:#000000; font-size:9px;}
.B10S	{color:#000000; font-size:10px;}
.B10	{color:#000000; font-size:11px;}
.B11	{color:#000000; font-size:11px;}
.B12	{color:#000000; font-size:12px;}
.B13	{color:#000000; font-size:13px;}
.B14	{color:#C4C4C4; font-size:14px;}

.S10	{color:#666666; font-size:10px;}
.S11	{color:#666666; font-size:11px;}
.S12	{color:#666666; font-size:12px;}
.S13	{color:#666666; font-size:13px;}
.S14	{color:#666666; font-size:14px;}

.R10	{color:#990000; font-size:10px;}
.R11	{color:#990000; font-size:11px;}
.R12	{color:#990000; font-size:12px;}
.R13	{color:#990000; font-size:13px;}
.R14	{color:#990000; font-size:14px;}

.U10	{color:#002F8E; font-size:10px;}
.U11	{color:#002F8E; font-size:11px;}
.U12	{color:#002F8E; font-size:12px;}
.U13	{color:#002F8E; font-size:13px;}
.U14	{color:#002F8E; font-size:14px;}

.G10	{color:#3E896F; font-size:10px;}
.G11	{color:#3E896F; font-size:11px;}
.G12	{color:#3E896F; font-size:12px;}
.G13	{color:#3E896F; font-size:13px;}
.G14	{color:#3E896F; font-size:14px;}

.GR10	{color:#808080; font-size:10px;}
.GR11	{color:#808080; font-size:11px;}
.GR12	{color:#808080; font-size:12px;}
.GR13	{color:#808080; font-size:13px;}
.GR14	{color:#808080; font-size:14px;}

.HD14	{color:#C4C4C4; font-size:14px;}
.HD24	{color:#C4C4C4; font-size:24px;}
.HD30	{color:#C4C4C4; font-size:30px;}


HR.dot
{
	border-style:dotted;
	border-width:1px;
	height:1px;
	color:#BFBFBF;
	width:350px;	
}

.copyright
{
	color:#666666;
	font-size:9px;
}

#sideNavBox
{
	background-color:#F5F5DC;
	border-style:dotted;
	border-color:#000000;
	color:#333333;
	border-width:1px;
	margin-top:20px;
}

.thumbNormal {
border:1px solid #efefef;
}
.thumbSelected {
border:1px solid #FF8400;
}


#sideNavBox a:link		{color:#002F8E; text-decoration:none; font-size:10px; font-weight:bold;}
#sideNavBox a:visited	{color:#002F8E; text-decoration:none; font-size:10px; font-weight:bold;}
#sideNavBox a:active	{color:#002F8E; text-decoration:underline; font-size:10px; font-weight:bold;}
#sideNavBox a:hover		{color:#002F8E; text-decoration:underline; font-size:10px; font-weight:bold;}


#quoteText
{
	padding:10px;
	font-size:10px;
	color:#333333;	
	width:220px;
	height:95px;
}

#subNav a:link		{color:#666666; text-decoration:none; font-size:10px; font-weight:bold;}
#subNav a:visited	{color:#666666; text-decoration:none; font-size:10px; font-weight:bold;}
#subNav a:active	{color:#666666; text-decoration:underline; font-size:10px; font-weight:bold;}
#subNav a:hover		{color:#666666; text-decoration:underline; font-size:10px; font-weight:bold;}

#xtra a:link		{color:blue; text-decoration:none; font-size:10px; font-weight:bold;}
#xtra a:visited		{color:blue; text-decoration:none; font-size:10px; font-weight:bold;}
#xtra a:active		{color:blue; text-decoration:underline; font-size:10px; font-weight:bold;}
#xtra a:hover		{color:blue; text-decoration:underline; font-size:10px; font-weight:bold;}

