@charset "UTF-8";
/* CSS Document */

/*
Colors:

Teal: #2B90CF
Light Yellow: #FFE7B0
Yellow: #FFD256
Dark Grey: #4A484B
Light Grey: #D4D4D4
Red: #B23427

*/

/*___________________ MAIN ___________________*/

	body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #4A484B;
	}
	
	p {
	color: #4A484B;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	text-align: left;
	margin-bottom: 10px;
	font-style: normal;
	vertical-align: baseline;
	}
	
	h1 {
	color: 	#06F;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
	}
	
	h2 {
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
	font-variant: normal;
	text-decoration: blink;
	}
	
	.smallitalics {
		font-size: smaller;
		font-style: italic;
	}
	
	.italics {
		font-style: italic;	
	}
	
	.italicsgrey {
		font-style: italic;
		color: #4A484B;
		font-weight: normal;
	}
	
	p.smallitalics span.red {
		color: #F00;	
	}
	
	span.red {
		color: #F00;	
	}
	
	.nojustify {
		text-align: left;	
	}
	
	.videos {
		z-index: 10;	
	}
	
/*___________________ END MAIN ___________________*/

/*___________________ HEADER ___________________*/
	
	#header {
		background-image: url(images/headerbg.gif);
		background-repeat: repeat-x;
		height: 165px;
		min-width: 1020px;
	}
	
	#toplogo {
		background-image: url(images/header.gif);	
		height: 120px;
		width: 1020px;
		margin: 0px auto;
		position: relative;
	}

/*___________________ END HEADER ___________________*/

/*___________________ TOP LINKS ___________________*/
	
	#toprightnav {
		font-family: Georgia, "Times New Roman", Times, serif;
		position: absolute;
		top: 20px;
		left: 660px;
		text-align: right;
		line-height: 1.5;
		width: 140px;
		
	}
	
	#toprightnav a {
		color: #4A484B;
	}
	
	#toprightnav a:hover {
		color: #000;	
	}
	
	#toprightnavline {
		position: absolute;
		top: 10px;
		left: 815px;
	}
	
	#makeagift {
		position: absolute;
		top: 55px;
		left: 830px;
		font-weight: bold;
		color: #2B90CF;
		text-decoration: none;
	}
	
	#makeagift:hover {
		color: #4A484B;	
	}
	
	#holidaygift {
		position: absolute;
		top: 70px;
		left: 830px;
		width: 120px;
		font-weight: bold;
		color: #B23427;
		text-decoration: none;
		/*border: thin solid red;*/
	}
	
	#holidaygift:hover {
		color: #4A484B;	
	}

/*___________________ END TOP LINKS ___________________*/
	
	
/*___________________ TOP NAV ___________________*/
	
	#topnav {
		width: 980px;
		margin: 0px auto;
		height: 40px;
		z-index: 1000;
	}
	
	#topnav a {
		text-decoration: none;
		/*color: #4A484B;*/
		color: #000;
	}
	
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		z-index: 1000;
	}
	
	#nav a {
		display: block;
		width: 140px;
		height: 20px;
		text-align: center;
		padding: 10px 0px;
	}
	
	ul#nav li.levelone ul.leveltwo a {
		padding: 7px 0px 5px 0px;	
	}
	
	.levelone {
		background-color: #D4D4D4;
	}
	
	ul#nav li.levelone a:hover {
		background-image: url(images/navhover.gif);
		color: #4A484B;
		font-weight: bold;
	}
	
	ul#nav ul.leveltwo a:hover {
		background-image: none;
		color: #4A484B;
		font-weight: normal;
	}
	
	#navactive {
		background-image: url(images/navactive.gif);
	}
	
	ul#nav li#navactive a {
		color: #4A484B;
		font-weight: bold;
	}
	
	ul#nav li#navactive ul.leveltwo li a {
		color: #000;
		font-weight: normal;
	}
	
	ul#nav li#navactive ul.leveltwo li a:hover {
		color: #4A484B;
	}
	
	#nav li { /* all list items */
		float: left;
		width: 140px; /* width needed or else Opera goes nuts */
	
	}
	
	#nav li ul { /* second-level lists */
		position: absolute;
		background: #FFD256;
		border-right: solid 1px #4A484B;
		border-bottom: solid 1px #4A484B;
		border-left: solid 1px #4A484B;
		width: 140px;
		padding: 0px 0px 0px 0px;
		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		font-weight: normal;
	}
	
	#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
