/* Global Styles */

body
	{
background: none;
	margin:				0;
	padding:			0;
	color:				#000;
	font-family:		Helvetica, Geneva, Verdana, Arial, sans-serif;
	font-size:			10px;
	text-rendering: optimizeLegibility;
	}

img
	{
	border:				0;
	}

a
	{
	text-decoration:	none;
	color:				#A18C81;
	}

#focus a { text-decoration: underline; }

#focus a:hover
	{
	text-decoration:	underline;
	color:				#62584f;
	}

 		/* Div Styles */

#content
	{
	background:			#fff url(../img/inner-background.jpg) repeat-y 0 0;
	margin:				25px	auto	0	auto;
	width:				800px;
	height:				600px;
	z-index: 42;
	-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 0px 30px rgba(0,0,0,.5);
	box-shadow: 0px 0px 30px rgba(0,0,0,.5);
	}

#header
	{
	border-bottom:		2px	solid #e5e5e5;
	width:				800px;
	height:				125px;
	margin:				0;
	padding:			0;
	}

#header h1
	{
	float:				left;
	width:				124px;
	height:				125px;
	margin:				0;
	padding:			0;
	background:			url(../img/head/vdg-logo.jpg)	no-repeat;
	text-indent:		-3171983px;
	}

#header h1 a
	{
	display:			block;
	width:				124px;
	height:				125px;
	}

#hd-sitenav ul
	{
	float:				left;
	width:				519px;
	margin:				0	0	0	31px;
	padding:			0;
	height:				125px;
	list-style:			none;
	display:			inline;
	overflow:			hidden;
	}

#hd-sitenav ul li
	{
	margin:				0;
	padding:			0;
	list-style:			none;
	display:			inline;
	}

#hd-sitenav ul li a
	{
	float:				left;
	overflow:			hidden;
	width:				62px;
	margin:				17px	29px	18px	29px;
	padding:			90px	0	0	0;
	height:				0px !important;
	height	/**/:		90px; /* for IE5/Win only */
	text-indent:		-3171983px; /* IE sucks */
	}

#hd-sitenav ul li a:hover, #bdy-id #hd-id a, #bdy-post #hd-post a, #bdy-coll #hd-coll a, #bdy-pack #hd-pack a
	{
	background-position:	0	-90px;
	}

#hd-id a
	{
	margin-left:		0;
	background:			url(../img/head/ro-id.jpg)	top	left	no-repeat;
	}

#hd-post a
	{
	background:			url(../img/head/ro-post.jpg)	top	left	no-repeat;
	}

#hd-coll a
	{
	background:			url(../img/head/ro-coll.jpg)	top	left	no-repeat;
	}

#hd-pack a
	{
	margin-right:		0;
	background:			url(../img/head/ro-pack.jpg)	top	left	no-repeat;
	}


#hd-other
	{
	float:				left;
	width:				125px;
	height:				125px;
	text-align:			center;
	margin:				0;
	padding:			0;
	}

#hd-other ul
	{
	margin:				0;
	padding:			0;
	list-style:			none;
	display:			inline;
	overflow:			hidden;
	}

#hd-other ul li
	{
	margin:				0;
	padding:			0;
	list-style:			none;
	display:			inline;
	}

#hd-other ul li a
	{
	float:				left;
	overflow:			hidden;
	width:				84px;
	margin-left:		30px;
	padding:			11px	0	0	0;
	height:				0px !important;
	height	/**/:		11px; /* for IE5/Win only */
	text-indent:		-3171983px; /* IE sucks */
	}

#hd-other ul li a:hover
	{
	background-position:	0	-16px;
	}

#bdy-about #hdr-about a, #bdy-news #hdr-news a, #bdy-cont #hdr-cont a
	{
	background-position:	0	-32px;
	}

#hdr-about a
	{
	margin:				40px	0	6px	0;
	background:			url(../img/head/hdr-about.jpg)	top	left	no-repeat;
	}

#hdr-news a
	{
	margin:				6px	0	6px	0;
	background:			url(../img/head/hdr-news.jpg)	top	left	no-repeat;
	display:			none;
	}
	#hdr-news {display: none;} /* until it gets fixed */

