/*This is the normal style sheet for the JCCH site*/

/*  Fonts  */

body {
left: 0px; 
width: auto;
background-color: #000;  /*This is colour for the background*/
color: #fff;  /*This is colour for the text*/
font-family: Verdana, Helvetica, Arial, sans-serif; /*This is type of font for the text*/
font-size: 1em;  /*This is relative size of font for the text*/
margin: 0;
}

h1 {
color: #f00;
font-size: 1.2em;
text-align: left;
font-style: normal;
letter-spacing: 2px; 
padding-top: 24px;
}

h2 {
color: #555555;
font-size: 1.1em;
font-style: italic;
}

h3 {
color: #555555;
font-size: 1em;
font-style: normal;
font-weight: bold;
}

h4 {
font-size: .8em;
font-style: italic;
color: #555555;
}

h5 {
color: #000;
font-size: 0.9em;
text-align: center;
font-style: normal;
letter-spacing: 2px; 
/*line-height: 1.7em;*/
}

h6 {

color: #f00;
font-size: 0.7em;
text-align: center;
font-style: normal;
letter-spacing: 2px; 
}

h7 {

color: #555555;
font-size: 0.6em;
text-align: left;
font-style: normal;
letter-spacing: 1px; 
}


p {
font-size: 1em;
text-align: justify;
line-height: 1.3em;
}

hr {
color: #000;
background-color: #000;
height: 3px;
width: 100%;
}

.red {
color: #f00;
font-size: 1em;
text-align: center;
font-style: normal;
font-weight: bold;
letter-spacing: 2px; 
}

.grey {
color: #555555;
font-size: 1.1em;
text-align: center;
font-style: normal;
font-weight: bold;
letter-spacing: 1px; 
}

/*  End of Fonts  */

#content {
left: 25px; 
right: 25px;
width: auto;
background-color: #000;
}

/*  header  */

#header {
/*position: absolute;*/
background-color: #000;
left: 0px;
width: auto;
text-align: center;

}

#header a:link, #header a:active, #header a:visited {
text-decoration: underline;
font-weight: bold;
padding-bottom: 0px; 
color: #f00;  /*This is colour for the text*/
border: 0;
text-align: center;
}

#header a:hover {
text-decoration: none;
font-weight: bold;
padding-bottom: 0px; 
color: #fff;  /*This is colour for the text*/
border: 0;
text-align: center;
}

#header img {
border: 0;
}


/*  nav bar  */

#navbar {
position: absolute;
margin-top: 0px;
background-color: #000;
width: 100%;
z-index: 1;
}

#navbar a:link, #navbar a:active, #navbar a:visited, #navbar a:hover {
color: #fff;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
display: block;
}

#navbar img {
border: 0;
padding: 0px;
}

#navbar tr td {
width: 25%;
/*height: 125px;*/
}
 

.niche {
background-color: #D1C57A;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
}

.iconic {
background-color: #41AD49;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
}

.corporate {
background-color: #856CB0;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
}

.travel {
background-color: #1E63C1;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
}



.contact {
background-color: #D2232A;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
}

.black {
background-color: #000;
}

/* end of nav bar */



/*  main text  */

#main-text {
position: absolute;
top: 235px; /*was 225px*/
width: auto;
left: 0px; 
padding: 0px 0px 0px 0px;
background-color: #000;
/*border-left: 1px #26707f solid;
border-right: 1px #26707f solid;
border-bottom: 1px #26707f solid;
/*width: 750px*/
text-align: justify;
}

#main-text ul li {
font-size: .9em;
text-align: left;
line-height: 1.7em;
list-style-type: disc;
margin: 0;
padding: 0;
}

#main-text img {
border: 0px;
text-align: center;
}

#main-text a:link, #main-text a:visited, #main-text a:active {
/*background-color: #cceaff;*/
color: #f00;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
padding: 2px;
}

#main-text a:hover {
background-color: #fff;
color: #D2232A;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
padding: 2px;
}

#main-text a.nodeco:link, #main-text a.nodeco:visited, #main-text a.nodeco:hover, #main-text a.nodeco:active  {
text-decoration: none;
border: 0px;
padding: 0px 0px 0px 0px;
}

#main-text td {
text-align: left;
padding:10px;
}

#col1 {
  float: left;
  padding: 25px 10px 0px 10px;
  width: 200px;
  font-size: 0.8em;
}
  
#col2 {
  top: 10px;
  padding: 25px 0px 0px 0px;
  margin-left: 250px;
  margin-right: 220px;
  font-size: 0.8em;
}




#col3 {
  float: right;
  padding: 75px 75px 0px 10px;
  width: 150px;
  font-size: 0.8em;
}



#footer {
/*float: bottom;
position: absolute;*/
/*bottom: 10px;*/
background-color: #000;
margin: auto;

width: auto;
text-align: center;
padding: 10px;

border-left: 0px #D2232A solid;
border-right: 0px #D2232A solid;
border-bottom: 0px #D2232A solid;

}