/****************************
 WEBSITE LAYOUT STYLES
****************************/
html, body {
 width: 100%;
 height: 100%;
 margin: 0px;
 padding: 0px;
 text-align: center;
 background-image: url('http://80.85.32.68/vgc/www.hnjh.org/header/background.jpg');
 background-repeat: repeat-x;
}

 body#FCK_EDIT_STYLE {
  background-image: none;
 }
 
 body.FCK_EDIT_STYLE {
  background-image: none;
 }

table#MAIN_LAYOUT {
 background-image: url('http://80.85.32.68/vgc/www.hnjh.org/header/content_bg.jpg');
}

td#Header {
 width: 888px;
 height: 162px;
 /*margin: 0px auto;
 padding: 0px;*/
 background-image: url('http://80.85.32.68/vgc/www.hnjh.org/header/header.jpg');
}

td#HMenu {
 width: 580px;
 height: 24px;
 padding-left: 279px;
 padding-right: 29px;
 background-image: url('http://80.85.32.68/vgc/www.hnjh.org/header/nav_bg.jpg');
}

td#Menu {
 /*position: relative;
 float: left;*/
 text-align: left;
 width: 216px;
 padding-left: 33px;
 padding-right: 9px;
 table-layout: fixed;
 background-image: url('http://80.85.32.68/vgc/www.hnjh.org/header/menu_bg.jpg');
 background-repeat: no-repeat;
 /*overflow: hidden;*/
 /*z-index: 100;*/
}

td#Content {
 width: 580px;
 /*padding-right: 29px;*/
 padding-left: 8px;
 padding-right: 41px;
 table-layout: fixed;
 overflow: hidden;
 text-align: left;
 background-image: none;
}

td#Footer {
 width: 888px;
 height: 139px;
 /*margin: 0px auto;
 padding: 0px;*/
 background-image: url('http://80.85.32.68/vgc/www.hnjh.org/header/footer.jpg');
}

/****************************
 TEXT AND LINK STYLES
****************************/
/* Background Color and/or Image */
body     { 
 background-color: #ffffff; 
}

/* 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: #000080;
 font-size: 15px;
 font-family: Arial, Tahoma, Helvetica, sans;
}

/* Default link font, size and color. */
a { 
 color: #353b8d; 
 font-size: 13px; 
 font-family: Arial, Tahoma, Helvetica, sans; 
 font-weight: bold; 
 text-decoration: none; 
}
a:link { color: #3f438f; text-decoration: none; }
a:active { color: #3f438f; text-decoration: none; }
a:visited { color: #3f438f; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }

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


/* Fany text */
*.copyrightsmall  { color: #64945A; font-size: 11px; font-family: Arial }

*.mainbigitalic {
 color: #3f438f;
 font-size: 15px;
 font-family: Arial;
 font-style: italic;
 font-weight: bold
}

*.mainbigbold {
 color: #22236a;
 font-size: 16px;
 font-family: Arial;
 font-weight: bold
}

*.mainbigbold1 { 
 color: #2d5f27;
 font-size: 19px;
 font-family: Times;
 font-style: italic;
 font-weight: bold
}

/****************************
 NAVIGATION MENU STYLES (Vertical)
 The following CSS is based on Suckerfish CSS mulit-level menus.
****************************/
ul#MainMenu  { 
list-style: none; 
margin: 0px; 
padding: 0px; 
width: 215px;
line-height: 17px;
}

ul#MainMenu li  { 
 margin: 0; 
 padding: 0 0 0 3px; 
 width: 213px; 
 border: solid 1px #c2e5bb;
 background-color: #DFF1DB; 
 /*position: relative;
 height: 30px;*/
}
 
ul#MainMenu li:hover, ul#MainMenu li.sfhover  { 
background-color: #B1DCA7; 
border: solid 1px #343799;
 }


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

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

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

ul#MainMenu li a { /* Link styles */
 width: 213px;
 display: block;
 line-height: 17px;
 padding: 0px;
 margin: 0px;
 color: #353b8d;
 text-decoration: none;
}

