body {
	margin: 0;
	padding: 0;
	font: 76% Arial, Verdana, Tahoma, Helvetica, sans-serif;
	text-align: left;
	color: #000000;
	background: url(../images/bg-inner.gif) repeat-x;
}

#home{
background: url(../images/bg-home.gif) repeat-x;

}

a { color: #FF6600; text-decoration: none;}
a:link { color: #FF6600; }
a:visited { color: #FF6600; }
a:hover { color: #FF6600; text-decoration: underline;}
a:active { color: #FF6600; }

p { 
margin-top: 0; 
font-size: .9em; 
line-height: 1.3em;
}

ul li, li {font-size: .9em; }
ul{
margin: 0;
padding: 0 0 10px 20px;
}

li{ 
list-style-image: url(../images/arrers.gif);
line-height: 1.3em;
margin: 0;
padding: 0;
}

.crumbs{
color: #cc6600;
font-size: 1em;
font-weight: bold;
}

img { border: 0; }
.img-l, .img-r {margin-bottom: 10px; float: left;}
.img-l { margin-right: 10px;}
.img-r { margin-left: 10px; }
.img-bdr { padding: 1px; border: 1px solid #333; }

.bodyul, .bodyul li {
	list-style-type: none;
	margin: 0 0 0 0; padding: 0 0 0 0;
}
.bodyul {
	margin: 0 0 .5em 15px;
	font-size: .9em;
	line-height: 1.5em;
}
.bodyul li {
	background: url(/images/icons/arrow.gif) no-repeat 0 3px;
	padding-left: 10px;
}

hr {
	height: 1px;
	border-width: 0;
	border-top: 1px solid #eee;
	background-color: #fff;
}

.hdr{
display: block;
margin-bottom: 15px;
}

.hide { display: none; }

#container {
width:expression(document.body.clientWidth > 980? "980px":
(document.body.clientWidth < 770? "768px": "100%" ));
	min-width: 760px;
	max-width: 980px;
	background: #ffffff;
	margin: 0px auto 0px auto;
	text-align: left;
	background: url(../images/bg-container.gif) repeat-x;
}

#navtab{
background: #cc6600;
height: 48px;
width: 96%;
border: none;
padding: 0;
border-collapse: collapse;
margin: 0 auto 3px auto;
position: relative;
z-index: 900;
}

#navtab td{
text-align: center;
padding: 3px 5px 10px 3px;
vertical-align: bottom;
}

#contenttable{
width: 90%;
border: none;
margin: 10px 0 15px 0;
padding: 0;
border-collapse: collapse;
}

#contenttable p{
margin: 0; 
padding: 1px 0 1px 4px;
}

.dark{
background: #333333;
color: white;
}

.mid{
background: #cccccc;
}

.light{
background: #e0e0e0;
}


#header {
	position: relative;
}
.logo {
margin: 0;
padding: 0;
}




#email{
width: 165px;
height: 73px;
display: block;
padding: 0 0 10px 10px;
border-bottom: 1px solid #cccccc;
}

#main{
width: 100%;
background: #fff;
display: block;
}

#home #email{
width: 165px;
height: 73px;
position: absolute;
bottom: 5px;
left: 10px;
padding: 0;
border: none;
}

#home #email p{
margin: 4px 0 4px 0;
color: #fff;
}

/*differences between home and internals. homepage main divs below*/

#home #main-l {
width: 185px;
background: black;	
float: left;
height: 295px;
position: relative;	
padding-bottom: 0px;
}

#home #main-r {
	background: none; 
	margin-left: 188px !important;
	margin-left: 186px;
	padding: 0;
	height: 295px;
	position: relative;

	
}

#home #main2{
display: block;
margin-top: 3px;
background: url(../images/bg-main2.gif) repeat-y;
background-position: 188px 0 !important;
background-position: 189px 0;
}

/*other divs arent used on internals, dont need specifics*/

#main-l {
width: 185px;
background: white;	
float: left;

position: relative;	
}

#main-r {
	background-position: top left;
	margin-left: 188px !important;
	margin-left: 186px;
	padding: 166px 30px 20px 18px;
	position: relative;

}

#pag-cor #main-r {
	background: url(../images/bg-internal.jpg) no-repeat; 	
	min-height: 480px;
}

#pag-ope #main-r {
	background: url(../images/bg-internal2.jpg) no-repeat; 	
	min-height: 480px;	
}

#pag-inv #main-r {
	background: url(../images/bg-internal3.jpg) no-repeat; 	
	min-height: 480px;	
}

#pag-con #main-r {
	background: url(../images/bg-internal4.jpg) no-repeat; 	
	min-height: 480px;	
}

#home #main2{
display: block;
margin-top: 3px;
background: url(../images/bg-main2.gif) repeat-y;
background-position: 188px 0 !important;
background-position: 189px 0;
}



