/*reset*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, ol, ul, li, form, fieldset, table, tr, td, hr {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:inherit; font-family:"Trebuchet MS",verdana,geneva,arial,helvetica,sans-serif; font-size:100%; vertical-align:bottom;}
/* remember to define focus styles! */
 :focus {outline:0;}
body {line-height:1;}
ol, ul, li {list-style:none; margin:0; padding:0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate; border-spacing:0;}
td {text-align:left; font-weight:normal;}
img {border:0; vertical-align:bottom;}
/*end reset*/

/*for printing*/
.prints {display:none;}
.noprint {display:block;}

body {background-color:#fff;}
body#splash {margin:0; padding:0; font-family:"Trebuchet MS",verdana,arial,helvetica,sans-serif; background-color:#f30; color:#fff;}

/*for white pages*/
h1 {color:#000; margin:0 0 8px 0; font-weight:normal; font-size:1.5em; line-height:1em;}
h2 {font-weight:bold; font-size:1em; line-height:1.8em; margin:6px 0 0 0; color:#000; clear:both;}
p {color:#000; font-weight:normal; font-size:1em; line-height:1.4em; text-indent:0;}
p.space {margin-top:12px;}
#blurb {color:#999; font-weight:normal; font-size:.7em; line-height:1.3em; text-decoration:none; background-color:#fff; padding:8px 0px 10px 22px; margin:0; width:120px;}
#ving #blurb span.aro {font-size:1.2em; color:#999;}
#caption {width:339px;}
#ving a {width:127px;}
#links a.nav {width:83px; display:block;}
.nolink {color:#333; font-weight:bold; font-size:.75em; line-height:1.1em; text-decoration:none; background-color:#fff; display:block; padding:3px 6px 3px 22px; letter-spacing:1px;}
.nolink1 {color:#333; font-weight:bold; font-size:.75em; line-height:1.1em; text-decoration:none; background-color:#fff; display:block; padding:10px 6px 3px 22px; letter-spacing:1px;}
.OU {color:#000; position:absolute; top:86px; left:144px; text-align:left; font-weight:normal; font-size:1em; line-height:1.6em; font-family:verdana,geneva,arial,helvetica,sans-serif;}
.rt {color:#333; float:right; text-align:left; width:486px;}
#resume {width:600px; position:absolute; left:100px; top:37px; font-weight:normal; font-size:.8em; line-height:1.5em;}
#resume a.text {color:#333;}
#text {position:absolute; left: 200px; right:65px; top:40px; width:400px; border:0; color:#666; font-weight:normal; font-size:.8em; line-height:1.5em; font-family: verdana,geneva,arial,helvetica,sans-serif;}
#text a {font-size:1em; line-height:1.5em; color:#666; text-decoration:none;}
#text .caption {color:#666; font-weight:normal; font-size:1em; line-height:1.5em; margin:6px 0 0 0; white-space:nowrap; clear:left;}
#text .caption a {line-height:1.5em; color:#666; text-decoration:none;}
#ving {width:132px; border:0;}

#logo {background-color:#fff; width:339px; height:265px; text-align:center; border: 1px solid #999;}

#logo img {margin-top:72px; border:0;}
#logo img#dramalogo {position:absolute; top:18px; left:40px; border:0;}
#logo img#mcm {margin-top:60px; border:0;}
#logo img#mega {margin-top:60px; border:0;}
#logo img#un {margin-top:30px; border:0;}
#logovs {background-color:#fff; width:339px; height:185px; text-align:center; border: 1px solid #999; padding-top:84px;}
#logo img#vs {margin-top:80px; border:0;}
#logocal {background-color:#900; width:339px; height:265px; text-align:center;}
#pic #logocal img {padding-top:80px; border:0;}
#logocfa {background-color:#000; width:339px; height:265px; text-align:center;}
#logocfa img, #logocfa #pin {margin-top:84px; border:0;}
#logorc {background-color:#bfac95; width:339px; height:265px; text-align:center;}
#pic #logorc img {padding-top:60px; border:0;}
#pic, #web, #print, #print2 {position:absolute; left:0; top:86px; width:339px;}
#pic img {border:1px solid #000; padding:0;}
#pic ul {list-style:none; margin:0; padding:0; width:500px; border:0;}
#pic li {margin:0 30px 16px 0; display:inline; float:left; width:120px;}
#pic ul li a {margin:0; float:left;}
#pic #lnks1 {position:relative; top:8px; left:0; width:300px;}
#pic #lnks2 {float:right; text-align:left; position:absolute; top:0; left:150px;}
#pic #lnks1 a, #pic #lnks2 a {font-size:.9em; line-height:1.5em; text-decoration:none; color:#666;}
#print img, #web img {border:0;}
#print2 img {border:1px solid #999;}
#writing {position:absolute; left:200px; right:65px; top:37px; color:#666; font-weight:normal; font-size:.8em; line-height:1.5em; background:transparent; width:340px;}
#writing p {color:#666; line-height:1.5em;}
#writing li {list-style:disc;}

.head {color:#000; margin:0 0 8px 0; font-weight:normal; font-size:1.5em; line-height:1em;}
.lft {color:#333; float:left; clear:both; text-align:right; width:100px; white-space:nowrap;}
.underscore {text-decoration:underline;}

ul#pix a:link, ul#pix a:visited {color:#fff; font-weight:bold; font-size:.8em; line-height:1.3em; font-family:verdana,geneva,arial,helvetica,sans-serif; text-decoration:none;}
ul#pix a:hover {color:#999; font-weight:bold; font-size:.8em; line-height:1.3em; text-decoration:none;}
ul#pix a:active {color:#f00;}
ul#pix a img {display:block; margin-bottom:3px;}
ul.spaceabove {margin-top:12px;}

a:link, a:visited {color:#666; font-weight:normal; font-size:1em; line-height:1.3em; text-decoration:none; display:inline; background-color:transparent; padding:0;}
a:hover {font-weight:normal; font-size:1em; line-height:1.3em; text-decoration:underline; color:#f00;}
a:active {font-weight:normal; font-size:1em; line-height:1.3em; color:#f00; background:#fff;}

a.lnk:link {color:#666; font-size:.9em; line-height:1.1em; text-decoration:none; background-color:#fff;display:block; padding:6px 18px 0 0;}
a.lnk:visited {color:#999; font-size:.9em; line-height:1.1em; text-decoration:none;background-color:#fff; display:block; padding:6px 18px 0 0;}
a.lnk:hover {font-size:.9em; line-height:1.1em; text-decoration:underline; color:#000; background-color:#fff;}
a.lnk:active {font-size:.9em; line-height:1.1em; color:#f00;}

a.nav:link, a.nav:visited {color:#666; font-weight:normal; font-size:.75em; line-height:1.7em; text-decoration:none; background-color:#fff; display:block; padding:0 0 0 22px; margin:0;}
a.nav:hover {font-weight:normal; font-size:.75em; line-height:1.7em; text-decoration:none; color:#000; background-color:#ccc;}
a.nav:active {font-weight:normal; font-size:.75em; line-height:1.7em; color:#f00;}

a.text:link, a.text:visited {text-decoration:underline; color:#333; line-height:1.5em;}
a.text:hover {text-decoration:underline; color:#f00; line-height:1.5em;}

a:link span.show, a:visited span.show {display:none;}
a:hover span.show {display:block; position:relative; left:0px; top:16px;}

a:link #vingsmall, a:visited #vingsmall {background:url(pix/vingsmall.gif) left top #fff; width:107px; height:67px;}
a:hover #vingsmall, a:active #vingsmall {background:url(pix/vingsmall.gif) left 67px #fff; width:107px; height:67px;}
a:link .vingsmall2, a:visited .vingsmall2 {position:absolute; left:0; top:0; width:107px; height:67px; visibility:hidden;}
a:hover .vingsmall2, a:active .vingsmall2 {position:absolute; left:0; top:0; width:107px; height:67px; z-index:100; visibility:visible;}

a:link #back, a:visited #back {background:url(pix/back.gif) 0 0 #fff; width:32px; height:15px;}
a:hover #back, a:active #back {background:url(pix/back.gif) left 15px #fff; width:32px; height:15px;}
a:link #next, a:visited #next {background:url(pix/next.gif) 0 0 #fff; width:32px; height:15px;}
a:hover #next, a:active #next {background:url(pix/next.gif) left 15px #fff; width:32px; height:15px;}
a:link #nextrt, a:visited #nextrt {background:url(pix/next.gif) 0 0 #fff; width:32px; height:15px;}
a:hover #nextrt, a:active #nextrt {background:url(pix/next.gif) left 15px #fff; width:32px; height:15px;}

/* for left-hand col */
.logo1 {position:relative; font-family: arial, helvetica, sans-serif; background-image: url(pix/vingred.gif); background-repeat: no-repeat; white-space: nowrap; display: block; width: 107px; height: 67px;}
.logo1 a:link, .logo1 a:visited {color: #000;font-size: 11px;width: 107px;height: 67px;display: block;float: left;color: black; text-decoration: none;}
.logo1 img {width: 107px; height: 67px; border: 0; }
* html a:hover {visibility:visible}
.logo1 a:hover img {visibility:hidden}
.logo1 a:active {background:transparent;}

/*for splash and contacts*/
body#splash {margin:0; padding:0; font-family:"Trebuchet MS",verdana,arial,helvetica,sans-serif; background-color:#000; color:#000;}
#contax2 {color:#ffde5c; font-weight:normal; display:block; position:absolute; left:47px; top:290px; font-size:.8em; line-height:1.6em; width:300px;}
#logo1 {position:absolute; left:0; top:0; background:url(pix/ving.gif) left top transparent no-repeat; width:100%;}
#text1 {position:absolute; left: 47px; top:160px; border:0; color:#fff; font-weight:normal; font-size:.8em; line-height:1.5em; z-index:100; width:200px;}
#text1 br {display:block;}
div#links2 {width:130px; position:absolute; left:0; top:0; padding:212px 0 0 47px;}
#links2 a, #links2 a img {text-decoration:none; border:0; background:transparent; display:block; font-size:.8em; line-height:1.6em; color:#666; font-weight:bold;}
#links2 a:hover {white-space:nowrap; color:#ffde5c;} /*essential - triggers hover in IE6? color change not enough*/
#links2 a:link img.pic, #links2 a:visited img.pic {position:absolute; left:-250px; top:0;}
#links2 a:hover img.pic {position:absolute; left:0; top:0; z-index:200; background:url(pix/ving2.gif) left top #000 no-repeat;}
#links2 a:link span#about, #links2 a:visited span#about, #links2 a:link span#contax, #links2 a:visited span#contax {display:none;}
#links2 a:hover span#about, #links2 a:hover span#contax {background:#000; color:#ffde5c; font-weight:normal; display:block; position:absolute; left:47px; top:290px; z-index:100;}

#links3 {margin-left:35%; margin-top:0; width:480px; height:477px; padding-top:206px; border:0; text-align:center; background:url(pix/spotdown.jpg) left top #000; background-repeat:no-repeat; z-index:50; font-size:36px; font-weight:bold;}
#links3 a {display:block; text-decoration:none; font-size:36px; line-height:.95em; color:#333; font-weight:bold; background:transparent; padding-bottom:3px;}
#links3 a:active {color:#33f;}
#links3 a img {display:block; border:0; position:absolute; left:-2000px;}
#links3 a:hover {white-space:normal; color:#ffde5c;}
#links3 a:hover img {position:absolute; left:230px; top:66px;}

#links3 a:hover img#pr {position:absolute; left:230px; top:66px; background:url(pix/pr.jpg) left top #000;}
#links3 a:hover img#ws {position:absolute; left:230px; top:66px; background:url(pix/ws.gif) left top #000 no-repeat; padding-right:3px; border-right:2px solid #ffde5c;}
#links3 a:hover img#lo {position:absolute; left:230px; top:66px; background:url(pix/lo.gif) left top #000 no-repeat;}
#links3 a:hover img#wr {position:absolute; left:230px; top:58px; background:url(pix/wrk.gif) left top #000;}
#links3 a:hover img#ph {position:absolute; left:230px; top:66px; background:url(pix/ph.jpg) left top #000;}

#links3 a:link span.on, #links3 a:visited span.on {display:block;}
#links3 a:hover span.on {display:none;}
#links3 a:link span.alt, #links3 a:visited span.alt {display:none;}
#links3 a:hover span.alt {display:block;}

#contax .big, #contax2 .big {font-size:1.1em; font-weight:bold;}
.tight {letter-spacing:-1px;}