body {
         margin-left:30px 0px;
         margin-right:30px 0px;
         padding:0px;
         text-align:center;
	 background: #FFF url("images/vskygrad1.gif");
	 font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}

#Content {
         width:80%;
         min-width: 600px;
         margin:0px auto;
         text-align:left;
         padding:15px;
}

.thumbblock { float: left; width: 320px; margin-right: 20px; margin-bottom: 20px; margin-top:8px; background: #CCD;}
.thumbblock2 { float: left; width: 390px; margin-right: 20px; margin-bottom: 20px; margin-top:8px; background: #CCD;}
.thumbblock3 { float: left; margin-right: 20px; margin-bottom: 20px; margin-top:8px; background: #CCD;}
.blurbblock { padding: 0 0 0 0;}
.med { float:left; margin-right: 4px; }
.med2 { float:left; margin-top: 1px; }

.fourofour {
    background: url(images/404.gif);
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}
.page { 
    width: 100%;
    height: 100%;
}
.mid {
    vertical-align: middle; text-align: middle; 
}
p { padding: 5px 5px 5px 5px; }

a 
{
    text-decoration: none;
    white-space: nowrap;
}

a:hover 
{
    text-decoration: underline;
    white-space: nowrap;
}

a.nav:hover 
{
    text-decoration: underline;
    color: #DDD;
    background: #222;
    white-space: nowrap;
    padding: 2px;
    border: 1px solid #000;
}

a.nav 
{
    text-decoration: none;
    white-space: nowrap;
    color: #000;
    padding: 2px;
    border: 1px solid #FFF;
}
.navselected 
{ 
    color: #000; 
    padding: 2px;
    border: 1px solid #777;
    border-bottom: none;
}
.navbar
{
   padding-left: 40px;
   width: 100%;
   white-space: nowrap; 
   text-align: left;
}
.navlinks
{
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 12px;
}
.box { 
	color:#333; clear: both; 
}
.boxCornerSize 
{
	width:18px; 
	height:18px;
	background:url(images/corner3.gif) no-repeat;
}
.boxTL, .boxBL { float:left; }
.boxTR, .boxBR { float:right; }
.boxTR { background-position:right 0; }
.boxBottom { height:18px; width:100%; }
.boxBL { background-position:0 bottom; }
.boxBR { background-position:right bottom; }
.boxEnd { clear:both; }
.boxContent { clear:both; }
.boxContent p { margin:0 30px; font-size: 85%; }
.blue { background-color:#DDE; }
.red { background-color:#FBB; }
.gold { background-color:#EED; }
.green { background-color:#CFC; }
.blueish {background:#CCCCFF;}
.orangy {background:#F3DF90;} 
.heading 
{ 
    background-color:#E6E6F4; 
    color:#778;
    border-left:2px solid #DDE; 
    border-right:2px solid #DDE; 
    border-top:1px solid #BBC; 
    border-bottom:1px solid #BBC; 
    background: url("images/vg1.gif");
    font:bold 11pt/1.5em Verdana, Arial, Helvetica, sans-serif; 
}
.thumb { border-top:none; border-left:none; border-bottom: 1px solid #667; border-right: 1px solid #667;}
.small { width:75px; height:60px; }
.medium { width:156px; height:124px; }
.large { width:100%; }
.dl { 	 
	padding: 0 0 8px 96px; 
	position:relative;
	top:-4px;
	background: url("images/download.png") no-repeat; 
	margin-right: 8px; 
	margin-left: 8px; 
}
.dl:hover {
	opacity:.50;
	text-decoration:none;
}
.dlt {
	position:relative;
	top:4px;
}
.blackfg { color: #000; background: #CCD; font-size:90%;}
.whitefg { color: #FFF; background: #CCD; font-size:90%;}
.links { width:100%; font-size:85%; padding-top:0px; padding-bottom:0px;}
.link { width:65%; text-align: right; vertical-align:top;}
.links2 { width:100%; font-size:95%; padding-top:0px; padding-bottom:0px;}
.linktext { width:35%; text-align: left; color:#556; vertical-align:top;}
.link2 { width:50%; text-align: right; vertical-align:top;}
.linktext2 { width:50%; text-align: left; color:#556;}
.imgmid {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 128px;
	height: 96px;
	opacity:.75;
	padding-right: 2px;
	padding-bottom: 2px;
	background: #88C;
	border-right: solid 2px #AAF;
	border-bottom: solid 2px #AAF;
} 

a .imgmid:hover {
	opacity:.99;
}

div#box{
        margin:0px auto;
        padding:30px 40px 40px 40px;
        text-align:left;
        background: #E6E6F4;
        color: #464654;
        font-size: 85%;
        border-bottom: solid 2px #877;
}

h3 { clear:both;
        margin-top:20px;
        padding-top:35px;
        padding-left:5px;
        padding-bottom:0px;
	opacity:.75;
        background: url("images/bar.png") no-repeat;
}
h3 a { font-size: 85%;}

h4 { clear:both;
        margin-top:20px;
        padding:0px;
}
h5 { 
	text-align:center; 
	margin: 2px;
	padding-bottom:4px;
}
a {white-space: nowrap;}
img {border:0px;}
div#menu {padding-left:40px; padding-bottom:2px;}
ul#nav,ul#nav li        {list-style-type:none;margin:0;padding:0;}
ul#nav                  {float:left;font-size: 90%; padding-top:8px; padding-bottom:1px;}
ul#nav li               {float:left;margin-left: 3px;text-align: center;}
ul#nav a                {float:left;width: 95px;padding: 5px 0;background: #B6B6D4;text-decoration:none;color: #20558A;}
ul#nav a:hover          {background: #464654;color: #FFC; }
ul#nav li.activelink a,ul#nav li.activelink a:hover     {background: #E6E6F4;color: #003;}
div#intro ul#nav a      {float:left;padding: 3px 0;width: 64px; background: #8CD;text-decoration:none;color: #20558A; border:none;}
div#intro ul#nav a:hover {background: #20558A;color: #8CD; }

div.date{float:left;
        width: 4em;
        padding: 5px 0;
        background: #F1DDC4;
        border: solid 1px #666;
        color:#B0001E;
        text-align:center;
        margin: 3px 10px 6px 0;
        font-size: 80%;
        line-height:0.9;}
div.date span{display:block;font-size: 150%;font-weight:bold}

div#images { background: #DDDDFF; padding:10px; margin: 4px 10px 10px 0; float:left; opacity:.70;}

div#left{float:left;display:inline;width:57%;margin:0 0 0px 0px;}
div#right{float:right;display:inline;width: 37%; margin:0px 0px 0px 0; padding: 0 0 0 0;}
div#right p{margin:5px 0 10px;padding: 0 10px}
div#right div{margin: 0 0 10px;padding: 10px 0}

div#middle{float:right;display:inline;width: 37%; margin:0px 0px 0px 0; padding: 18px 0 0 0;}
div#middle p{margin:5px 0 10px;padding: 0 10px}
div#middle div{margin: 0 0 10px;padding: 10px 0}

ul#tri,ul#tri li{list-style-type:none;margin:0;padding:0}
ul#tri{width:100%;overflow:hidden;margin-bottom:20px}
ul#tri li{float:left;width:180px;margin-right:10px;padding: 10px 0}
ul#tri li#right{margin-right:0;}
ul#tri p {margin:0;padding: 0 10px}