#hdr-cont a
	{
	margin:				23px	0	35px	0;
	background:			url(../img/head/hdr-cont.jpg)	top	left	no-repeat;
	}



#midrow
	{
	}


#section-nav
	{
	clear:				both;
	width:				125px;
	height:				455px;
	float:				left;
	padding-top:		10px;
	overflow:			hidden;
	font-size:			100%;
	}


h2
	{
	font-weight:		bold;
	text-align:			center;
	margin:				0;
	padding:			0	3px	5px	3px;
	font-size:			10px;
	text-transform:		uppercase;
	border-bottom:		0px solid #ddd;
	}

#section-nav ul
	{
	margin:				0	auto;
	padding:			0;
	width:				115px;
	}

#section-nav li
	{
	text-align:			center;
	margin:				0;
	width:				115px;
	padding:			0;
	}

#section-nav li a
	{
	display:			block;
	border-right:		1px solid	#fff;
	border-left:		1px solid	#fff;
	font-weight:		bold;
	margin:				0;
	padding:			3px;
	background: #fff;
	-webkit-transition: all .15s linear;
	}

#section-nav li a:hover
	{
	text-decoration:	none;
	background:			#f5f5f5;
	border-right:		1px solid #ddd;
	border-left:		1px solid #ddd;
	}
#section-nav li.active a
	{
	text-decoration:	none;
	background:			#fff;
	border-right:		1px solid #fff;
	border-left:		1px solid #fff;
	color:				#000;
	}
#section-nav li a:active
	{
	background:			#f1f1f1;
	border-right:		1px solid #d6d6d6;
	border-left:		1px solid #d6d6d6;
	}

#focus
	{
	width:				550px;
	float:				left;
	text-align:			center;
	padding-top:		30px;
	z-index:			10;
	}

.focus
	{
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: 125px;
	width:				550px;
	text-align:			center;
	z-index:			10;
	}

#bdy-about #focus, #bdy-news #focus
	{
	overflow:			auto;
	text-align:			left;
	height:				453px;
	padding:			5px	0	0	0;
	}

#bdy-about #focus p, #bdy-indx #focus p, #bdy-news #focus p
	{
	margin-left:		50px;
	margin-right:		50px;
	}

#bdy-indx #focus
	{
	text-align:			left;
	padding:			5px	0	0	0;
	}

h3
	{
	display:			none;
	}

h4
	{
	font-size:			11px;
	margin:				0;
	}

.enlarge
	{
	margin:				.5em	0;
	font-style:			italic;
	}

	/* Info boxes -- IDs for single pages, classes for multi-item pages */

#info
	{
	width:				125px;
	float:				left;
	padding-top:		10px;
	}

.info
	{
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: 675px;
	width: 125px;
	z-index: 11;
	}

#info dl, .info dl
	{
	margin:				0	auto;
	width:				115px;
	}

#info dt, .info dt
	{
	font-weight:		bold;
	font-size:			100%;
	margin:				0;
	}

#info dt.first, .info dt.first
	{
	display:			none;
	}

#info dd, .info dd
	{
	margin-left:		.5em;
	margin-bottom:		.75em;
	}


#footer
	{
	position:			absolute;
	left:				auto;
	right:				auto;
	top:				611px;
	background:			#eee;
	z-index:			42;
	width:				800px;
	}

#foot1, #foot2, #foot3
	{
	float:				left;
	width:				125px;
	background:			#eee;
	height:				15px;
	}

#foot1
	{
	text-align:			center;
	}


#foot2 a:hover, .bdy-pg1 #foot1 a.pg1link,
.bdy-pg2 #foot1 a.pg2link, .bdy-pg3 #foot1 a.pg3link,
#foot2 a.activeSlide
	{
	text-decoration:	underline;
	}

#foot2
	{
	width:				540px;
	padding-left:		10px;
	text-align:			center;
	}

#foot1 a, #foot2 a
	{
	font-weight:		bold;
	margin:				0	4px;
	padding:			0;
	color:				#000;
	letter-spacing:		2px;
	text-transform:		uppercase;
	}

.bdy-logo #foot2 a, .bdy-app #foot2 a
	{
	font-size:			.9em;
	}

