/****************************
 WEBSITE LAYOUT STYLES
****************************/
html, body {
 width: 100%;
 padding: 0px;
 margin: 0px;
 text-align: center; /*centers page in IE */
}

/* This is the header cell of the main table */
div#Google {
 z-index: 100;
}

/* This is the main layout table */
table.center {
 height: 100%;
 width: 925px;
 margin: 0 auto; /* Centers page in other browsers */
 text-align: left;
}

/* This is the header cell of the main table */
td.header {
 height: 125px;
 width: 925px;
 background-image: url('../images/template/header.png');
}

/* This is the center cell of the main table */
td.center {
 width: 925px;
 background-image: url('../images/template/center.png');
}

/* This is the bottom cell of the main table */
td.footer {
 height: 75px;
 width: 825px;
 padding-top: 30px;
 padding-left: 50px;
 padding-right: 50px;
 padding-bottom: 60px;
 background-image: url('../images/template/footer.png');
}

/* The follwoing three rules exist within the center
   cell of the main table */
div.menu {
 height: 23px;
 width: 605px;
 padding-right: 50px;
 padding-left: 11px;
 background-image: url('../images/template/menu.png');
}

div.animation {
 height: 217px;
 width: 259px;
 background-image: url('../images/template/animation.png');
}

div.content {
 width: 580px;
 padding-left: 21px;
 margin-right: 61px;
 overflow: hidden;
}

div.navbar {
 width: 200px;
 padding-left: 45px;
}

div#CatContent {
 width: 200px;
 overflow: hidden;
 padding-left: 50px;
}

/****************************
 TEXT AND LINK STYLES
****************************/
/* Background Color and/or Image */
body {
 background-color: #edf1e0;
 /*background-image: url(''); */
}

/* This is a catch-all rule which helps keep the text
 looking consistant throughout the entire website. */
body, div, dd, dl, dt, h1, h2, h3, h4, h5, h6, li, p, pre, table, td, thead, tt, ul  { color: #000; font-size: 10pt; font-family: Arial, Tahoma, Helvetica, sans; }

/* Default link font, size and color. */
/*a { 
 color: #5b5304; 
 font-size: 10pt; 
 font-family: Arial, Tahoma, Helvetica, sans; 
 font-weight: bold; 
 text-decoration: none; */

a:link { color: #5b5304; text-decoration: none; }
a:active { color: #5b5304; text-decoration: none; }
a:visited { color: #5b5304; text-decoration: none; }
a:hover  { color: #000000; text-decoration: none }

/* Default header sizes */
h1 { font-size: 22pt; }
h2 { font-size: 18pt; }
h3 { font-size: 14pt; }
h4, h5, h6 { font-size: 10pt; }


/* Fany text */
*.fancy {
 font-size: 16pt;
 font-family: Mariah, Arial, Tahoma;
}


/* FCKEditor specific style */

#FCK_EDIT_STYLE {
 background-color: #FFFFFF;
 text-align: left;
}

/****************************
 NAVIGATION HORIZONTAL MENU STYLES
 The following CSS is based on Suckerfish CSS mulit-level menus.
****************************/
#PMainMenu, #PMainMenu ul {
 float: left;
 width: 605px;
 list-style: none;
 line-height: 1;
 padding: 0px;
 margin: 0px;
 border: 0.25em solid #899f6e;
 border-width: 0px;
}

#PMainMenu a  { 
 white-space: nowrap; 
 display: block; 
 margin-top: 3px; 
 font-size: 13px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
}

#PMainMenu a.daddy {
 background: url('http://80.85.32.68/images/menu/arrow.gif') center right no-repeat;
}

#PMainMenu li {
 margin-left: 12px;
 float: left;
 padding: 0px;
}

#PMainMenu li a  { padding: 0.25em .25em }

#PMainMenu li ul {
 margin-left: 0px;
 padding-right: 0px;
 position: absolute;
 left: -999em;
 height: auto;
 width: 135px;
 background: #d0e5ba;
 /*font-weight: normal;*/
 border-width: 1px;
 margin: 0;
 z-index: 200;
}

#PMainMenu li li {
 margin-left: 0px;
 padding-right: 0px;
 padding-top: 1px;
 width: 135px;
}

#PMainMenu li ul a  { 
 margin-right: 0px;
 margin-left: 0px;
 font-size: 11px; 
 font-weight: normal;
 white-space: normal; 
 margin: 0; 
 width: 130px; 
 color: #000000;
  }

#PMainMenu li ul ul {
 margin: -1.35em 0 0 136px;
}

#PMainMenu li:hover a, #PMainMenu li:hover ul a, #PMainMenu li.sfhover a, #PMainMenu li.sfhover ul a {
 left: -999em;
 color: #000000;
}

#PMainMenu li:hover ul ul, #PMainMenu li:hover ul ul ul, #PMainMenu li.sfhover ul ul, #PMainMenu li.sfhover ul ul ul {
 left: -999em;
}

