html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset{
	margin:0;
	padding:0;
	border:0;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#333333;
	background-color:#FFFFFF;
	text-align:center;
	margin-top: 10px;
	background-image: url(../images/wave_1.gif);
	background-repeat: repeat;
}

#wrapper{
	font-family:Arial, Helvetica, sans-serif;
	background-color: transparent;
	width: 750px;
	margin: 0px;
	text-align: left;
	border-width: 5px;
	border-color: #19636B;
	padding: 0px;
}

#header{
	height:110px;
	background-color: #FFFFFF;
	
}

#leftheader{
	float:left;
	width: 300px;
	height: 110px;
	background-image: url(../images/GNCC_sm.jpg);
	background-repeat: no-repeat;
}

#rightheader{
	float:right;
	width: 445px;
	height: 110px;
	background-image: url(../images/clinic_people.png);
	background-repeat: no-repeat;
}
#leftcol{
	margin-left: 0px;
	margin-top: 0px;
	float:left;
	width: 540px;
	height: auto;
	padding-bottom: 10px;
	padding-left: 10px;
	border-right-color: #1D646A;
	border-right-width: 4px;
	border-right-style: double;
}
#leftcol p {
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#rightcol{
	margin-top: 0px;
	float:right;
	width: 185px;
	height: auto;
	padding-bottom: 10px;
	margin-bottom: 0px;
	
}
div#listcontainer {
	width:450px;
	margin:0 0 0 75px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
/* the horizontal menu starts here */
#nav {
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	height: 25px;
	padding: 5px 0 0 15px;

}

#nav ul {
	margin:0;/* indents ul from edge of container */
	padding: 0;
	}
#nav li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:transparent; /* creates dividing lines between the li elements */
	width: 100px;
	font-weight: bold;
	padding: 0;
	}
#nav li:first-child {
	}
#nav li:hover { 
	background-color:transparent; /*sets the background of the menu items */
	}
#nav a {
	display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#FFFFFF;	/* sets the type color */
	}
#nav a:hover {
	color:#E5E5E5;
	font-style: oblique;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
#nav ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	background-color: #568083;
	}
#nav ul li ul li {
	width:10em; /* makes the list items fill the list container (ul) */
	border-left:1px solid #E5E5E5; /*  three sides of each drop-down item */
	border-bottom:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	padding:0 0 1px;
	background-color: #67979B;
	}
#nav ul li ul li:first-child {
	border-top:1px solid #E5E5E5; /*the top edge of the dropdown */
	background-color: transparent;
	}
/* make the drop-down display as the menu is rolled over */
#nav ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
#nav ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
#nav ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}
#nav ul li ul li:hover ul {
	visibility:visible;
	background-color: transparent;
} /* same effect as display:block in this situation */

/* second level popouts start here*/
#nav ul li ul li:hover ul li ul {visibility:hidden;}
#nav ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* third level popouts start here*/
#nav ul li ul li ul li:hover ul li ul {visibility:hidden;}
#nav ul li ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* THE HACK ZONE - */

/* and the "be nice to Opera" rule */
html>body #nav ul li ul li ul {
  left:10em;
  }

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
/*	@media all and (min-width: 0px){
   body #nav ul li ul {padding-bottom:0px;}
   body #nav ul li ul li ul {padding-bottom:22px;}
   body #nav ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation 

   }*/
/*end Opera hack */
/* end of hack zone */
/* END OF LIST-BASED MENU */

/* finally after feeding values to all others, we deal with MAc5 IE */
/* IE5 Mac can't do drop-downs so we need to present the info in a different way*/
/* we present the drop down choices in a row and never show any second-level drops */
 /* this stylesheet is read by IE5 Mac only - hack omits 'url' and leave no space between @import and ("   */
/*@import("ie51_menu_hack.css"); */
/* END OF DROP DOWN MENUS */

#content{
	margin-left: 0px;
	height: auto;
	margin-bottom: 0px;
	width: 750px;
	background-color: #FFFFFF;
}

#content p{
	margin: 0  20px 0 20px;
	font-size: 15px;
	color: #333333;
}

#content h1{
	color: #333333;
	padding: 0;
	margin:20px;
}

#content h2{
	color: #333333;
	padding: 0;
	margin: 20px;
}
		
.leftimage{
	float:left;
	margin-top: 20px;
}

.rightimage{
	float:right;
	margin-bottom: 20px;
	margin-left: 15px;
}

.clearit{
	clear: both;
	background-color: #E5E5E5;
}

#footer{
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	height: 25px;
	padding-top: 5px;
	width: 100%;
	margin-left: 0px;
}

#footer p{
	font-size: 12px;
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
}
#footer a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
#footer a:hover {
	text-decoration: none;
	font-style: oblique;
	color: #CCCCCC;
	font-size: 12px;
	font-weight: bold;
}
.container{
	width: 740px;
	float: none;
	height: auto;
	padding-top: 0px;
	background-color: #FFFFFF;
	margin: 0px 5px 10px 5px;
}
.container p {
	color: #333333;
	font-size: 14px;
}
.container   h3, h4  {
	color: #333333;
}

.container a {
	text-decoration: none;
	color: #333333;
}
.container a:hover {
	text-decoration: none;
	font-style: oblique;
	color: #666666;
}
.container td,tr {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.popup{
	width: 400px;
	float: none;
	padding-top: 10px;
	background-color: #FFFFFF;
	margin: 15px 10px 15px 10px;
	padding: 10px 20px 10px 20px;
	height: 425px;
}
.popup p, ul, li {
	color: #620000;
	font-size: 14px;
}

.popup h3, h4 {
	color: #333333;
}

.popup a {
	text-decoration: none;
	color: #620000;
}
.popup a:hover {
	text-decoration: none;
	font-style: oblique;
	color: #620000;
}
ul,li {
	color:#333333;
	font-size: 14px;
}