/*___________________ END TOP NAV ___________________*/

/*___________________ SIDE NAV ___________________*/
	
	#sidenav {
		margin: 20px 0px 0px 0px;
		width: 180px;
		height: 460px;
		overflow: hidden;
		font-size: 12px;
		float: left;
	}
	
	ul#menu, ul#menu ul {
	  list-style-type:none;
	  margin: 0;
	  padding: 0;
	  width: 15em;
	}
	
	ul#menu a {
	  display: block;
	  text-decoration: none;	
	}
		
	ul#menu li a {
	  background:#FFF;
	  color:#000;	
	  padding: 0.5em;
	  padding-left:25px;
	}
	
	ul#menu li a:hover {
	  background-image:url(arrow.gif);
	  background-repeat:no-repeat;
	}
	
	ul#menu li ul li a {
	  background:#FFF;
	  color:#000;
	  padding-left: 25px;
	  margin-left:25px;
	}
	
	ul#primary{
		margin-left: 10px;
	}
	/*Active class on side nav*/
	ul#menu li ul.secondary li a.sidenavactive {
		background-image:url(arrow.gif);
	 	background-repeat:no-repeat;
	}

/*___________________ END SIDE NAV ___________________*/

/*___________________ CONTENT ___________________*/


	#content {
		height: 500px;
		width: 900px;
		margin: 0px auto;
	}
	
/*___________________ HOME PAGE LAYOUT ___________________*/

	#insidecontenthome {
		float: left;
		height: 480px;
		width: 588px;
		padding: 10px 0px;
	}
	
	#insidecontenthomeb {
		float: left;
		height: 480px;
		width: 272px;
		padding: 10px 10px 0px 0px;
		margin: 0px 0px 5px 5px;
	}

	#insidecontenthomeb a {
		color: #2B90CF;
		font-size: 12px;
		font-family: Tahoma, Geneva, sans-serif;
	}
/*___________________ END HOME PAGE LAYOUT ___________________*/

/*___________________ IMAGE ROTATOR ___________________*/