#PMainMenu li:hover ul, #PMainMenu li li:hover ul, #PMainMenu li li li li:hover ul,  #PMainMenu li.sfhover ul, #PMainMenu li li.sfhover ul, #PMainMenu li li li li.sfhover ul {
 left: auto;
}
   
#PMainMenu li li li:hover ul, #PMainMenu li li li li li:hover ul, #PMainMenu li li li.sfhover ul, #PMainMenu li li li li li.sfhover ul {
 left: auto;
 margin-left: -14em;
}

#PMainMenu ul li:hover, #PMainMenu ul li.sfhover {
 background: #afd38d; color: #000000
}
/****************************
 NAVIGATION MENU STYLES (Vertical)
 The following CSS is based on Suckerfish CSS mulit-level menus.
****************************/
ul#MainMenu  { 
list-style: none; 
margin-left: 0px; 
padding: 0px; 
width: 200px;
line-height: 15px;
border: solid 1px #D6E8BE;
}

ul#MainMenu li  { 
 margin: 0; 
 padding: 0 0 0 3px; 
 width: 200px; 
 border: solid 1px #D6E8BE;
 /*position: relative;
 height: 30px;*/
}

ul#MainMenu li.VGC_MENU_DADDY {
}
 
ul#MainMenu li:hover, ul#MainMenu li.sfhover  { 
background-color: #ffffff; 
border: solid 1px #6A7B4E;
 }
 
ul#MainMenu li ul li:hover, ul#MainMenu li ul li.sfhover { 
/*background-color: #ffffff; */
/*border-color: #3C8EC6;*/
  border: 0px;
  background-color: #afd38d;
  border: solid 1px #6A7B4E;
 } 
 
ul#MainMenu li ul li:hover a, ul#MainMenu li ul li.sfhover a { 
/*background-color: #ffffff; */
 border-color: #6A7B4E;
 }


ul#MainMenu li:hover ul, ul#MainMenu li.sfhover ul  { 
left: auto; 
 }

ul#MainMenu li a { /* Link styles */
 width: 200px;
 display: block;
 line-height: 17px;
 padding: 3px;
 margin: 0px;
 color: #6A7B4E;
 font-weight: bold;
 text-decoration: none;
}

ul#MainMenu li ul   { 
background-color: #ffffff; 
margin-top: -24px; 
margin-left: 200px; 
padding: 0px; 
position: absolute; 
left: -999em; 
width: 200px;
}

ul#MainMenu li ul li {
 width: 200px;
 list-style-type: none;
 margin: 0px;
 padding: 0px;
border: solid 1px #6A7B4E;
 padding: 0px;
}

ul#MainMenu li ul li a    { 
 color: #000000; 
 font-size: 11px; 
 font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
 font-weight: normal;
 width: 200px;
 line-height: 17px;
 list-style-type: none;
 margin: 0px;
 padding: 3px;
}



/****************************
 SIMPLE LIST PAGE STYLES
****************************/
/* Each item on a list page is inside a table.
   Set the size and basic color information here. */
table.VGC_LIST_ITEM {
 width: 575px;
 margin: 4px;
 padding: 0px;
 background-color: #ffffff;
 /*table-layout: fixed;*/
}

/* Font color/size information for the item title */
td.VGC_LIST_TITLE {
 color: #000000;
 font-size: 16px;
 font-family: Arial, Tahoma, Helvetica, sans;
 font-weight: bold;
 text-align: left;
 margin: 0px 0px 5px 0px;
 vertical-align: top;
}

/* Font color/size information for the item text. */
td.VGC_LIST_TEXT {
 width: 100%;
 color: #000000;
 font-size: 12px;
 font-family: Arial, Tahoma, Helvetica, sans;
 font-weight: normal;
 text-align: left;
 overflow: hidden;
 white-space: normal;
 margin: 0px;
 vertical-align: top;
 }

/* Font color/size information for the item date */
td.VGC_LIST_DATE {
 color: #5b5304;
 font-size: 10pt;
 font-family: Arial, Tahoma, Helvetica, sans;
 font-weight: bold;
 text-align: center;
}

/* This applies to the images/links found in the 
media cell. */
td.VGC_LIST_MEDIA {
vertical-align: top;
 
}

td.VGC_LIST_MEDIA img {
 border: 1px solid #000000;
 margin: 2px 2px;
}

/* If you do not want the horizontal rule to show
then set the display property to 'none', else set it
to 'block'. */
hr.VGC_LIST_ITEM_DIVIDER {
 display: block;
}

/* Applies to the list navigation (Page: 1, 2 etc.) */
span.VGC_LIST_NAV {
 float: right;
}

/* Applies to the links in the navigation area */
span.VGC_LIST_NAV a {

}

