@charset "utf-8";
/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
text-align:left;
min-width: 1000px;
margin-top: 8px;
margin-bottom: 25px;
}

input:focus, textarea:focus {
	background: #ffc;
}	

.pageheading {
	font-size:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#003366;	
}

.pageheading a {
	color:#003399;
}

.pageheading a:hover {
	color:#003399;
}

.bquote {
font-size:10px;
font-weight:bold;
}

.nlrc_pos {
position:relative;
top:8px;
}

.contacttext {
font-size:small;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#003399;
}

.seemore {
font-family:Arial, Helvetica, sans-serif;
color:#003399;
font-size:small;
font-weight:bold;
vertical-align:middle;
text-align:left;
position:relative;
top:-14px;
left:-50px;
}

#pagetopmenu {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#003399;
}

#pagetopmenu a:hover {
color:#0066FF;
}

/* .bl {background:url(../pix/bottomleft_roundcorner.jpg) 0 100% no-repeat; width:20em
position:relative;
top: -2px;
left -2px;
 }
.br {background:url(../pix/bottomright_roundcorner.jpg) 100% 100% no-repeat}
.tl {background:url(../pix/topleft_roundcorner.jpg) 0 0 no-repeat}
.tr {background:url(../pix/topright_roundcorner.jpg) 100% 0 no-repeat; padding:10px}
.clear {font-size:1px; height:1px}
*/

/* =================== WRAPPER ==================== */
#wrapper {
width: 994px;
margin: 0 auto;
text-align: left;
background-color:#FFFFFF;
}
/* ================================================ */

/* =================== HEADER ==================== */
#header {
height: 164px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
background: #DDDDDD; 
padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
background-image:url(../pix/GN_Bannerbio.jpg); /* _withVideobiolink */
background-repeat:no-repeat;
}

#videolinkspacer {
	position:absolute;
	right:370px;
	top:10px;	
}

#header ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 965px;
background-color:#FFFFFF;
position:relative;
top: 115px;
}

#header ul li {
float: left;
}

#home_button {
display: block;
width: 71px;
height: 49px;
background: url(/pix/navigation/GNhome_0_1.gif) no-repeat left bottom;
}

#about_button {
display: block;
width: 94px;
height: 49px;
background: url(/pix/navigation/GNabout_0_1.gif) no-repeat left bottom;
}

#events_button {
display: block;
width: 170px;
height: 49px;
background: url(/pix/navigation/GNevents_0_1.gif) no-repeat left bottom;
}

#articles_button {
display: block;
width: 79px;
height: 49px;
background: url(/pix/navigation/GNarticles_0_1.gif) no-repeat left bottom;
}

#contact_button {
display: block;
width: 112px;
height: 49px;
background: url(/pix/navigation/GNcontact_0_1.gif) no-repeat left bottom;
}

#healthstore_button {
display: block;
width: 103px;
height: 49px;
background: url(/pix/navigation/GNhealthstore_0_1.gif) no-repeat left bottom;
}

#header a:hover {
	background-position: right bottom;
}

#search_bg {
display: block;
height: 49px;
width: 327px;
background: url(/pix/navigation/GNsearch_bg.gif) no-repeat left bottom; 
}

#cse-search-box {
position: relative;
top: 12px;
right: -15px;
}

#q {
vertical-align:top;
position: relative;
top: 1px;
}

#sa {
vertical-align:top;
position: relative;
top: 0px;
}

#ad_buttons {
background:url(/pix/navigation/control_bg.jpg) no-repeat;
position:relative;
top:-4px;
width:418px;

}



/* ================================================ */

#iamplify {
height: 343px;
width: 300px;
background-color:#FFFFFF;
padding-left: 0px;
background: url(/pix/DownloadStore_bg.jpg) no-repeat top;
}

#mc_button, #fb_button, #nlrc_button, #iamplify {
position: relative;
left: -2px;
}

.borderit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.borderit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}

#enewsletter {
background: url(/pix/enewsletter_bg.jpg) no-repeat center; 
width:313px;
height:155px; 
position: relative;
left: -2px;	
}

#enewsletter form {
	position: relative;  
	top:100px;
	left:10px;
}

#newslettertext {
vertical-align:top;
}

/* =================== LEFT NAVIGATION ==================== */
#leftnav {
float: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 0px;
}

#leftnav a:hover {
color:#FF0000;
}	

#leftnav a {
text-decoration:none;
color:#003399;
}

#leftnav ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#leftnav li {
padding-top: 0px;
padding-bottom: 0px;
height: 25px;
}

#leftnav li a {
padding: 0 0 0 0;
}


/* ======================================================= */

#content {
	float:right;
	width: 762px;
	border: 0px solid;			
}	

#maincontent {
	float:left;
	margin-top: 10px;
	width: 430px;
	position:relative;
	top: 0px;
	left: 0px;
	padding-bottom: 20px;
}

#maincontent a:hover {
color:#FF0000;
}	

#content a {
text-decoration:none;
color:#003399;
}

/* ========== RIGHT NAVIGATION ======================= */
#rightnav { 
float: right;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 6px;
padding-right: 18px;
}

#rightnav a:hover {
color:#FF0000;
}	

#rightnav a {
text-decoration:none;
color:#003399;
}
/* =========================================== */

/* ========== FOOTER ======================= */
#footer {
clear: both;
} 

#footercontent {
width: 954px;
background-color:#FFF;
margin: 0 auto;
border: 1px solid #CCC;
padding-top: 0px;
padding-bottom: 0px;
}

#footercontent ul {
margin: 0;
padding: 0;
list-style-type: disc;
color:#0066CC;
font-size:x-small; 
background-color:#FFF;
text-align:left;
}

#footercontent li a {
color:#003399;
font-weight:600;
font-size:x-small;
text-decoration: none; 
line-height: 8px;
}

#footercontent .bottomstyle1 {
	color: #003366;
	font-weight: bold;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
}

#footercontent .bottomstyle2 {
	color: #1A5724;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;	
}

#footercontent a:hover {color:#0066FF;
}

/* =========================================== */

/* ================ BOTTOM NAV =============== */
#bottomnav ul {
margin: 0;
padding: 0;
margin-left: 240px;
list-style-type: none;
width: 640px;
background-color:#FFF;
}

#bottomnav ul li {
display: inline;
color:#0059B3;
padding-top:10px;
padding-bottom:10px;
}

#bottomnav ul a {
line-height: 34px;
color:#0059B3;
font-weight:600;
font-size:small;
text-decoration: none;
}

#bottomnav a:hover {
color:#FF0000;
}

/* ============================================ */

/* ============ COPYRIGHT =============== */
#copyright {
text-align:center;
vertical-align:bottom;
background-color:#014A81;
color:#FFFFFF;
font-weight:bold;
font-size:smaller;
line-height: 30px;
}

.bullet {
color: #FF6600;
font-size:16px;
font-weight:bold;
}
/* ======================================= */

