body {
	background-color: #000000;
	color: #cccccc;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

p, div, ul, ol, dd, li, dt, table, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #cccccc;
	font-size: 11px;
	font-size/* */:/**/12px;
	font-size: /**/12px;
}

a:link, a:visited {
	color: #f6b324;
	text-decoration: underline;
	background-color: transparent;
}

a:hover {
	text-decoration:  none;
	background-color: transparent;
	color: #ffffff;
}

a:active {
	color: #000000;
	text-decoration: none;
	background-color: #ffffff;
}


/* get rid of the underlines for the named anchors on
the headers */
a h1, a h2, a h3, a h4 {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, th {
	font-family: Arial, Helvetica, sans-serif;
	background-color: transparent;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 {
	color: #ffffff;
	font-size: 17px;
	font-size/* */:/**/18px;
	font-size: /**/18px;
}

h2 {
	color: #ffffff;
	font-size: 15px;
	font-size/* */:/**/16px;
	font-size: /**/16px;
}

h3 {
	color: #ffffff;
	font-size: 13px;
	font-size/* */:/**/14px;
	font-size: /**/14px;
}

h4, h5, h6 {
	color: #ffffff;
	font-size: 11px;
	font-size/* */:/**/12px;
	font-size: /**/12px;
}


blockquote, p {
	line-height: 1.5em;
}

img {
	display: block;
	border: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
}


#JustaContainer ul li {
	border: 0px solid #000000;
	list-style-image: url(/images/bullet_ff6600.gif);
}

li, dd {
	line-height: 1.6em;
}
dd {
	padding: 0;
	margin-left: 10px;
}
dt {
	font-weight: bold;
	margin-top: 1.2em;
}


/* keep nested ol's in ul's from taking on image styles. */
ol li {
	list-style-image: none;
}


#Wrapper {
	border: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#Container {
	border: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}



#HeaderWrapper {
	border: none;
	margin: 0px;
	padding: 0px;
}

#HeaderContent{
	border: none;
	margin: 0px;
	padding: 0px;
	height: 262px;
	background-color: transparent;
	background-image: url(/images/headers/galleries.jpg);
	background-repeat: no-repeat;
	background-position: 0px 80px;
}

#Logo {
	padding: 0px;
	margin: 0px;
	border: none;
	background-color: transparent;
	background-image: url(/images/vcg_logo.png);
	background-repeat: no-repeat;
	height: 199px;
	background-position: -25px 0px;
}



/*Contains the navigation bg image */
#NavBar {
	padding: 0px;
	margin: 0px;
	border: none;
	background-color: transparent;
	color: #ffffff;
	background-image: url(/images/nav_bkg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 38px;
}

/*Contains the navigation list items */
#NavList {
	margin: 0px; 
	padding: 0px;
	list-style-type: none; 
	margin-top: 38px;
	float: right;
}

#NavList li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	float: left;
	line-height: 44px;
}

#NavList a {
	width: 104px;
	background: transparent;
	border: none;
	margin: 0px;
	color: #ffffff;
	text-decoration: none;
	float: left;
	text-align: center;
	text-transform: capitalize;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size/* */:/**/13px;
	font-size: /**/13px;

}

#NavList a:link, #NavList a:visited {
	color: #ffffff;
	text-decoration: none; 
}

#NavList a:hover {
	color: #ffffff;
	background-image: url(/images/nav_active.jpg);
	background-repeat: repeat-x;
}

#NavList a:active {
	background-color: transparent;
	color: #ffffff;
}

/* Highlight the current page */
body#home a#homenav,
body#about a#aboutnav,
body#services a#servicesnav,
body#store a#storenav,
body#gallery a#gallerynav,
body#links a#linksnav,
body#contacts a#contactsnav,
body#facebook a#facebooknav {
	background-image: url(/images/nav_active.jpg);
	background-repeat: repeat-x;
}





/***************Begin Content ***************/

/* contains everything below the Header.
Used in certain cases where the side nav can
screw up other areas. */
#JustaContainer {
	padding: 0px;
	margin: 0px;
	border: none;
	background-color: transparent;
	background-image: url(/images/sidebar_bkg.png);
	background-repeat: repeat-y;
   background-position: -18px 0;
	/* border: 1px solid transparent; (sometimes needed to fix a strange Chrome bug */
}

#SideBar {
	float: left;
	margin: 0px;
	padding: 0;
	border: none;
	background-color: transparent;
	width: 260px;
}

#GoToStore{
	border: none;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	background-color: transparent;
}

#GoToStore a {
	background-image: url(/images/go-to-store.png);
	background-repeat: no-repeat;
	background-position: -3px -6px;
	height: 130px;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-indent: -5000px;
}

#GoToStore a:link, #GoToStore a:visited {
	text-decoration: none;
	background-color: transparent;
}

#GoToStore a:hover, #GoToStore a:active {
	background-image: url(/images/go-to-store-over.png);
	text-decoration: none;
	background-color: transparent;
}

#GottaGimp {
	position: absolute;
	overflow: hidden;
	left: -9999px; 
	top: -9999px;
	height: 1px;
	width: 1px;
	background-image: url(/images/go-to-store-over.png);
	background-position: -9999px -9999px;

}

/* hide store header unless on store pages */
#GoToStore h3 {
	display: none;
}
body#store #GoToStore h3 {
	display: block;
	padding: 20px 5px 20px 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #f6b324;
/*	width: 214px;
	padding-top: 10px;
	margin-top: 25px;
	background-image: url(/images/h_title_bkg.png);
	background-repeat: repeat-x;*/
}

/* hide go to store link if on store pages */
body#store #GoToStore a {
	display: none;
}