/* Applies to the title pointing to the detailed page. */
td.VGC_LIST_TO_DETAILS {
vertical-align: bottom;
}

/* Applies to the List header */
h2#VGC_LIST_HEAD {
 margin: 0px;
 text-align: center;
 font-size: 16px;
}

/* Applies to the List subheader */
h3#VGC_LIST_SUBHEAD  { color: #3f5f30; font-size: 13px; font-weight: normal; text-align: center; margin: 0 0 10px }

/* Applies to the title pointing to the detailed page. */
td.VGC_LIST_DETAIL_TITLE {
 color: #000000;
 font-size: 16px;
 font-family: Arial, Tahoma, Helvetica, sans;
 font-weight: bold;
 text-align: left;
 margin: 0px 0px 5px 0px;;
}

/* Applies to the link pointing to the detailed page. */
a.VGC_LIST_DETAIL_LINK {
vertical-align: bottom; 
}

/* Applies to the image in the link */
a.VGC_LIST_DETAIL_LINK img {

}

/*Applies to the table the details are displayed in */
table#VGC_LIST_DETAILS {
width: 100%;
}

/*Applies to the cell containing the 'back' link */
td.VGC_LIST_DETAILS_BACK {
font-weight: bold;

}

/* Applies to the cell containing the detail images and thumbs */
td.VGC_LIST_DETAILS_IMAGES {
}

/* Applies to the cell contaning the detailed text */
td.VGC_LIST_DETAIL_TEXT {
 color: #000000;
 font-size: 12px;
 font-family: Arial, Tahoma, Helvetica, sans;
 font-weight: normal;
 text-align: left;
 overflow: hidden;
 white-space: normal;
 padding-right: 36px;
 }

/* Applies to the primary image on the detail page */
img#VGC_LIST_MAIN_IMAGE {
 border: 1px solid #000000;
}

/* applies to the thumbs on the detail page */
img.VGC_LIST_DETAIL_THUMB {
 border: 1px solid #000000;
}

/* Applies to the labels on the detailed page */
td.VGC_LIST_DETAIL_LABEL {
font-weight: bold;

}

/* applies to the values on the detailed page */
td.VGC_LIST_DETAIL_VALUE {
 width: 100%;
 padding-right: 36px;
}

/****************************
 INFO REQUEST PAGE STYLES
****************************/

/* Everything in the mail form is inside this division. */
div#VGC_MAIL_FORM {

}

/* Each input element has a label. */
div#VGC_MAIL_FORM label {
 float: left;
 width: 300px;
 margin-left: 10px;
 margin-bottom: 5px;
 margin-right: 10px;
}

/* The style for each input element. */
div#VGC_MAIL_FORM input, select, textarea {
 float: left;
 margin-bottom: 5px;
 margin-left: 10px;
}

/* This helps format the page. */
div#VGC_MAIL_FORM br {
 clear: left;
}

span.VGC_MAIL_TEXT {
font-weight: bold
}

/* The security code elements are inside this division. */
div#VGC_MAIL_SECURITY {

}

/* Style for the security code message. */
div#VGC_MAIL_SECURITY p {

}

/* Style for the security code input box. */
div#VGC_MAIL_SECURITY input {

}

/* style for the security code image. */
div#VGC_MAIL_SECURITY img {

}

/****************************
 SITEMAP STYLES
****************************/
ul#SiteMap {
 list-style-type: none;
}

ul#SiteMap li a   { line-height: 15px; text-decoration: none; margin-top: 0; padding: 0.25em; font-weight: bold; }

ul#SiteMap ul li a  { 
letter-spacing: 1px;
font-size: 12px; 
background: transparent; 
padding: 0.25em;
font-weight: normal;
}

ul#SiteMap2 {
 list-style-type: none;
}

ul#SiteMap2 li a   { line-height: 15px; text-decoration: none; margin-top: 0; padding: 0.25em; font-weight: bold; }

ul#SiteMap2 ul li a  { 
letter-spacing: 1px;
font-size: 12px; 
background: transparent; 
padding: 0.25em;
font-weight: normal;
}

/**********************
 * VGC BANNER STYLEs
 *********************/
a.VGC_BANNER {
 margin-left: 9px; }

a.VGC_BANNER img{
 margin-bottom: 6px;
} 

/******************
 * Gallery Styles *
 *****************/

table.GalleryThumbBox {
 float: left;
 width: 135px;
 height: 155px;
 padding: 0px;
 margin: 0px 5px 5px 0px;
 border: 0px;
 background-color: #E8DDC9;
}

table.GalleryThumbBox:hover {
 background-color: #D8C5A4;
}


img.GalleryThumb {
 display: block;
 margin: 0px;
 border: 0px;
}

span.ThumbCaption {
 color: #000000;
 font-size: 9pt;
}

img.GalleryLargeImage {

}

select.GalleryCategory {
 margin-top: 2px;
}