/* FeatureFade code created by Matt Solano, www.mattsolano.com (I will appreciate if left here, Thanks) */

	body {
		background-color:#FFF;
		}

	#news {	
		height:475px;
		width:580px;
		position:			relative;
		background-color:	#FFFFFF;					/* This color is seen in the background when the caption image does not fill the news box */
		border:				4px solid #FFF;			/* This is the thickness and color of the surrounding border */
		overflow:			hidden;
		}

	#info {
		height:45px;
		width:580px;
		position:			absolute;
		z-index:			100;
		top:				430px;						/* This is the distance of the information box from the top of the news box */
		}
	
	p.feathead {
		margin-left:		15px;						/* How far the Caption Heading is from the left */
		margin-top:			100px;						/* How far the Caption Heading is from the top */
		font-size:			22px;						/* Font size of Caption Heading */
		width:				250px;
		color:				#322b2b;					/* Color of Caption Heading */
		font-family:	Georgia, "Times New Roman", Times, serif;		/* Font of Caption Heading */
		float:				left;
		}
	
	div.featcont {
		margin-right:		10px;						/* Distance of Caption Info from right */
		margin-top:			183px;						/* Distance of Caption Info from top */
		font-size:			14px;						/* Size of Caption Info font */
		width:				275px;
		color:				#ffd256;					/* Color of Caption Info */
		font-family: 		Georgia, "Times New Roman", Times, serif;		/* Font of Caption Info */
		float:				right;
		z-index: 			1000;
		font-weight: normal;
		}	
	
	p.featcont {
		margin-right:		10px;						/* Distance of Caption Info from right */
		margin-top:			183px;						/* Distance of Caption Info from top */
		font-size:			14px;						/* Size of Caption Info font */
		width:				275px;
		color:				#ffd256;					/* Color of Caption Info */
		font-family: 		Georgia, "Times New Roman", Times, serif;		/* Font of Caption Info */
		float:				right;
		z-index: 			1000;
		font-weight: normal;
		}
		
	p.buttonnum {
		margin-top:			2px;						/* Distance of number from top of the buttons */
		margin-left:		7px;						/* Distance of number from the left of the button */
		font-size:			12px;						/* Size of button numbers */
		color:				#000;					/* Color of button numbers */
		font-family:Tahoma, Geneva, sans-serif;		/* Font of button numbers */
		z-index: 10;
		}
	
	
	
	#feature1 {
		height:				475px;						/* This value should match the overall height of the news box */
		width:				580px;						/* This value should match the overall width of the news box */
		top:				0;			
		position:			absolute;
		z-index:			10;
		opacity:			100;
		}
		
	#featureinfo1 {
		height:				45px;						/* This is the height of the Information Box*/
		width:				580px;						/* This value should match the overall width of the news box */
		opacity:			0;
		position:			absolute;
		z-index:			1000;
		top:				430px;						/* This value should be equal to the height of the News box minus the height of the Information box, Unless you do not want the information box at bottom */
		}	
	
	#feature2 {
		height:				475px;						/* This value should match the overall height of the news box */
		width:				580px;						/* This value should match the overall width of the news box */
		top:				500px;
		position:			absolute;
		z-index:			10;
		opacity:			100;
		}
		
	#featureinfo2 {
		height:				45px;						/* This is the height of the Information Box*/
		width:				580px;						/* This value should match the overall width of the news box */
		opacity:			0;
		position:			absolute;
		z-index:			1000;
		top:				930px; 						/* This value should be equal to the height of the News box minus the height of the Information box, Unless you do not want the information box at bottom */
		}	
		
	#feature3 {
	height:				486px;						/* This value should match the overall height of the news box */
	width:				580px;						/* This value should match the overall width of the news box */
	top:				1000px;
	position:			absolute;
	z-index:			10;
	opacity:			100;
		}
		
	#featureinfo3 {
		height:				45px;						/* This is the height of the Information Box*/
		width:				580px;						/* This value should match the overall width of the news box */
		opacity:			0;
		position:			absolute;
		z-index:			1000;
		top:				1430px;						/* This value should be equal to the height of the News box minus the height of the Information box, Unless you do not want the information box at bottom */
		}	
		
	#feature4 {
		height:				475px;						/* This value should match the overall height of the news box */
		width:				580px;						/* This value should match the overall width of the news box */
		top:				1500px;
		position:			absolute;
		z-index:			10;
		opacity:			100;
		}
		
	#featureinfo4 {
		height:				45px;						/* This is the height of the Information Box*/
		width:				580px;						/* This value should match the overall width of the news box */
		opacity:			0;
		position:			absolute;
		z-index:			1000;
		top:				1930px;						/* This value should be equal to the height of the News box minus the height of the Information box, Unless you do not want the information box at bottom */
		}	
		
	#feature5 {
		height:				475px;						/* This value should match the overall height of the news box */
		width:				580px;						/* This value should match the overall width of the news box */
		top:				2000px;
		position:			absolute;
		z-index:			10;
		opacity:			100;
		}	
		
	#featureinfo5 {
		height:				45px;						/* This is the height of the Information Box*/
		width:				580px;						/* This value should match the overall width of the news box */
		opacity:			0;
		position:			absolute;
		z-index:			1000;
		top:				2430px;						/* This value should be equal to the height of the News box minus the height of the Information box, Unless you do not want the information box at bottom */
		}
		
	#feature6 {
		height:				475px;						/* This value should match the overall height of the news box */
		width:				580px;						/* This value should match the overall width of the news box */
		top:				2500px;
		position:			absolute;
		z-index:			10;
		opacity:			100;
		}
		
	#featureinfo6 {
		height:				45px;						/* This is the height of the Information Box*/
		width:				580px;						/* This value should match the overall width of the news box */
		opacity:			0;
		position:			absolute;
		z-index:			1000;
		top:				2930px;						/* This value should be equal to the height of the News box minus the height of the Information box, Unless you do not want the information box at bottom */
		}	
	
	#newsnav {
		height:				30px;						/* Height the the Div containing the navigation buttons */
		width:				584px;						/* Width the the Div containing the navigation buttons, should be the same as the overall width of news box*/
		position:			absolute;
		top:				8px;						/* Distance of navigation from top */
		left:				0px;
		z-index:			100;
		}

	#button1 {
		height:				20px;						/* Height of First button */
		margin-left:		8px;						/* Distance from Left */
		width:				20px;						/* Width of First button */
		background-color:	#FFFFFF;					/* Color of Button */
		float:				left;
		z-index:			100;		
		}
		
	#button2 {
		height:				20px;						/* Height of Second button */
		width:				20px;						/* Width of Second button */
		background-color:	#FFFFFF;					/* Color of Button */
		margin-left:		15px;						/* Distance from button to the left */
		float:				left;
		z-index:			100;
		}

	#button3 {
		height:				20px;						/* Height of Third button */
		width:				20px;						/* Width of Third button */
		background-color:	#FFFFFF;					/* Color of Button */
		margin-left:		15px;						/* Distance from button to the left */
		float:				left;
		z-index:			100;
		}
		
	#button4 {
		height:				20px;						/* Height of Fourth button */
		width:				20px;						/* Width of Fourth button */
		background-color:	#FFFFFF;					/* Color of Button */
		margin-left:		15px;						/* Distance from button to the left */
		float:				left;
		z-index:			100;
		}	
	
	#button5 {
		height:				20px;						/* Height of Fifth button */
		width:				20px;						/* Width of Fifth button */
		background-color:	#FFFFFF;					/* Color of Button */
		margin-left:		15px;						/* Distance from button to the left */
		float:				left;
		z-index:			100;
		}
		
	#button6 {
		height:				20px;						/* Height of Sixth button */
		width:				20px;						/* Width of Sixth button */
		background-color:	#FFFFFF;					/* Color of Button */
		margin-left:		15px;						/* Distance from button to the left */
		float:				left;
		z-index:			100;
		}
		
	#stopbutton {
		height:				20px;						/* Height of Play/Pause button */
		width:				20px;						/* Width of Play/Pause button */
		background-image:	url(images/pause.png);	/* Image of the Pause State of button */
		margin-right:		11px;						/* Distance from right */
		float:				right;
		z-index:			100;
		}

