/* CSS Document */


/* GENERAL FORMATTING */
html {color: rgb(60,60,60); font-family: Geneva, Arial, Helvetica, sans-serif;}
body {
background-color: rgb(180,180,207);
background-image:url(images/earthlights_top.jpg);
background-repeat: repeat-x;
background-position: 0, 0;
padding: 0px;
margin: 0px;
}
p {
text-align: justify; 
}
h1 {
font: normal 24px "Trebuchet MS", Trebuchet, sans-serif;
color: rgb(70,70,70);
text-indent: 20px;
margin: 0px 0px 0px 0px;
}
h2 {
font: normal 20px "Trebuchet MS", Trebuchet, sans-serif; 
color: rgb(70,70,70); 
}
h3 {
font: bold 16px "Trebuchet MS", Trebuchet, sans-serif; 
color: rgb(70,70,70); 
margin: 0px;
}
h4 {
font: bold 14px "Trebuchet MS", Trebuchet, sans-serif; 
color: rgb(70,70,70); 
margin: 5px 0px;
}
#hemiLogoTxt {
position: absolute;
top: 245px;
left: 10%;
width: 450px;
height: 50px;
text-align: center;
border: 0px;
background-color: transparent;
z-index: 3;
}
#masterCntr {
position: relative;
top: 330px;
width: 860px;
margin: 10px auto;
}
#contentLeft {
position: absolute;
left: 0px;
width: 200px;
height: auto;
}
#contentRight {
position: absolute;
top: 20px;
left: 200px;
width: 660px;
height: auto;
}




/* NAVIGATION MASTER */
#mainMenu {
position: absolute;
top: 300px;
left: 10%;
width: 100%;
height: 30px;
line-height: 30px;
}
#mainMenu a, #mainMenu a:active, #mainMenu a:visited {
font: bold 16px "Trebuchet MS", Trebuchet, sans-serif;
text-decoration: none;
color: rgb(20,17,49);
margin: 0px 5px 0px 10px;
}
#mainMenu a:hover {
color: rgb(233,235,211);
}



/* CONTENT SMALL/LEFT */
#contentSm {
position: relative;
width: 180px;
height: auto;
background-color: rgb(248,249,240);
margin: 50px 0px 20px 0px;
}
.contentSmInner {
width: 170px;
hegith: auto;
margin: 0px 5px 0px 5px;
}
.contentSmTop {
position: absolute;
top: -20px;
left: 0px;
width: 660px;
height: 20px;
background: url(images/smEnd_top.jpg) no-repeat 0 0;
}
.contentSmBtm {
position: absolute;
bottom: -20px;
left: 0px;
width: 660px;
height: 20px;
background: url(images/smEnd_btm.jpg) no-repeat 0 0;
}
.lnkHead {
position: absolute;
top: -18px;
left: 0px;
width: 180px;
height: 20px;
font-size: 14px;
font-weight: bold;
text-align: center;
}
.navLnk {
display: block;
font-size: 14px;
width: 168px;
height: 18px;
line-height: 18px;
color: rgb(80,80,80);
text-decoration: none;
border: solid 1px rgb(248,249,240);
background-color: rgb(248,249,240);
}
.navLnk:hover {
color: rgb(80,80,80);
border: solid 1px rgb(180,180,180);
background-color: rgb(238,239,230);
}



/* CONTENT LARGE/RIGHT */
.contentLrg {
position: relative;
width: 660px;
height: auto;
background-color: rgb(248,249,240);
margin: 30px 0px 50px 0px;
}
.contentLrgInner {
width: 640px;
hegith: auto;
margin: 0px 10px 0px 10px;
}
.contentLrgTop {
position: absolute;
top: -20px;
left: 0px;
width: 660px;
height: 20px;
background: url(images/lrgEnd_top.jpg) no-repeat 0 0;
}
.contentLrgBtm {
position: absolute;
bottom: -20px;
left: 0px;
width: 660px;
height: 20px;
background: url(images/lrgEnd_btm.jpg) no-repeat 0 0;
}

#cpyright {
position: relative;
width: 660px;
height: 20px;
line-height: 20px;
text-align: right;
font: normal 10px Arial, Helvetica, sans-serif;
color: rgb(230,230,230);
margin-bottom: 10px;
}
#cpyright a {
color: rgb(230,230,230);
text-decoration: none;
}
#cpyright a:hover {
color: rgb(60,57,89);
}