/* CSS Document */
body {margin:10px 0 30px 0; padding:0; border:0; color:#1F1F1F; font-family:arial,helvetica,sans-serif; font-size: 12px; }
/*------------- GLOBAL SELECTORS --------------*/
table { border:0; font-size: 12px; }
a img { border-width:0; border-style:none; }
p { margin:0 0px; padding: 5px 0px 20px 0px; line-height:14px;  font-family:arial,helvetica,sans-serif; font-size: 12px; }
.nonbreakingspace {padding-top:0px;padding-bottom:0px;margin:0}
h1 { font-size: 18px; color: #000000; margin:0; padding:10px 0px 5px 0px;}
h2 { font-size: 24px; font-weight:100; color: #000000; line-height:24px; margin: 0px 0 10px 0; }
h3 { font-size: 14px; font-weight: bold; line-height:16px; margin-bottom: 8px; margin-top: 0px;}
h4 { font-size: 24px; color: #cc0000; font-weight: bold; line-height:24px; margin-bottom: 5px; margin-top: 5px; }
ul { list-style: square; margin: 0;padding: 0; }
ol { margin-top : 0px; margin-bottom : 8px; }
a:link, a:hover, a:active { text-decoration:underline; color:#325DB5; }
a:visited { color:#553885;text-decoration:none; }
a:hover { text-decoration:none;color:#970a02;}
blockquote { font-style: italic; }
.left{text-align:left;}
.right{text-align:right;}
.floatleft{float:left;}
.floatright{float:right;}
.bold{font-weight:bold;}
.red{ color:#FF0000}
/*------------- END GLOBAL SELECTORS --------------*/

/* LINKS IE Windows note: FIRST :visited, THEN :hover, or it won't work */
a:link {color: #1d46a2;text-decoration:underline;margin:0;}
a:visited {color: #1d46a2;text-decoration:underline;margin:0;}
a:hover {color: #0066CC;text-decoration:underline;margin:0;}

img 		{border:0;margin:0;padding:0;}
a img 		{border:0;margin:0;padding:0;}

#wrapper {width:800px;height:212px; margin:0 auto;padding:0;border:0px solid #fff; background:#fff url(images/vcc_hdr.jpg) top left no-repeat; }

#topcontent{text-align:center;width:800px;  /*  sets width for the whole vertical column */
			height:212px;margin:0px;border: 0px solid #fff;position:relative;}	
			
#homecats{width:800px;  /*  sets width for the whole home categories column */
			margin:0px; top:100px; left:10px; position:relative;}	

			#logolink{position:absolute;top:14px;left:379px;width:267px;height:60px;margin:0;padding:0;border: 0px solid red;}
			#contactBox{position:absolute;top:11px;left:747px;width:200px;margin:0;padding:0;text-align:right;border: 0px solid red;}	
			.phone{color:#ffffff;font-family: tahoma, Arial, Helvetica, verdana, sans-serif;font-size:10px;letter-spacing:0.14em;font-style:normal;font-weight:normal;text-decoration:nonepadding-bottom:10px;}
			.size14	{font-size:14px;font-weight:bold;}
#alertHP {
	position:absolute;
	top:78px;
	left:747px;
	width:200px;
	margin:0;
	padding:5px;
	text-align:right;
	border: 0px solid red;
	clear:both;}

#alertHP a:link, #alertHP a:hover,#alertHP a:active, #alertHP a:visited {text-decoration:blink; color:#FFFF00;font-size:14px;font-weight:bold; }
#alert a:link, #alert a:hover,#alert a:active, #alert a:visited {text-decoration:blink; color:#cc3300;font-size:18px;font-weight:bold; }
			
/* START top nav links */
			#homeLink{position:absolute;top:210px;left:5px;width:20px;height:20px;margin:0;padding:0;border: 0px solid red;}
					a.contactlink{color:#ffffff;font-family: Arial, Helvetica, verdana, sans-serif;font-size:12px;font-style:normal;font-weight:normal;text-decoration:none;padding:2px;}
					a.contactlink:visited{color:#ffffff;font-family: Arial, Helvetica, verdana, sans-serif;font-size:12px;font-style:normal;font-weight:normal;text-decoration:none;padding:2px;}
					a.contactlink:hover{color:#ffff33;text-decoration:none;padding:2px;}
			
/*  this HOLDS THE MENU */
#navcontainer{
	position:absolute;
	top:210px;
	left:0px;
	width:800px;
	margin:0;
	padding:0;
	border:0px solid red;
}

/*  this HOLDS home pg left photos */
#homeleftcolumn{
	padding:50px 10px 30px 0px;
	margin:0;
	float:left;
	width:234px;

}
#maincontent{
	position:absolute;
	
	top:275px;
	width:800px;
	margin:0;

}

#gallerypgs{
	position:absolute;
	
	top:400px;
	width:800px;
	padding:0px 0px 0px 0px;
	text-align:left;
	margin:0;

}

#subpgtext{
	position:absolute;
	text-align:left;
	top:275px;
	width:800px;
	padding:0px 0px 0px 0px;
	margin:0;

}

#homeleftpic2{
	position:absolute;
	top:470px;
	padding:0px 10px 30px 0px;
	margin:0;
	float:left;
	width:234px;

}

#homeleftpic3{
	position:absolute;
	top:670px;
	padding:0px 10px 30px 0px;
	margin:0;
	float:left;
	width:234px;

}
	
/*  this HOLDS home pg photo text */
#homecentercolumn{
	margin:0;
	float:left;
	width:280px;
	padding:50px 20px 0px 0px;
	text-align:justify;
}

#homecentercolumn2{
	position:absolute;
	top:470px;
	margin:0;
	left:360px;
	width:280px;
	padding:0px 10px 30px 0px;
	text-align:justify;
}

#homecentercolumn3{
	position:absolute;
	top:670px;
	margin:0;
	left:360px;
	width:280px;
	padding:0px 10px 30px 0px;
	text-align:justify;
}

/*  this HOLDS home pg right column info */
#homerrtcolumn{
	position:absolute;
	top:300px;
	float:right;
	left:650px;
	margin:0;
	width:220px;
	padding:0px 0px 0px 20px;
	text-align:center;
}
#homevertcol{
	position:absolute;
	top:302px;
	left:644px;
	margin:0;
	width:2px;
	padding:0px 0px 0px 0px;
	color:#000000;
}

		

						
#main {width: 800px;margin:0; padding:0;border:0px solid #fff; background-color:#FFFFFF; overflow:hidden;}/*  VERY COOL!overflow:hidden finally shows the background around the 2 floated divs !*/
	#homepage{width: 800px;margin:5px 30px 30px 30px; padding:0px;border:0px solid aqua;}
	#homepage h1{color:#646f7a; text-align:center;font-size: 18px; font-family: "Trebuchet MS",verdana, arial,helvetica,sans-serif;}
	#homepage h3{color:#3572b8; text-align:center;font-size: 17px;border:0px;}
							/* IF a H3 needs to be a link use this:  */
							a.h3link{color:#3572b8;font-family: "Trebuchet MS",verdana, arial,helvetica,sans-serif;font-size:17px;text-decoration:none;}
							a.h3:visited{color:#3572b8;font-family: "Trebuchet MS",verdana, arial,helvetica,sans-serif;font-size:17px;text-decoration:none;}
							a.h3link:hover{color:#1ca746;text-decoration:none;}
		

/*  INSIDE PAGE COLUMNS */
		#leftcol {float:left;width: 215px;margin:20px 0 0 10px;padding:0px;}
			#leftcol p { margin:0;padding:0 7px 12px 10px; line-height:1.3; }
			
#menuLeft {width:215px;margin:0 0 30px 0;padding:0;text-align:left;border-right:1px solid #e6e6e6;}
			#menuLeft UL {
				font-size: 11px; 
				color: #358549; 
				margin:0;
				padding:0;
				list-style-type:none;}
			#menuLeft ul li {
				color:#358549;
				font-family: verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:normal;
				border-top:0px solid #ccc;
				border-bottom:0px solid #ccc;				
				margin:0;
				padding:0;
				text-align:left;
				line-height:20px;
				display:block;}
			#menuLeft ul li a {	
				background: url(images/dbl_whitearrow16.gif) right center no-repeat;			
				border-top:1px solid #fff;
				border-bottom:1px solid #fff;
				font-family: verdana, Arial, Helvetica, sans-serif;
				font-weight:normal;
				text-decoration:none;
				margin:0;
				padding:2px 0 2px 8px;
				color:#358549;
				display:block;}
			#menuLeft ul li a:hover {
				background:#1878c1 url(images/dbl_whitearrow16.gif) right center no-repeat;
				border-top:1px solid #ccc;
				border-bottom:1px solid #ccc;
				margin:0;
				padding:2px 0 2px 8px;
				font-family: verdana, Arial, Helvetica, sans-serif;
				font-weight:normal;
				text-decoration:none;
				color:#fff;
				display:block;}	

			
			
		#rightcol { float:left;width: 690px;margin:20px 0 20px 20px;padding:0;text-align:justify;}
			#rightcol p { margin:0;padding:0 0 12px 0px; line-height:1.3; font-size: 12px;}
			
			
		/*THESE default UL, LI MUST COME AFTER the menu in css */					
			#rightcol ul {font-size: 105%;color: #039; margin-left:0px;padding:0 0 12px 15px;list-style-type:disc;list-style-position:outside;}
			#rightcol li {color: #000;font:12px/20px verdana, arial, helvetica, sans-serif;line-height:18px;margin-left:1.05em;}
			
		/*  USE THESE only for ONLINE REGISTRATION PAGE - FULL WIDTH */	
			#rightcolFULL { float:left;width: 910px;margin:20px 0 20px 20px;padding:0;text-align:justify;border:0px solid red}
			#rightcolFULL p { margin:0;padding:0 0 12px 0px; line-height:1.3; font-size: 12px;}
			#rightcolFULL ul {font-size: 105%;color: #039; margin-left:0px;padding:0 0 12px 15px;list-style-type:disc;list-style-position:outside;}
			#rightcolFULL li {color: #000;font:12px/20px verdana, arial, helvetica, sans-serif;line-height:18px;margin-left:1.05em;}
					


