body {
background:#d1d0a2 url('img/bg-page.jpg') 0 0 repeat-x;
font-family:verdana, arial;
font-size:12px;
padding:0;
margin:0 0 20px 0;
}
img {
border:none;
}
#container {
position:relative;
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:743px;
background:url('img/bg-container.jpg') 0 0 repeat-y;
}
#vgo-logo {
position:absolute;
top:0;
left:0;
height:139px;
width:195px;
}
#top-right {
float:right;
margin-top:-29px;
height:44px;
width:6px;
}
#menu {
clear:left;
width:100%;
font-size:13px;
height:44px;
background:url(img/bg-menu.jpg) 0 0 repeat-x;
}
#menu ul {
list-style:none;
padding:13px 4px 0 0;
margin:0;
}
#menu ul li {
display:inline;
padding:16px 0 16px 0px;
margin:-4px;
}
#menu a {
padding:13px 16px 13px 16px;
color:#fff;
text-decoration:none;
font-weight:bold;
background:url(img/div-menu.jpg) top right no-repeat;
}
#menu a:hover {
color:#bed4eb;
text-decoration:underline;
}

#leftBox {
float:left;
padding-top:144px;
width:187px;
padding-left:3px;
}
#rightBox {
float:right;
width:553px;
min-height:500px;
height:auto !important;
height:500px;
}

#content {
float:right;
text-align:left;
padding-right:4px;
}

#banner {
border-bottom:1px solid #ccc;
}

#content #padBox {
padding:4px 7px 0 7px;
width:530px;
overflow:hidden;
}

#content #padBox h1 {
color:#185da4;
font-size:16px;
margin:0 0 4px 0;
padding:0;
}

#content #padBox h2 {
color:#5582b0;
font-size:14px;
margin:0;
padding:0;
}
#content #padBox h3 {
font-size:11px;
margin:0;
padding:0;
}

#content #padBox p {
margin:6px 0 12px 0;
padding:0 0 0 5px;
}

#content .arrowList {
padding:6px;
margin:0 0 0 18px;
list-style-image:url('img/arrow.gif');
}
#content .arrowList li {
padding:0 0 8px 0;
}

#content ol {
font-size:11px;
margin:0 0 0 24px;
padding:0 6px 10px 6px;
}

.thumbs {
width:528px;
border:1px solid #aaa;
margin:4px 0 18px 0;
}

#bigList {
margin:0;
padding:0 0 4px 24px;
list-style-image:url('img/arrow.gif');
}

#bigList ul {
padding:0;
margin:0 0 12px 0;
list-style-type:none;
list-style-image:none;
}

#content .pp {
font-size:11px;
}

table {

padding:5px 0 5px 0;
}
table th {
background-color:#ccc;
padding:2px;
}
table .topic {
font-size:11px;
}

.inputs, .required {
margin:4px 0 10px 8px;
border:1px solid #ccc;
}
.required {
background-color:#eaeaea;
}

#content .prod {
margin-top:4px;
margin-right:7px;
}
#software a:hover {background: transparent;}
#software a img {
border:1px solid #487db3;
}
#software a:hover img,
#software a:active img {
border: 1px solid #aaa;
} 

#content .headerOrange, #content .headerBlue {
width:250px;
font-size:12px;
font-weight:bold;
color:#fff;
padding:3px;
margin-top:6px;
text-align:left;
}
#content .headerOrange {
background:#be6600 url('img/bg-header-orange.jpg') 0 0 repeat-x;
border:1px solid #71420c;
}
#content .headerBlue {
background:#4176ac url('img/bg-header-blue.jpg') 0 0 repeat-x;
border:1px solid #1a5189;
}

#content #software {
background-color:#eee;
float:right;
width:546px;
text-align:right;
}
#content #information {
float:right;
text-align:left;
width:546px;
font-size:10px;
}
#padBox a {
color:#cd6e00;
font-weight:bold;
text-decoration:none;
}
#information a {
color:#2a5e85;
font-weight:bold;
text-decoration:none;
}
#information a:hover, #footer a:hover, #padBox a:hover {
color:#8a5110;
}
#information p {
padding:0 2px 0 2px;
margin:6px 0;
}
#information .date {
font-weight:bold;
}

#news, #papers, #events, #productData {
width:260px;
background-color:#fff;
}
#news, #events  {
float:left;
padding-left:12px;
}
#papers,  #productData {
float:right;
padding-right:5px;
}

#s-menu-header {
float:right;
background:url('img/bg-s-menu-header.jpg') 0 0 repeat-x;
font-size:12px;
width:175px;
height:27px;
padding-bottom:2px;
}
#s-menu-header span {
vertical-align:9px;
color:#fff;
font-weight:bold;
}
.s-menu-subhead {
float:right;
background:url('img/bg-s-menu-subhead.jpg') 0 0 repeat-x;
font-size:12px;
width:160px;
height:25px;
padding-bottom:2px;
}
.s-menu-subhead a {
vertical-align:9px;
color:#58595b;
font-weight:bold;
text-decoration:none;
}
.s-menu-subhead a:hover {
color:#000;
}
.s-menu-subhead-selected {
float:right;
background:url('img/bg-s-menu-subhead-selected.jpg') 0 0 repeat-x;
font-size:12px;
width:160px;
height:25px;
padding-bottom:2px;
}
.s-menu-subhead-selected a {
vertical-align:9px;
color:#000;
font-weight:bold;
text-decoration:none;
}
#s-menu-list {
float:right;
padding-bottom:6px;
}
#s-menu-list a {
color:#555;
text-decoration:none;
}
#s-menu-list a:hover {
color:#333;
text-decoration:underline;
}
#s-menu-list ul {
color:#676767;list-style:none;padding:0 4px 0 0;margin:0;text-align:right;
}

#footer {
clear:both;
position:relative;
bottom:-12px;
background:url('img/bg-footer.jpg') 0 0 no-repeat;
width:743px;
height:30px;
text-align:center;
padding-top:6px;
font-size:11px;
}

#footer a {
color:#2a5e85;
font-weight:bold;
}

textarea {
width:520px;
}
.page {
padding-bottom:24px;
}
.code {
font-size:11px;
padding:2px;
background-color:#ddd;
border:1px solid #aaa;
overflow:auto;
}
.bar {
position:absolute;
bottom:30px;
font-size:10px;
}
.page .button {
float:right;
font-size:10px;
}
.bar .button, #dw__login  .button {
float:left;
font-size:10px;
}
#s-menu-list hr {
width:120px;
margin-right:3px;
color:#ddd;
text-align:right;
}
.meta {
font-size:9px;
padding-left:2px;
}