body {
		text-align: center;
		font-family: sans-serif;
		font-size: 96%;
		}

/*  --- these rules change page background color and graphics --- */
body#home { background: #FF0000 url(../images/bkgd_home.gif); }
body#what { background: #4573B3 url(../images/bkgd_what.gif); }
body#where { background: #66BB50 url(../images/bkgd_where.gif); }
body#how { background: #FF8000 url(../images/bkgd_how.gif); }
body#pr { background: #9E49A1 url(../images/bkgd_pr.gif); }
body#info { background: #FF0000 url(../images/bkgd_home.gif); }

/*  --- these  rules change the h1-h5 colors on related pages --- */
#home h1, h2, h3, h4, h5 { color: #FF0000; }
#what h1, h2, h3, h4, h5 { color: #4573B3; }
#where h1, h2, h3, h4, h5 { color: #66BB50; }
#how h1, h2, h3, h4, h5 { color: #FF8000; }
#pr h1, h2, h3, h4, h5 { color: #9E49A1; }
#info h1, h2, h3, h4, h5 { color: #FF0000; }

h1 {font-size: 1.75em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1em;}
h5 {font-size: .9em;}
p, ol {font-size: .8em; color:#333333;}



.image-right
{
float: right;
margin: 0 0 5px 10px;
border: 1px solid #666;
padding: 4px;
}

.image-left
{
float: left;
margin: 0 10px 5px 0;
border: 1px solid #666;
padding: 4px;
}

.image-top-page
{
float: center;
margin: 5px 0px 5px 0;
border: 1px solid #666;
padding: 1px;
}

 .dropcap
{
float: left;
width: .7em;
font-size: 1.5em;
line-height: 83%;
color:#FF0000;
padding-right:.2em;
}

.head-home { color: #FF0000; }
.head-what { color: #4573B3; }
.head-where { color: #66BB50; }
.head-how { color: #FF8000; }
.head-pr { color: #9E49A1; }
.head-info { color: #FF0000; }

#wrapper
{
		margin: 0 auto;
		width: 750px;
		text-align: left;
}


#page-header
{
		width: 100%;
		height: 85px;
		background: url(../images/vjc_logo.gif);
		background-repeat: no-repeat;
}
#page-header h1
{ 
		color: #000;
		font-size: 1.75em;
		padding-left: 120px;
		padding-top: 40px;
		text-align: left;
		font-family: sans-serif;
}

#user-tools
{
		float: right;
		border: 0;
}

#user-tools img {border: 0;}

/* #nav
{
		width: 100%;
		height: 25px;
		text-align: left;
		background: #4573B3
} */

.clear {clear:both;}
/* <br class="clear" /> */



/* -------------------------------------------------------------------
Rounded corner page box
------------------------------------------------------------------- */
#page-container h1, #page-container h2, #page-container p {margin:0 10px;}
/*#page-container h1 {font-size:2.5em; color:#fff;}*/
#page-container h2 {font-size:2em;color:#06a; border:0;}
#page-container p {padding-bottom:0.5em;}
#page-container h2 {padding-top:0.5em;}
#page-container {background: transparent; margin:1em;}

.page-top, .page-bottom {display:block; background:transparent; font-size:1px;}
.page-b1, .page-b2, .page-b3, .page-b4 {display:block; overflow:hidden;}
.page-b1, .page-b2, .page-b3 {height:1px;}
.page-b2, .page-b3, .page-b4 {background:#FFFFFF; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4;}
.page-b1 {margin:0 5px; background:#d4d4d4;}
.page-b2 {margin:0 3px; border-width:0 2px;}
.page-b3 {margin:0 2px;}
.page-b4 {height:2px; margin:0 1px;}

.page-boxcontent {display:block; background:#FFFFFF; border:0 solid #d4d4d4; border-width:0 1px;}


/* -------------------------------------------------------------------
Rounded corner sideboxes
------------------------------------------------------------------- */
.xsnazzy h3, .three-snazzy h3, .zsnazzy h1 {margin:0; padding:0 10px 5px 10px; border-bottom:1px solid #CCC;}
/* .xsnazzy h1, .zsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #CCC;}
 */
.xsnazzy p, .zsnazzy p, .three-snazzy p, .two-snazzy p { margin:0; padding:10px 10px; font-size:10px;}
.xsnazzy {background: transparent; float:left; margin:0 3px;}

.three-snazzy {background: transparent; width:200px; float:left; margin:0 3px; padding:10px;}
.two-snazzy {background: transparent; width:313px; float:left; margin:0 3px; padding:10px;}

/* .xsnazzy {background: transparent; width:240px; float:left; margin:0 3px;} */

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #CCC; border-right:1px solid #CCC;}
.xb1 {margin:0 5px; background:#CCC;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #CCC; border-width:0 1px; height:auto;}
.three-boxcontent {display:block; border:0 solid #CCC; border-width:0 1px; height:350px;}
.two-boxcontent {display:block; border:0 solid #CCC; border-width:0 1px; height:auto;}


* html .xboxcontent {height:1px;}

.color-home { background: #FF0000 url(../images/bkgd_home.gif); color:#fff;}
.color-what { background: #4573B3 url(../images/bkgd_what.gif); color:#fff;}
.color-where { background: #66BB50 url(../images/bkgd_where.gif); color:#fff;}
.color-how { background: #FF8000 url(../images/bkgd_how.gif); color:#fff;}
.color-pr { background: #9E49A1 url(../images/bkgd_pr.gif); color:#fff;}
.color-info { background: #FF0000 url(../images/bkgd_home.gif); color:#fff;}


/* -------------------------------------------------------------------
Top page bullets
------------------------------------------------------------------- */
#top-what-list
{
list-style: none;
}
#top-what-list li
{
padding-left: 25px;
background-image: url(../images/bullet_what.gif);
background-repeat: no-repeat;
background-position: 0.5em;
font-size:10px;
line-height:15px;
}

#top-where-list
{
list-style: none;
}
#top-where-list li
{
padding-left: 25px;
background-image: url(../images/bullet_where.gif);
background-repeat: no-repeat;
background-position: 0.5em;
font-size:10px;
line-height:15px;
}

#top-how-list
{
list-style: none;
}
#top-how-list li
{
padding-left: 25px;
background-image: url(../images/bullet_how.gif);
background-repeat: no-repeat;
background-position: 0.5em;
font-size:10px;
line-height:15px;
}

/* -------------------------------------------------------------------
Inside page bullets
------------------------------------------------------------------- */
#what-list
{
list-style: none;
}
#what-list li
{
padding-left: 25px;
background-image: url(../images/bullet_what.gif);
background-repeat: no-repeat;
background-position: 0  .1em;
font-size: .8em;

}

#where-list
{
list-style: none;
}
#where-list li
{
padding-left: 25px;
background-image: url(../images/bullet_where.gif);
background-repeat: no-repeat;
background-position: 0  .1em;
font-size: .8em;
}

#how-list
{
list-style: none;
}
#how-list li
{
padding-left: 25px;
background-image: url(../images/bullet_how.gif);
background-repeat: no-repeat;
background-position: 0  .1em;
font-size: .8em;
}

/* -------------------------------------------------------------------
Main page links
------------------------------------------------------------------- */

a:link
{
text-decoration: none;
color: #000000;
border-bottom: 1px dotted #666666;
}
a:visited
{
text-decoration: none;
color: #000000;
border-bottom: 1px dotted #666666;
}
a:hover
{
text-decoration: none;
color: #000000;
border-bottom: 2px solid #666666;
}
a:active
{
text-decoration: none;
color: #000000;
border-bottom: 1px solid #000000;
}
a:link img, a:visited img, a:hover img, a:active img
{
text-decoration: none; 
border-top: none;
border-right: none; 
border-bottom: none;
border-left: none;
}

#content
{
	margin: 15px;
}


#left-column
{
	width:450px; 
	float:left; 
}

#right-column
{
	width:200px; 
	float:right;
}


#footer
{
	clear:both;
	width: 100%;
	height: 20px;
	font-size:10px;
	font-family: sans-serif;
	color:#666666;
	margin-top: 10px;
	padding-top: 5px;
	text-align: center;
	background: #EEEEEE;
}

#copyright
{
	font-size:10px;
	font-family: sans-serif;
	margin-top: 9px;
	padding-bottom: 10px;
	color:#999999;
	text-align: center;
}