#basementfooter {position:absolute; top:1350px; width: 800px; height:20px;margin:0px;padding:10px 0px 10px 0px;text-align:center;}	
#mantlefooter {position:absolute; top:1850px; width: 800px; height:20px;margin:0px;padding:10px 0px 10px 0px;text-align:center;}	
#homefooter {position:absolute; top:880px; width: 800px; height:20px;margin:0px;padding:10px 0px 10px 0px;text-align:center;}	
#footer {width: 800px; height:20px;margin:0px;padding:10px 0px 10px 0px;text-align:center;}
#footer ul{margin:0;padding:15px 0;list-style-type:none;vertical-align:middle; text-align:center;}
#footer ul li {display:inline;font-family: "Trebuchet MS",tahoma, Arial, Helvetica, verdana, sans-serif;font-size:101%;font-style:normal;font-weight:normal;letter-spacing:-.25px;margin:0;padding:0 5px 0 0;color:#999999;}
#footer ul li a {font-family: Arial, Helvetica, verdana, sans-serif;text-decoration:none;margin:0;padding: 0;color:#808080;}
#footer ul li a:hover {font-family: Arial, Helvetica, verdana, sans-serif;color:#074e9e;text-decoration:underline;}	

#homecopyright {position:absolute; top:915px; bottom:0; width: 800px; height:15px;margin:0px;padding:10px 0px 0px 0px;text-align:center; font-size:11px;}
#mantlecopyright {position:absolute; top:1890px; bottom:0; width: 800px; height:15px;margin:0px;padding:10px 0px 0px 0px;text-align:center; font-size:11px;}
#basementcopyright {position:absolute; top:1380px; bottom:0; width: 800px; height:15px;margin:0px;padding:10px 0px 0px 0px;text-align:center; font-size:11px;}
#copyright {width: 800px; height:15px;margin:0px;padding:10px 0px 0px 0px;text-align:center; font-size:11px;}
#homenvd {position:absolute; top:940px; bottom:0; width: 800px; height:15px;margin:0px;padding:0px 0px 0px 0px;text-align:center; font-size:10px;}
#nvd {width: 800px; height:15px;margin:0px;padding:0px 0px 0px 0px;text-align:center; font-size:10px;}
#mantlenvd {position:absolute; top:1920px; bottom:0; width: 800px; height:15px;margin:0px;padding:0px 0px 0px 0px;text-align:center; font-size:10px;}
#basementnvd {position:absolute; top:1405px; bottom:0; width: 800px; height:15px;margin:0px;padding:0px 0px 0px 0px;text-align:center; font-size:10px;}