/* total width = width + margin + padding */
#SideBarContent {
	margin: 0;
	padding: 0px 5px 10px 15px;
	border: none;
	background-color: transparent;
	width: 234px;
	width/* */:/**/214px;
	width: /**/214px;
}
#SideBarContent ul {
	margin: 1px 0px 10px 15px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#SideBarContent li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: url(/images/bullet_ff6600.gif);
}

#SideBarContent a {
	color: #ff6600;
	background-color: transparent;
	text-decoration: underline;
}
#SideBarContent a:hover {
	color: #f6b324;
	background-color: transparent;
	text-decoration: none;
}
#SideBarContent a:active {
	color: #ffffff;
	background-color: #ff6600;
	text-decoration: none;
}

#SideBarContent h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 11px;
	font-size/* */:/**/12px;
	font-size: /**/12px;
}


/* MainContent contains all the page content.
margin-left same width as SideBarContent plus a few (a lot!) */
#MainContent {
	min-height: 500px;
	margin: 0px;
	padding: 20px 15px 10px 5px;
	border: none;
	background-color: transparent;
	margin-left: 285px;
	margin-left/* */:/**/265px;
	margin-left: /**/265px;
}

#MainContent h2 {
	padding: 5px 0 0 0;
	margin: 20px 0;
	background-image: url(/images/h_title_bkg.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}


/* need to pull the footer up a few px so the content clearing div is covered, 
	otherwise, there will be a small gap in the side bar in IE */
#FooterWrapper {
	border: none;
	padding: 0;
	margin: 0;
	margin-top: -5px;
	background-image: url(/images/footer_line_bkg.jpg);
	background-repeat: repeat-x;
} 


#FooterContainer {
	border: none;
	margin: 0;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	height: 177px;
	background-image: url(/images/footer_main_bkg.jpg);
	background-repeat: no-repeat;
	background-position: -18px 0px;
} 

#FooterContent{
	padding-top: 98px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 352px;
}

.copyright, .contact {
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc;
	font-size: 9px;
	font-size/* */:/**/11px;
	font-size: /**/11px;

}








/* table stuff */
caption {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
	font-size/* */:/**/12px;
	font-size: /**/12px;
}

table img,
td img,
td p img {
	border: none;
	display: inline;
}

#dataTable {
	border-collapse: collapse;
	border: none;
	width: 98%;
	background-color: transparent;
	margin: 10px 0px 10px 0px;
}

#dataTable th a {
	color: #FFFFFF;
}

#dataTable td {
	border: none;
	padding: 3px;
	vertical-align: top;
}

#dataTable th {
	font-weight: bold;
	background-color: #4e6da9;
	color: #ffffff;
	padding: 4px;
	font-size: 13px;
	font-size/* */:/**/14px;
	font-size: /**/14px;
}



/* A bunch of miscellaneous classes */
/* 
Used when we have an alternate style that uses vertical nav;
not used in the horizontal nav.
need this container to clear out the 2 columns - sometimes
there is a bug in IE6 that makes things disappear in the left
column, the cleared container keeps things from disappearing */
.contentClear {
	clear: both;
	line-height: 1px;
}
.contentClearRight {
	clear: right;
	line-height: 1px;
}
/* we don't need no stinkin' fluffers! */
.fluffer {
	display: none;
}

.required {
	color: #FF0000;
}

.noBlock {
	display: inline;
}

.textAlignRight {
	text-align: right;
}

.textAlignLeft {
	text-align: left;
}

.textAlignCenter {
	text-align: center;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.floatClearBoth {
	clear: both;
}

/*centers block level elements*/
.marginAuto {
	margin-left: auto;
	margin-right: auto;
}

img.marginAuto {
	text-align: center;
}

.attention {
	font-weight: bold;
	color: #FF0000;
	background-color: transparent;
}

.smallText {
	font-size: 9px;
	font-size/* */:/**/10px;
	font-size: /**/10px;
}

.highlight {
	background-color: #e1e1e1;
	margin-left: 15%;
	margin-right: 15%;
	padding: 5px 10px;
	border: 1px dashed #000000;
	color: black;
}

.highlight h3,
.highlight p {
	color: black;
}

/* used for the top of page link */
.climbTop {
	text-align: right;
}

/* for areas with just text - we make it readable doncha know. */
.n3-dribble {
	width: 475px;
	margin: 0px;
}


/* used for form elements*/
form {
	margin: 0px;
}

select.select-type1 {
	background-color: #e1e1e1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}

/* check #storeDetailTable .formField in store.css for other
	settings, i.e., width */
.formField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background-color: #ffe42e;
	background-color: #e1e1e1;
	color: #000000;
	padding: 3px 4px 3px 3px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #ffffff;
	border-right-color: #aeaeae;
	border-bottom-color: #ffffff;
	border-left-color: #aeaeae;
}

textarea.formField {
	padding: 5px;
}

.button {
	cursor: pointer;
	background-color: #e1e1e1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #999999;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}

.buttonOver {
	cursor: pointer;
	background-color: #F5F5F5;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	font-size: 10px;
	font-size/* */:/**/11px;
	font-size: /**/11px;
}
/*end of forms*/


a img {
	display: inline;
}
/* make sure the images with links don't display a bg color */
a:hover img {
	background-color: transparent;
}


/* ncubed image gallery CSS */
#n3-galleryTable {
	border: 0px solid #000000;
	margin: 20px;
	margin-left: auto;
	margin-right: auto;
}

#n3-galleryTable td {
	padding: 5px;
	border: 0px solid #000000;
	text-align: center;
	vertical-align: bottom;
	font-weight: bold;
	padding-bottom: 20px;
}

#n3-galleryTable a img {
	border: 0px;
}
.n3-Error {
	color: red;
	border: 1px solid black;
	background-color: transparent;
	padding: 5px;
}