body					{margin: 0px; padding: 0px; background: #971E00 url('../images/main_layout/bg_body.gif') left top repeat-x; font-family: 'Trebuchet MS', sans-serif; color: #717171;}
form					{margin: 0px; padding: 0px;}
fieldset				{margin: 0px; padding: 0px; border: 0px;}

#container				{position: relative; width: 100%; background: url('../images/main_layout/bg_container.gif') top center no-repeat;}
#main					{position: relative; width: 779px; background: url('../images/main_layout/bg_main.gif') top left repeat-y; margin-left: auto; margin-right: auto;}

.both					{height: 0px; clear: both; font-size: 1px;}



/* Header */


#header					{position: relative; top: 0px; left: 0px; width: 779px; height: 225px; background: #971E00 url('../images/main_layout/bg_header.jpg') bottom left no-repeat; color: white;}
#header a				{display: block; text-decoration: none;}
#header h1				{text-indent: -3000px; margin: 0px; padding: 0px; display: block; position: absolute; top: 0px; left: -60px; width: 287px; height: 90px; background: url('../images/main_layout/logo_oshawa_zoo.gif') top left no-repeat;}
#header h1 a				{width: 287px; height: 90px;}

#header ul				{margin: 0px; padding: 0px; position: absolute; top: 0px; left: 227px; width: 552px; height: 90px; list-style: none;}
#header ul li				{width: 92px; height: 90px; display: inline; float: left;}
#header ul li a				{text-indent: -5000px; width: 92px; height: 90px; background-position: 0px 0px; background-repeat: no-repeat;}
#header ul li a:hover			{background-position: 0px -90px;}
#header ul li a:active			{background-position: 0px -180px;}
#header ul li a.home			{background-image: url('../images/main_layout/menu_bt_home.gif');}
#header ul li a.whats_new		{background-image: url('../images/main_layout/menu_bt_whats_new.gif');}
#header ul li a.special_events		{background-image: url('../images/main_layout/menu_bt_special_events.gif');}
#header ul li a.promo_coupons		{background-image: url('../images/main_layout/menu_bt_promo_coupons.gif');}
#header ul li a.photo_gallery		{background-image: url('../images/main_layout/menu_bt_photo_gallery.gif');}
#header ul li a.about_us		{background-image: url('../images/main_layout/menu_bt_about_us.gif');}


/* Content */


#content				{position: relative; top: 0px; left: 0px; width: 779px; background: url('../images/main_layout/bg_left_col_bottom.jpg') bottom left no-repeat;}

#left_col				{position: relative; float: left; width: 168px; background: url('../images/main_layout/bg_left_col_top.jpg') top right no-repeat; padding-left: 24px; padding-right: 35px;}
#left_col h5				{text-indent: -3000px; width: 148px; height: 44px; margin: 0px; padding: 0px; margin-left: -24px; margin-bottom: 15px; display: block; background-repeat: no-repeat; background-position: top left;}
#left_col h5.submenu			{background-image: url('../images/main_layout/title_menu_submenu.gif');}
#left_col h5.newsletter			{background-image: url('../images/main_layout/title_menu_newsletter.gif');}
#left_col p				{line-height: 15px; font-size: 11px; color: #A1A1A1; text-align: justify; margin: 0px; margin-bottom: 10px; margin-top: 10px;}
#left_col ul				{margin: 0px; padding: 0px; list-style: none; font-size: 11px; font-weight: bold; margin-right: -34px; margin-left: 10px; background: url('../images/main_layout/bg_menu.gif') top left;}
#left_col li				{margin: 0px; padding: 0px;}
#left_col a				{margin: 0px; padding: 0px; display: block; height: 16px; padding-top: 3px; padding-bottom: 5px; padding-left: 1px;}

#left_col input				{background-color: #FFFFFF; border-top: solid 1px #DFDFDF; border-left: solid 1px #DFDFDF; border-right: 0px; border-bottom: 0px; width: 164px; height: 15px; font-size: 10px; margin: 0px; padding: 0px; padding-top:3px; padding-left: 3px;}
#left_col button			{height: 16px; margin: 0px; padding: 0px; margin-top: 10px; margin-bottom: 15px; border: 0px; text-indent: -3000px; background: transparent; background-position: top left; background-repeat: no-repeat; cursor: pointer;}
#left_col button.subscribe		{width: 61px; background-image: url('../images/main_layout/newsletter_subscribe.gif'); margin-left: 10px;}
#left_col button.unsubscribe		{width: 72px; background-image: url('../images/main_layout/newsletter_unsubscribe.gif'); margin-left: 4px;}


#center_col input				{background-color: #EEEEEE; border-top: solid 1px #DFDFDF; border-left: solid 1px #DFDFDF; border-right: 0px; border-bottom: 0px; width: 164px; height: 15px; font-size: 10px; margin: 0px; padding: 0px; padding-top:3px; padding-left: 3px;}
#center_col button				{height: 16px; margin: 0px; padding: 0px; margin-top: 0px; margin-bottom: 2px; border: 0px; text-indent: -3000px; background: transparent; background-position: top left; background-repeat: no-repeat; cursor: pointer;}
#center_col button.unsubscribe	{width: 72px; background-image: url('../images/main_layout/newsletter_unsubscribe.gif'); margin-left: 4px; height: 15px; }


#right_col				{position: relative; float: right; width: 496px; background: url('../images/main_layout/bg_content.jpg') top right no-repeat; padding-left: 28px; padding-right: 28px; padding-top: 22px; padding-bottom: 22px;}

#testimonials				{width: 496px; border-top: 1px solid #DDDDDD; margin-left: -28px; margin-right: -28px; margin-top: 25px; padding-left: 28px; padding-right: 28px; padding-top: 25px; padding-bottom: 25px;}
#testimonials p				{color: #4D7630;}
#news					{width: 496px; border-top: 1px solid #DDDDDD; margin-left: -28px; margin-right: -28px; padding-left: 28px; padding-right: 28px; padding-top: 25px;}
#news_left				{float: left; width: 219px; padding-right: 29px;}
#news_right				{float: right; width: 219px; padding-left: 29px; background: url('../images/main_layout/bg_news.gif') 0px 87px no-repeat;}


/* Footer */


#footer					{position: relative; top: 0px; left: 0px; width: 100%; border-top: 1px solid #892810;}
#footer p				{line-height: 15px; font-size: 11px; color: #BC7462; margin: 0px; padding: 16px;}
#footer a				{color: #BC7462; text-decoration: none;}
#footer a:hover				{color: #FFFF00;}
#footer_container			{position: relative; width: 779px; height: 115px; margin-left: auto; margin-right: auto; background: url('../images/main_layout/bg_footer.gif') top left no-repeat;}

#standards				{position: absolute; top: 0px; left: 0px; width: 195px;}
#standards_n				{position: absolute; top: 0px; left: 0px; width: 195px;}
#standards a				{display: block; background: url('../images/main_layout/logo_w3c.gif') 0px 5px no-repeat; padding-left: 54px;}
#credits				{position: absolute; top: 0px; left: 227px; width: 520px; text-align: center;}


.f { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f1 {width:1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f25 {width:25; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f50 {width:50; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f70 {width:70; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f100 {width:100; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f150 {width:150; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f200 {width:200; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f250 {width:250; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f300 {width:300; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f350 {width:350; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f400 {width:400; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f435 {width:435; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f450 {width:450; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f500 {width:500; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.f800 {width:800; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #333333; background-color: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}


#pass				{position: relative; width: 100%; top center no-repeat; z-index:1}
#pass_text				{
	position: relative;
	width: 100%;
	color: #000000;
	top center no-repeat; 		z-index:2;
	left: 15px;
	top: -173px;
	font-weight: bold;

}