#main2{
display: block;
margin-top: 3px;
background: none;
}

#main2-l {
padding: 30px 10px 10px 10px;
width: 165px;
float: left;
height: 250px;
position: relative;	
}

#main2-r {
padding: 30px 40px 10px 10px;
margin-left: 188px !important;
margin-left: 189px;	

}



#nav-inner{
width: 185px;
background: black;
display: block;
margin-bottom: 14px;
}

#nav-inner img{
display: block;
}

#nav-inner ul{
margin: 0 0 0 0;
padding: 0;
}

#nav-inner ul li{
margin: 0 0 0 0;
padding: 5px 0 5px 10px;
background: black;
color: white;
list-style-type: none;
list-style-image: none;
border-bottom: 1px solid #666666;
}

#nav-inner ul li a{
color: white;
}

#nav-inner ul li a:hover{
text-decoration: underline;
}

#flashdiv{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 295px;
}

#innerflashdiv{
	position: absolute;
	width: 390px;
	height: 60px;
	left: 188px !important;
	left: 170px;
	top: 80px;
}

#asx{
width: 150px; 
float: left; 
margin-right: 30px;
padding-bottom: 230px;
}



#footer{
display: block;
height: 40px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #666666;
}

#footer a{
color: #000;
}

.footertext{
float: right;
padding-right: 10px;
margin-top: 15px;
}

.vividlogo{
float: left; padding-left: 5px; margin-top: 15px;
}











/*
------------------------------------------------------
Navigation 
------------------------------------------------------
*/

#nav {
	height: 19px;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	
	top: 20px;
	left: 170px;
	width: 670px;

	
}

#nav a {
	text-decoration:none;
	
}

#nav-list {
	z-index: 101;
	
}

/*
------------------------------------------------------
Tier 1 Naviagaion
------------------------------------------------------
*/

#nav-wrap {
	height: 19px;
	padding-top: 0;
	
}

#nav-wrap ul {
	display:block;
	height: 19px;
	float:left;
	margin: 0;
	padding: 0;
}

#nav-wrap ul li {
	display: block;
	position: relative;
	float: left;
	margin-right: 15px;
}	

#nav-wrap li a {
	display: block;
	float:left;
	height: 19px;
	padding: 0 8px;
	line-height: 21px;
	color:#fff;
font-size: 1.1em;
}

#nav-wrap li a:hover {
	color: #fff;
	background-color:#cc6600;
}

/*
------------------------------------------------------
Tier 2 Naviagaion // Drop down menu sytem
------------------------------------------------------
*/

#nav-wrap {}

#nav-list ul.drop-menu {
	position: absolute;
	 
	clear:left; /* ie */
	
	top: 19px;
	width: 120px;
	display: none;
	z-index:301;
	padding-top: 11px;
}

#nav-wrap #nav-list ul.drop-menu li {
	display:block;
}

#nav-wrap #nav-list li:hover ul.drop-menu, 
#nav-wrap #nav-list li.over ul.drop-menu {
	display:block;
	z-index:301;
}

#nav-wrap #nav-list li.over {
	z-index:300;
}

#nav-wrap li ul.drop-menu li a { 
	display:block;
	height: auto;
	padding: 5px 3px 5px 7px; 
}

#nav-wrap li:hover a, 
#nav-wrap li.over a {
	color: #fff;
	background-color:#cc6600;
}

#nav-wrap li ul.drop-menu a {
	display:block;
	background: #cc6601;
	width: 120px;
	white-space:normal;
	color: #fff;
	line-height: 13px;
	border: 1px solid white;
	border-top:none;
}

#nav-wrap li ul a:hover {
	background: #000;
	color:#fff;
} 

.img {
	border: #CCCCCC solid 5px;
}

.wlFundamentals {

            width:650;

            text-align:left;

            border:solid 1px #CCCCCC;

            border-collapse:separate;

            border-spacing:5px;

            }

            

.wlFundamentalsSectionHeader {

            font-weight:bold;

            text-align:left;

            background-color:#C6DFD6;

            font-family: Arial, Verdana, Helvetica, sans-serif;

            font-size: 11px;

            color:#006600; 

            border:solid 1px #CCCCCC;

            }

            

.wlFundamentalsKey  {

            font-weight:normal;

            font-family: Arial, Verdana, Helvetica, sans-serif;

            font-size: 11px;

            text-align:left;

            border:solid 1px #CCCCCC;

            color: #666666;

            padding:1px 4px 1px 5px;

            }

            

.wlFundamentalsValue  {

            font-family: Arial, Verdana, Helvetica, sans-serif;

            font-size: 11px;

            text-align:left;

            border:solid 1px #CCCCCC;

            color: #666666;

            text-weight:none;

            padding:1px 4px 1px 5px;

            }


