/* Style Sheet for V.I. Source Information Site */
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, img, li, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
:focus { outline: 0; }
/* hide from IE mac \*/
body {
	background-image: url(../images/vis_page_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
/* end hiding from IE5 mac */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	min-width: 1000px;
	
}
h1 {
	font-size: 1.5em; letter-spacing: .08em;
}
h2 { font-size: 1.4 em; letter-spacing: .07em;}
h3 { font-size: 1.3 em; }
h4  {font-size: 1.2em; text-transform:uppercase; }

h2, h3 {
	margin: 30px 0 0 0;
}

p {margin: 12px 0;}

a,  a:link, a:visited {
  color: #0099FF;
  text-decoration: none;
  font-weight:bold;
}

a:hover {
  color: #333;
  text-decoration: underline;
  font-weight:bold;
}
#masthead {
	background-image:url(../images/vis_masthead_bg.jpg);
	background-repeat: repeat-x;
	width:100%;
}
#logodiv {
	width: 862px;
	height: 100px;
}
/* hide from IE mac \*/
#logodiv img {float: left;}
/* end hiding from IE5 mac */
#wrap_outer {
	margin: 30px auto 0 auto;
	padding: 0;
	width: 817px;
	background-image:url(../images/vis_wrapper.gif);
	background-repeat: repeat-y;

}

.adrates {
	padding-left:10px;
	padding-bottom: 10px;
}

#wrap_inner {
	float:left;
	background-image: url(../images/vis_sidebar_tile.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
#nav_wrapper {
	width: 135px;
	float: left;
	text-align:right; 
}

#nav_wrapper .navtitle{
	padding-bottom:10px;
}
#nav_wrapper .navtitle2{
	padding-top:10px;
	padding-bottom:10px;
}
#nav_wrapper .navsource {
	padding-top:6px;
	padding-bottom:6px;
}

#mainbox {
	width: 489px;
	float: left;
	background-image:url(../images/vis_online.gif);
	background-repeat:no-repeat;
	background-position: center bottom ;
}
#sidebox {
	width: 192px;
	float: right;
	background-image: url(../images/vis_sidebar_top.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: -8px;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
#nav_wrapper img {
	border: 0; 
 }
 
#nav_wrapper ul, #nav_wrapper li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav_wrapper ul ul {
	background-color: #FFFFFF;
	border: 1px solid;
	border-color: #FFFFFF #000000 #000000 #FFFFFF;
	padding: 2px 3px 3px 3px;
	display:none;
}
#nav_wrapper ul ul, #nav_wrapper ul ul li {
	width: 12em;
}
.p7exp_root {
	filter: alpha(opacity=100) !important;
	opacity: 1.0;

}

#nav_wrapper a,  #nav_wrapper a:link, #nav_wrapper a:visited {
	display: block;
	text-decoration: none;
	font-weight:bold;
	margin: 0 0 10px 0;
}
#nav_wrapper ul ul a {
	padding: 4px 10px;
	background-color: #41B3B3;
	color: #333;
	margin: 0;
	border: 1px solid #cccccc;
	font-size: 0.75em;
}
#nav_wrapper ul ul a:hover {
	background-color: #525252;
	color: #FFFFFF;
	border-top-color: #333333;
	border-bottom-color: #7D89B0;
}
#nav_wrapper {position: relative;}
#nav_wrapper ul li:hover ul, #nav_wrapper ul li.p7hvr ul {
	display: block;
}
.p7expsubmenus {
	position:absolute;
	left: 80px;
}
#p7exp_sub2 {top: 105px; z-index: 20000;}
#p7exp_sub3 {top: 210px; z-index: 20000;}
#nav_wrapper ul li:hover a {
	filter: alpha(opacity=60);
	opacity: 0.60;
}
#maincontent {
	font-size: 0.8em;
	line-height: 1.75em;
	padding: 0 24px 70px 32px;
}
#sidecontent {
	font-size: 0.70em;
	line-height: 1.5em;
	padding: 36px 30px 24px 24px;
}

#sidecontent h3 {
	font-size: 1.2em;
	margin: 0 0 10px 0;
	color: #000000;
	font-weight: normal;
}
#sidecontent h2 {
	color: #000066;
}

#sidecontent a, #sidecontent a:link, #sidecontent a:hover, #sidecontent a:visited, #sidecontent a:active {
	font-weight:bold;
}

#sidecontent #side_nav, #sidecontent #side_nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#sidecontent #side_nav a, #sidecontent #side_nav a:link, #sidecontent #side_nav a:visited  {
	font-size: 1.1em;
	display: block;
	background-color:#38afaf;
	color: #333;
	border: 1px solid;
	border-color: #999 #666 #666 #666;
	letter-spacing:.09em;
	padding: 2px 6px;
	filter: alpha(opacity=85);
	opacity: 0.85;
	font-weight:bold;
	text-decoration: none;
}

#sidecontent #side_nav a:hover, #sidecontent #side_nav a:active, #sidecontent #side_nav a:focus {
	background-color: #333333;
	color: #FFFFFF;
	border-color: #333333 #000000 #000000 #333333;
	filter: alpha(opacity=60);
	opacity: 0.60;
}
#footer {
	clear:both;
	background-color: #333;
	color: #FFFFFF;
	filter: alpha(opacity=70);
	opacity: 0.70;
}
#footerwrap {width: 100%}
#footercontent {
	padding: 12px;
	font-size: 0.7em;
}

#footercontent #designby {
	float: right;
	margin-right:10px;

}


#sidecontent a:link, a:visited {
	color: #0099FF;
	filter: alpha(opacity=100) !important;
	opacity: 1.0;
}

#sidecontent a:hover, #sidecontent a:active, #sidecontent a:focus {
	color: #666;

}
#footercontent a:link, a:visited {
	color: #0099FF;
	font-weight:normal;
}

#footercontent a:hover, #footercontent a:active, #footercontent a:focus {
	color: #0099FF;
}
.uberlink {font-weight: bold;}

.pullquote {	background-color: #FF9900;
	border: 1px solid #000000;
	color: #FFFFFF;
	padding: 10px;
	margin: 0;
	font-size: 1.1em;
}
.pullquote p {
	margin: 0 0 8px 0!important;
}
.pullquote cite {
	font-size: .75em;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	display: block;
	margin: 0;
	padding: 0 0 0 6px;
	color: #333333;
	border-left: 1px solid #333333;
}
.tip {
	padding: 8px;
	font-size: .85em;
	color: #666666;
	line-height: normal;
	border-top: 4px solid #ECE9D8;
	border-right: 1px solid #ECE9D8;
	border-bottom: 1px solid #ECE9D8;
	border-left: 1px solid #ECE9D8;
	background-color: #F7F5EE;
}
#wrap_outer #wrap_inner #mainbox #maincontent #attentionbox {
	border: 3px solid #CCCCCC;
}

#advertising {
color: #339999;
font-weight:bold;
font-style:italic;
border-top:solid 4px #84E8E6;
border-bottom: solid 4px #84E8E6;
}

#advertising ul li{

	list-style-image:url(../images/bullet.gif) ;
	margin-bottom:10px;
	padding-left:7px;
}