body {
background: #fff url(../img/bg.png) repeat top left;
font-family: arial, sans-serif;
}

h1, h2, p {
margin: 0;
padding: 0;
}
p, ul, ol { 
font-size: 12px; 
}

/* MAIN WRAPPER
-------------------------------------------------------------------------------------------------------- */

#wrapper {
width: 960px;
background: url(../img/vm-skinBgRep.png) repeat-y top;
margin: 0 auto;
}

/* HEADER
-------------------------------------------------------------------------------------------------------- */

#hdr {
background: url(../img/vm-skinBgtop.png) no-repeat top;
padding: 12px 0 0 0;
}

#hdr h1 { border-bottom: none; margin: 0;}

#hdr h1 a {
display: block;
height: 109px;
background: url(../img/vm-hdrBg.png) no-repeat top;
margin: 0 auto;
}

#hdr h1 span { display: none; }

/* MAIN NAV
-------------------------------------------------------------------------------------------------------- */

#mNav { 
margin: 0 auto;
font-size: 14px;
width: 930px;
}
#mNav ul { 
margin: 5px 0;
padding: 0;
list-style-type: none;
float: left;
}

#mNav ul li {
display: inline;
text-transform: UPPERCASE;
}

#mNav ul li a {
color: #333;
text-decoration: none;
font-weight: bold;
padding: 5px 5px;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
display: block;
float: left;
}

#mNav ul li a:hover, #mNav ul li a.on {
border-left: 5px solid #ccc;
border-right: 5px solid #ccc;
}

#mNav ul li a.on { text-decoration: underline; }


p.login { 
text-align: right; 
padding: 0 30px 0 0;
background: none;
width: 960px;
margin: 0 auto;
}

p.login a {
text-decoration: none;
background: url(../img/vm-cog.gif) no-repeat top left;
font-weight: bold;
color: #333;
text-transform: UPPERCASE;
padding: 2px 0 2px 20px;
}


/* SUB NAVIGATION STYLES
-------------------------------------------------------------------------------------------------------- */
#sNav {
width: 145px;
*width: 154px;
float: left;
margin-left: 15px;
*margin-left: 6px;
}

#sNav ul { 
list-style-type: none; 
margin: 10px 0 0 0;
padding: 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
}

#sNav ul li a {
display: block;
text-decoration: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
padding: 3px 3px 3px 10px;
color: #333;
font-weight: bold;
font-size: 11px;
}

#sNav ul li a:hover, #sNav ul li a.on {
border-top: 1px solid #999;
border-bottom: 1px solid #dadada;
padding: 4px 3px 2px 10px;
background: #fff url(../img/vm-navOnBg.png) repeat-x top left;

}

/* IE HACKS TO REMOVE WHITESPACE BELOW EACH NAV LI */ 
/*hide from ie-mac\*/
* html #sNav ul li {
    height: 1px;
    }
/* end hack */
 
/* \*/
* html #sNav ul a {
    height: 1px;
    }
/*  */ 


/* CONTENT CONTAINERS
-------------------------------------------------------------------------------------------------------- */
#contbgrep {
margin-bottom: 5px;
width: 960px;
float: left;
background: transparent url(../img/vm-contBgRep.png) repeat-y top
}

#content {
background: transparent url(../img/vm-contBgBot.png) no-repeat bottom;
width: 960px;
float: left;
padding-bottom: 10px;
}

#content.idx { float: left; }

#content div#innerCont {
background: url(../img/vm-contBgTop.png) no-repeat top;
padding: 0 21px;
padding-bottom: 1px;
padding-top: 10px;
}

#content div#innerCont.wNav {
padding-left: 160px;
}

#content div#innerCont.wNav div {
border-left: 1px solid #ccc;
padding-left: 10px;
}

/* INDEX PAGE STYLES
----------------------------------------------------------------------------------------------------------- */
/* Header Image */

#idxImg {
background: url(../img/vm-idxImgBg.jpg) no-repeat center top;
height: 217px;
margin-bottom: 10px;
position: relative;
}

#idxImg div { 
position: absolute;
top: 47px;
}

#idxImg  div.reg {
left: 18px;
}

#idxImg div a { 
display: block; 
height: 58px;
width: 342px;
}

#idxImg  div a span { display: none; }

#idxImg  div.reg a { 
background: url(../img/vm-btnReg.png) no-repeat top left; 
height: 133px;
width: 222px;
}
#idxImg  div.pub a { background: url(../img/vm-btnPub.png) no-repeat top left; }

div.explore {
left: 258px;
height: 143px;
width: 342px;
background: transparent url(../img/vm-explore.png) no-repeat top left;
}

div.explore p {
display: none;
margin: 0;
padding: 0;
}

div.explore ul {
margin: 0;
padding: 0;
list-style-type: none;
}

div.explore ul li {
position: relative;
}

div.explore ul li a span { 
display: none;
}

div.explore ul li a {
position: absolute;
display: block;
height: 55px;
width: 151px;
}
div.explore ul li a.top {
top: 66px;
left: 14px;
}

div.explore ul li a.bot {
top: 66px;
left: 176px;
}

/* Left and Right Cols */

#idxLeft, #idxRight {
	width: 45%;
	float: left;
	padding: 0 10px;
}

#idxLeft ul, #idxRight ul {
margin: 0;
padding-top: 0;
padding-left: 20px;
}

#idxLeft ul li , #idxRight ul li {
padding-bottom: 10px;
}

#idxRight h2 {
font-size: 16px;
color: #749E00;
}

/* GENERAL CONTENT STYLES
-------------------------------------------------------------------------------------------------------- */

h1 { 
font-size: 22px;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
color: #749E00;
}

h2 { 
font-size: 14px;
color: #749E00;
margin-bottom: 5px;
}

p { 
padding-bottom: 20px; 
}

#content div#innerCont img.imgLeft { float: left; margin: 0 5px 5px 0; }
#content div#innerCont img.imgRight { float: right; margin: 0 0 5px 5px; }

ul, ol { margin-top: 0; padding-top: 0; }

/* FOOTER 
-------------------------------------------------------------------------------------------------------- */
table#reg td {
font-size: 12px;
vertical-align: top;
}

table#reg td p { padding: 0; }

table#reg td p a {
text-decoration: none;
font-size: 10px;
color: #333;
}


/* FOOTER 
-------------------------------------------------------------------------------------------------------- */
#ftr {
clear: left;
background: url(../img/vm-skinBgBot.png) no-repeat bottom;
padding: 0 0 12px 0;
}

#ftr div {
height: 34px;
margin: 0 auto;
font-size: 10px;
}

#ftr div p {
font-size: 10px;
padding: 10px 20px 0 20px;
margin: 0;
}

#ftr div p a { text-decoration: none; color: #333; }
#ftr div p a:hover { text-decoration: underline; }

#ftr div p.left { float: left; }
#ftr div p.right { float: right; }
