/* VIIF CSS - by David Chun - http://www.davidchun.com/ */
/* All associated graphics copyright 2004, David Chun   */


/* common stuff --------------------------------------- */
body 
{
	margin:15px 15px 15px 15px;
	background:#333333;
	font-family: verdana, arial, sans-serif;
	font-size:11px;		
}

A               { color: #003366; text-decoration: underline; }
A:link		{ color: #003366; text-decoration: underline; }
A:visited	{ color: #003366; text-decoration: underline; }
A:active	{ color: #999999; }
A:hover	        { color: #999999; }


/* layout --------------------------------------------- */
#content 
{
	width: 720px;
	margin-left: 20px;
	border-left:5px solid #FFFFFF;
	border-right:5px solid #FFFFFF;
	voice-family: "\"}\"";
	voice-family: inherit;
}


/* header --------------------------------------------- */
#topbanner 
{
	background: url(viif-fixed.gif) top left no-repeat;
	height:250px;
	border-top:5px solid #FFFFFF;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:250px;
}

#navbar 
{
        background:#000000;
	font-size:12px;

	color: #FFFFFF;
        height: 16px;
	border-top:0px solid #FFFFFF;
        voice-family: "\"}\"";
	voice-family: inherit;
	height:16px;
}

#navbar A 		{ color: #FFFFFF; text-decoration: none; }
#navbar A:link		{ color: #FFFFFF; text-decoration: none; }
#navbar A:visited	{ color: #FFFFFF; text-decoration: none; }
#navbar A:active	{ color: #FFFFFF; text-decoration: underline; }
#navbar A:hover		{ color: #FFFFFF; text-decoration: underline; }

/* body --------------------------------------------- */
h1 
{
	margin-left:10px;
	margin-right:10px;
	font-size:16px;
	color:#006699;
	text-transform: none;
}

h2 
{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	margin-top:0px;
	font-size:12px;
}

h3 
{
	margin-left:10px;
	margin-right:10px;
	font-size:12px;
}

p
{
	margin-left:10px;
	margin-right:10px;
}

li
{
	margin-left:35px;
	margin-right:10px;
}

.blogPost
{
	margin-left:10px;
	margin-right:10px;
}

#mainleft 
{
	float:left;
	background:#CCCCCC;
	border-left:1px solid #000000;
        voice-family: "\"}\"";
	voice-family: inherit;
}

#maincenter 
{
	font-size: 11px;
	background:#fff;
        voice-family: "\"}\"";
	voice-family: inherit;
}

#maincenter h3 
{
	font-size: 11px;
}

#mainright 
{

}


#mainright p
{
	font-size: 11px;
}

.bottombanner 
{
	background: url(footer.gif) top left no-repeat;
	border-top:5px solid #FFFFFF;
	border-bottom:5px solid #FFFFFF;
	voice-family: "\"}\"";
	voice-family: inherit;
}


#credits 
{
	font-size:9px;
	color:#999999;
}

#credits A		{ color: #99CCFF; text-decoration: underline; }
#credits A:link		{ color: #99CCFF; text-decoration: underline; }
#credits A:visited	{ color: #99CCFF; text-decoration: underline; }
#credits A:active	{ color: #FFFFFF;  }
#credits A:hover	{ color: #FFFFFF;  } 

/*  MENU STUFF */

#menu {
    background-color: #000000;
}
#menu div.top {
    padding-top: 5px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}
#menu div.section {
    position: absolute;
    display: inline;
    z-index: -20;
}
#menu div.box {
    background-color: #505050;
    padding-top: 4px;
    padding-bottom: 5px;
    padding-left: 6px;
    padding-right: 8px;
    border-color: #666666;
    border-width: 1px;
    border-style: none none solid none;
    position: relative;
    visibility: hidden;

}
#menu a {
    font-family: verdana;
    font-size: 11px;
    color: #DDDDDD;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
}
#menu a:hover {
    font-family: verdana;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: underline;
    white-space: nowrap;
}