body
{
margin: 0 auto; 
text-align: center; /* ie hack to center the container */
padding: 0;
background: #fff url(../images/body_bg.jpg) top repeat-x;
color: #666;
font: 13px/25px tahoma, sans-serif; 
}
#container 
{
margin: 22px auto; padding: 0;
width: 850px;
background: #fff url(../images/container_bg2.jpg) top repeat-x;
text-align: left;
overflow: hidden;
}
#navigation {
margin: 0; padding: 0;
width: 850px; height: 102px;
}

h1#vupodLogo 
{
margin: 0; padding: 0;
float: left;
width: 197px; height: 102px;
background: #fff url(../images/vupod_logo.gif) top left no-repeat; 

}
#navOne 
{
margin: 0 0 0 198px; padding: 0;
width: 592px;
text-align: right;
color: #eee;
}
#navOne a 
{
font: normal 10px/14px tahoma, sans-serif;
color: #eee;
padding: 0 10px;
text-align: center;
text-decoration: none;
border-left: 1px dotted #fff;
}
#navOne a:hover 
{
text-decoration: underline;
}
#navTwo 
{
margin: 45px 0 0 205px; padding: 0;
width: 590px;
}
#navTwo a 
{
margin: 0; padding: 0 17px 0 7px;
font: bold 13px/25px tahoma, sans-serif; 
color: #fff;
border-right: 3px solid #fff;
text-decoration: none;
}

div#pageImage { margin: 0; padding: 0; width: 796px; }


#primaryContent 
{
margin: 0; padding: 0;
clear: both;
}

#leftCell
{
margin: 0 0 0 6px; padding: 0;
float: left;
width: 227px;
}


dl.leftMenuBox 
{
margin: 5px 0 0 0; padding: 0;
background: #fff  url(../images/box_bg.jpg) top left repeat-x;
border: 1px solid #ccc;
border-width: 1px 1px 2px 1px;
overflow: hidden;
}
dl.leftMenuBox dt 
{
margin: 0; padding: 0 0 0 7px;
background: #33C05A url(../images/left_menu_box_title_bg.jpg) top left repeat-x;
color: #fff;
border: 2px solid #fff;
font: bold 13px/27px tahoma, sans-serif;
}
dl.leftMenuBox dd
{
margin: 0; padding: 12px 14px;
font: normal 11px/18px tahoma, sans-serif;
color: #666;
background: transparent;
border: solid #fff;
border-width: 0 2px;
}
a.moreInfo
{
clear: both;
font: bold 11px/23px "century gothic", sans-serif;
display: block;
margin: 0 0 0 110px;
padding: 0;
background: #fff url(../images/more_info_bg.jpg) top left no-repeat;
color: #133b6c;
text-decoration: none;
text-align: center;
width: 81px;
height: 25px;
}


#mainCellWrapper
{
width: 580px;
position: relative; top: -30px;
margin: 6px 6px 0 245px; padding: 0 0 20px 0;
border: 1px solid #ccc;
border-width: 1px 1px 2px 1px;
}


#mainCell 
{
background: #fff  url(../images/box_bg.jpg) top left repeat-x;
margin: 0; padding: 0;
border: solid #fff; border-width: 0 3px;
overflow: hidden;
}

#mainCell h2 
{
font: bold 14px/30px tahoma, sans-serif; color: #fff;
letter-spacing: 1px;
background: #FD6F0B url(../images/main_header.jpg) top left repeat-x;
height: 30px; 
border-bottom: 2px solid #fff;
margin: 0; padding: 0 0 0 7px;
}

.mainImgRight 
{
float: right;
margin: 10px; padding: 0;
}

#mainCell h3 
{
font: bold 13px/21px tahoma, sans-serif;
color: #757575;
margin: 15px 10px 0 10px;
padding: 0;
}

#mainCell h4 
{
font: bold 13px/21px tahoma, sans-serif;
color: #757575;
margin: 35px 10px 0 10px;
padding: 0;
}

#mainCell p, #mainCell li
{
color: #757575;
margin: 10px 10px 0 10px; padding: 0;
font: 12px/19px tahoma, sans-serif; 
}
#mainCell li
{
margin-top: 0;
}

#mainCell li a, #mainCell dd a
{
color: #085DAC; 
font: 11px/19px tahoma, sans-serif;
}
#mainCell dt
{
color: #757575;
margin: 0 20px; padding: 0;
font: bold 12px/21px tahoma, sans-serif;
}


div#bottom
{
width: 680px;
margin: 0 auto 20px auto; 
padding: 20px 40px;
text-align: center;
clear: both;
}

ul#bottomMenu
{
margin: 0; padding: 0;
}

ul#bottomMenu li
{
margin: 0; padding: 0;
display: inline;
}

ul#bottomMenu li a
{
margin: 0; padding: 0 10px;
float: left;
font: 10px/12px tahoma, sans-serif;
color: #666;
text-decoration: none;
border-left: 1px solid #ccc;
}

p#copyright
{
clear: both;
margin: 0; padding: 0;
font: 10px/31px tahoma, sans-serif;
color: #b2b2b2;
}