ul#MainMenu li ul { 
 background-color: #DFF1DB; 
 margin-top: -18px; 
 margin-left: 213px; 
 padding: 0px; 
 position: absolute; 
 left: -999em; 
 width: 215px;
}

ul#MainMenu li ul li {
 width: 213px;
 border-color: #343799;
 background-color: #DFF1DB; 
 list-style-type: none
}

ul#MainMenu li ul li a    { 
 display: block;
 color: #353b8d; 
 font-size: 11px; 
 font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
 font-weight: normal; 
 width: 213px;  
 line-height: 17px;
 list-style-type: none;
}


/****************************
 NAVIGATION MENU STYLES (Horizontal)
 The following CSS is based on Suckerfish CSS mulit-level menus.
****************************/
ul#PMainMenu   { line-height: 15px; list-style: none; margin: 0; padding: 0; width: 580px; float: left; border: solid 1px #transparent }

ul#PMainMenu li { 
float: left;
margin: 0; 
padding: 0; 
width: 113;
border: solid 1px #B1DCA7;
}

ul#PMainMenu li:hover, ul#PMainMenu li.sfhover  { 
background-color: #B1DCA7; 
border: solid 1px #343799 }

ul#PMainMenu li:hover ul, ul#PMainMenu li.sfhover ul  { 
left: auto; 
border: solid 1px #transparent }

ul#PMainMenu li a { /* Link styles */
 width: 113px;
 display: block;
 padding: 0px;
 margin: 0px;
 color: #353b8d;
 text-decoration: none;
}

ul#PMainMenu li ul   { 
background-color: #DFF1DB; 
margin-top: 0px; 
margin-left: -1px; 
padding: 0px; 
position: absolute; 
left: -999em; 
width: 113px 
}

ul#PMainMenu li ul li {
 width: 113px;
 border-color: #343799;
 list-style-type: none
}

ul#PMainMenu li ul li a    { color: #353b8d; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; width: 111px; line-height: 17px; text-align: left; padding-left: 2px }

/****************************
 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   { background-color: #ffffff; margin: 2px; padding: 0; width: 100%; border: 0px }

/* Font color/size information for the item title */
td.VGC_LIST_TITLE {
 color: #000080;
 font-size: 15px;
 font-family: Arial, Tahoma, Helvetica, sans;
 font-weight: bold;
 text-align: left;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 2px;
 padding-bottom: 2px;
}