/*___________________ END IMAGE ROTATOR ___________________*/

/*___________________ 2 COLUMN LAYOUT ___________________*/

	#main {
		height: 500px;
		width: 720px;
		float: left;
	}
	
	#insidecontentcol1 {
		height: 460px;
		width: 430px;
		float: left;
		padding: 10px 15px 10px 0px;
		text-align: justify;
		margin: 10px 0px 10px 10px;
		overflow: auto;
		position: relative;
		
	}
	
	#insidecontentcol1 img {
		margin: 10px auto;
		display: block;
		text-align: center;
	}
	
	#insidecontentcol2 {
		height: 460px;
		width: 230px;
		float: left;
		padding: 10px 0px 0px 20px;
	}
	
	#insidecontentcol2 img {
		padding-bottom: 10px;	
	}
	
	#insidecontentcol1 a {
	color: #333;
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
	}
	
	#insidecontentcol2 a {
		color: #2B90CF;
		font-size: 12px;
		font-family: Tahoma, Geneva, sans-serif;
	}
	
	.tablehours {
		border: 0;
		width: 150px;
		font-size: 12px;
		font-family: Tahoma, Geneva, sans-serif;
	}

/*___________________ END 2 COLUMN LAYOUT ___________________*/

/*___________________ 1 COLUMN LAYOUT ___________________*/

	#insidecontent1col {
		height: 460px;
		width: 705px;
		float: left;
		padding: 10px 0px 10px 10px;
		position: relative;
	}
	
	#insidecontent1col img {
		margin: 0px auto;    
	}
	
	#insidecontent1col a {
		color: #2B90CF;
		font-size: 12px;
		font-family: Tahoma, Geneva, sans-serif;
	}
		