#foot1 a:hover, #foot1 a.active, #foot2 a:hover,
.bdy-pack1 #foot2 a.pack1link, .bdy-pack2 #foot2 a.pack2link,
.bdy-pack3 #foot2 a.pack3link, .bdy-pack4 #foot2 a.pack4link,
.bdy-post1 #foot2 a.post1link, .bdy-post2 #foot2 a.post2link,
.bdy-post3 #foot2 a.post3link, .bdy-post4 #foot2 a.post4link,
.bdy-post5 #foot2 a.post5link, .bdy-post6 #foot2 a.post6link,
.bdy-coll1 #foot2 a.coll1link, .bdy-coll2 #foot2 a.coll2link,
.bdy-coll3 #foot2 a.coll3link, .bdy-coll4 #foot2 a.coll4link,
.bdy-coll5 #foot2 a.coll5link, .bdy-coll6 #foot2 a.coll6link
	{
	text-decoration:	underline;
	}

#foot2 a:active
	{
	color:				#A18C81;
	}

#foot3
	{
	text-align:			left;
	}

/* About styles */

#leftcol
	{
	float:				left;
	border:				0px	solid	#666;
	width:				210px;
	padding:			0;
	margin:				5px	0	5px	30px;
	}

#rightcol
	{
	float:				right;
	border:				0px	solid	#666;
	width:				210px;
	padding:			0;
	margin:				5px	30px	5px	0;
	}

#bdy-about #focus ul
	{
	margin:				0	0	1em	0;
	padding:			0	0	0	2em;
	}
#bdy-about #focus li
	{
	margin:				0;
	padding:			0;
	}

/* Misc styles */

#iesux, .hidden
	{
	display:			none;
	}

.blah-blah /* blocks of actual text, which are a rarity on this site */
	{
	width:				490px;
	margin:				45px	30px	0	30px;
	position:			relative;
	top:				-5px;
	line-height:		2.5em;
	text-align:			left;
	}

.blah-blah p
	{
	margin-bottom:		1.5em;
	}

.blah-blah p.lead
	{
	font-size:			130%;
	}

.blah-blah h3
	{
	display:			block;
	font-size:			12px;
	}

#bdy-news h4
	{
	margin-bottom:		-1em;
	}

.newsline strong
	{
	font-weight:		bold;
	margin-right:		.5em;
	}

.newsline a
	{
	text-decoration:	none;
	color:				#A18C81;
	font-style:			italic;
	margin-left:		.25em;
	}

.map { } /* reserving this for later; this kicks the imagemaps back over from the left */

/* Sidebar effect styles */

#foot1 a.activeSlide { text-decoration: underline }
#foot1 a:hover { color: #A18C81; }
#foot1 a.activeSlide:hover { color: #000; }

#side-lists
	{
	position: absolute;
	top: 181px;
	left: 50%;
	margin-left: -395px;
	width:				118px;
	height: 			400px;
	text-align:			center;
	z-index:			10;
	background: none;
	 overflow: hidden
	}


#side-lists ul
	{
	margin:				0	auto;
	padding:			0;
	width:				125px;
	height: 			400px;
	list-style: none;
	}

#side-lists li
	{
	text-align:			center;
	margin:				0;
	width:				115px;
	padding:			0;
	list-style: none;
	}

#side-lists li a
	{
	display:			block;
	border-right:		1px solid	#fff;
	border-left:		1px solid	#fff;
	font-weight:		bold;
	margin:				0;
	padding:			3px;
	}

#side-lists li a:hover
	{
	text-decoration:	none;
	background:			#f5f5f5;
	border-right:		1px solid #ddd;
	border-left:		1px solid #ddd;
	}
#side-lists li.active a
	{
	text-decoration:	none;
	background:			#fff;
	border-right:		1px solid #fff;
	border-left:		1px solid #fff;
	color:				#000;
	}
#side-lists li a:active
	{
	background:			#f1f1f1;
	border-right:		1px solid #d6d6d6;
	border-left:		1px solid #d6d6d6;
	}

/* tests */

#home #focus div { display: none }
#home #focus div.first { display: block }