/* Font color/size information for the item text. */
td.VGC_LIST_TEXT  { color: #000000; font-size: 12px; font-family: Arial, Tahoma, Helvetica, sans; text-align: left; width: 100%; overflow: hidden; padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; }

/* Font color/size information for the item date */
td.VGC_LIST_DATE {
 color: #000080;
 font-size: 12px;
 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 { 
padding: 0px;
margin: 0px;
 }

td.VGC_LIST_MEDIA a img {
 width: auto;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 5px;
 padding-right: 5px;
 margin: 0px 0px 0px 0px;
 border-color: #000000;
 border: 0px;
 border-style: solid;
}

img.VGC_LIST_MEDIA_IMAGE {
 width: 115px;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 2px;
 padding-right: 2px;
 margin: 5px 5px 5px 5px;
 border-color: #000000;
 border: 1px;
 border-style: solid;
}

/* 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; margin: 0px; padding: 2px
}

/* Applies to the list navigation (Page: 1, 2 etc.) */
span.VGC_LIST_NAV  { color: #071d60; font-size: 13px; font-weight: bold; float: right; line-height: 28px }

/* Applies to the links in the navigation area */
span.VGC_LIST_NAV a { font-size: 13px; font-weight: bold;}

/* Applies to the List header */
h2#VGC_LIST_HEAD {
 color: #265819;
 font-size: 15px;
 margin: 0px;
 padding-top: 10px;
 text-align: center;
 font-family: Arial, Tahoma, Helvetica, sans;
}

/* Applies to the List subheader */
h3#VGC_LIST_SUBHEAD {
 color: #64945A;
 font-size: 13px;
 margin: 0px;
 padding-bottom: 15px;
 text-align: center;
 font-weight: bold;
 font-family: Arial, Tahoma, Helvetica, sans;
}

/* Applies to the link pointing to the detailed page. */
a.VGC_LIST_DETAIL_LINK {
 color: #000080;
 font-size: 12px;
 font-family: Arial, Tahoma, Helvetica, sans;
 font-weight: bold;
 text-align: left;
 padding-left: 5px;
 padding-top: 5px
}

/* 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 { color: #navy; font-size: 15pt; font-family: Arial, Tahoma, Helvetica, sans; text-align: left; width: 580px; overflow: hidden; font-weight: bold  }

/*Applies to the cell containing the 'back' link */
td.VGC_LIST_DETAILS_BACK {

}

/* Applies to the cell containing the detail images and thumbs */
td.VGC_LIST_DETAILS_IMAGES {
 margin: 0px 0px;
 overflow: hidden;
 }

img#VGC_LIST_MAIN_IMAGE {
 border-style: solid;
 border-color: #000000;
 border: 1px;
 width: 265px;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 2px;
 padding-right: 2px;
 }

/* Applies to the cell contaning the detailed text */
td.VGC_LIST_DETAIL_TITLE  { color: #343799; font-size: 18px; font-family: Arial, Tahoma, Helvetica, sans; font-weight: bold; text-align: left; }

/* Applies to the cell contaning the detailed text */
td.VGC_LIST_DETAIL_TEXT { color: #000000; font-size: 13px; font-family: Arial, Tahoma, Helvetica, sans; text-align: left; font-weight: normal; width: 580px; padding-left: 5px }

/* Applies to the cell contaning the detailed text */
td.VGC_LIST_DETAIL_LABEL  { color: #000000; font-size: 13px; font-family: Arial, Tahoma, Helvetica, sans; font-weight: bold; text-align: left; white-space: nowrap; }

/* Applies to the cell contaning the detailed text */
td.VGC_LIST_DETAIL_VALUE  { color: #343799; font-size: 13px; font-family: Arial, Tahoma, Helvetica, sans; font-weight: normal; text-align: left; white-space: nowrap; }


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

a.VGC_LIST_ARCHIVE_BUTTON {
 float: left;
}

a.VGC_LIST_ARCHIVE_BUTTON img{
 border: 0px;
 margin: 0px 0px;
 padding: 0px;
}

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

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

}

div#VGC_MAIL_FORM fieldset legend {
 margin-bottom: 10px;
 font: Arial;
 font-size: 14px;
 font-weight: bold;
 color: #64945A;
}

span.VGC_MAIL_TEXT {
 float: left;
 margin-left: 10px;
 margin-bottom: 5px;
 font: Arial;
 font-size: 12px;
 font-weight: normal;

}

/* Each input element has a label. */
div#VGC_MAIL_FORM label {
 float: left;
 width: 125px;
 margin-left: 10px;
 margin-bottom: 5px;
 font-weight: bold;
 font: Arial;
 font-size: 13px;
}

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

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

/* 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 {

}

span.VGC_MAIL_STATUS {
 font: Arial;
 font-size: 15px;
 font-weight: bold;
 color: #ff0000;
}

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

ul#SiteMap li a   { 
line-height: 15px; 
text-decoration: none; 
letter-spacing: 5px; 
margin-top: 0; 
padding: 0.25em
 }

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

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

ul#SiteMap2 li a   { 
line-height: 15px; 
text-decoration: none; 
letter-spacing: 5px; 
margin-top: 0; 
padding: 0.25em
 }

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