/*___________________ 2 COLUMN LAYOUT 2 ___________________*/

	#insidecontentv2col1 {
		height: 460px;
		width: 325px;
		float: left;
		padding: 10px 15px 10px 0px;
		text-align: justify;
		margin: 10px 0px 10px 10px;
		overflow: auto;
		position: relative;
	}

	#insidecontentv2col2 {
		height: 460px;
		width: 360px;
		float: left;
		margin: 10px 0px 10px 10px;
	}
	
	#insidecontentv2col2 h2 {
		font-size: 12px;
	}
	
	#insidecontentv2col2 p {
		font-size: 12px;
	}
	
	.insideboxv2 {
		height: 110px;
		width: 360px;
		background-color: #FFE7B0;
		margin-bottom: 13px;
		
	}
	
	.insideimagev2 {
		height: 100px;
		width: 100px;
	/*	border: thin solid grey;*/
		margin: 4px;
		float: left;
	}
	
	.insidetextv2 {
		height: 80px;
		width: 230px;
		float: left;
		padding: 20px 10px 10px 10px;
	}
		
	.insidetextv2 a {
		color: #2B90CF;
	}
	
	#insidecontentv2col1 img {
		height: 230px;
		width: 230px;
		margin: 10px auto;
	}
	
	#insidecontentv2col1 a {
		color: #2B90CF;
		font-size: 12px;
		font-family: Tahoma, Geneva, sans-serif;
	}
	
	#insidecontentv2col2 a {
		color: #2B90CF;
		font-size: 12px;
		font-family: Tahoma, Geneva, sans-serif;
	}

	
/*___________________ END 2 COLUMN LAYOUT 2 ___________________*/	

/*___________________ REGISTRATION FORM ___________________*/	

#registerform {
	color: #4A484B;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
} 

.formpadding {
	padding-right: 10px;	
}

tr.allinput {
	height: 25px;
}

.formcomments {
	text-align: left;
	width: 150px;
}


/*___________________ END REGISTRATION FORM ___________________*/	

/*___________________ END CONTENT ___________________*/


/*___________________ FOOTER ___________________*/

	#footer {
		background-image: url(images/footerbg.gif);
		height: 80px;
		clear: both;
		min-width: 1020px;
	}
	
	#footerinfo {
		width: 900px;
		margin: 0px auto;
		position: relative;
		clear: both;
	}
	
	#footerinfo a {
		color: 	#4A484B;
	}
		
	#hmealogo {
		position: absolute;
		top: 10px;
		left: 100px;
		height: 53px;
		width: 65px;
		z-index: 20;
	}
	
	#bottomline1 {
		position: absolute;
		top: 10px;
		left: 200px;
	}
	
	#footertext {
		position: absolute;
		top: 0px;
		padding-top: 5.5px;
		width: 900px;
		height: 80px;
		text-align: center;
	}
	
	#footertext a:hover {
		color: #2B90CF;
	}
	
	
	#bottomline2 {
		position: absolute;
		top: 10px;
		left: 700px;
	}
	
	#facebook {
		position: absolute;
		top: 10px;
		left: 730px;
	}
	
	#twitter {
		position: absolute;
		top: 40px;
		left: 730px;
	}
	
/*___________________ END FOOTER ___________________*/