/* General Body Styles, Colors .............................................................................................. */

	body {
		background-color:#E5F4FF;
		font-family:sans-serif;
		font-size:80%;
	}
	
	.clear {
		clear:both;
	}
	
	#bodybg {
		background-image:url("../img/layout/stripes-x.png");
		background-repeat:repeat-x;
		position:absolute;
		top:0px;
		left:0px;
		right:0px; 	
		height:300px;
		width:100%;
		z-index:-1;
	}
	
	a {
		color:#FF6600;
		text-decoration:none;
	}
	
	a:hover {
		color:#FF2A00;
	}
	
	hr {
		height:2px;
		border:1px solid #D9DECC;
		background-color:#D9DECC;
	}
	
	h6 {
		background-color:#EDF9E4;
		padding: 10px;
		font-weight:normal;	
		font-size:14px;
	}
	
	h5 {
		background-image: url('../img/layout/quoteleft.gif');
		background-repeat:no-repeat;
		background-position:5px 5px;
		background-color:#F9F1E4;
		padding: 15px 15px 15px 32px;
		font-weight:bold;
		font-size:100%;
		margin-bottom:10px;
		margin-top:10px;
	}
	
	img.quoteRight {
		float:right;
		top:-10px;
		position:relative;
		left:-10px;
	}
	/* Colors .............................................................................................. */
	
	.darkgreenbg {
		background-color:#A2C85D;
	}
	
	.lightgreenbg {
		background-color:#C9E389;
	}
	
	.yellowbg {
		background-color:#FFC600;
	}
	
	.lightyellowbg {
		background-color:#F8F8DA;
	} 
	
	.greenborder {
		border:1px solid #C3D19B;
		margin-top:3px;
	}


/* Top Panel: Theme & Menu .............................................................................................. */

	#topPanel {
		background-image:url("../img/layout/stripes.png");
		background-repeat:no-repeat;
		height:133px;
		width:770px;
		position:relative;
	}
	
	#homeLink {
		display:block;
		position:absolute;
		height:133px;
		width:770px;
	}

	/* Theme .............................................................................................. */
	
		#themeImg {
			position:absolute;
			top:0px;
			bottom:20px;
			right:5px;
			left:300px;
			width:465px;
			height:103px;
			background-image:url("../img/layout/stripes.png");
			background-repeat:no-repeat;
			background-position:right -285px;
		}
		
		#themeText {
			position:absolute;
			top:15px;
			left:220px;
			right:250px;
			width:300px;
			color:#E2EDD2;
		}
		
	/* Menu .............................................................................................. */
	
		#menu {
			position:absolute;
			top:107px;
			height:25px;
			width:760px;
			right:5px;
			left:5px;
			bottom:0px;
			background-color:#FFC600;
		}
		
		#menu li {
			float:left;
			position:relative;
			text-transform:uppercase;
			border-left:1px dotted white;
			padding:7px 8px 5px 8px;
			*padding-top:8px;
			cursor:pointer;
			font-size:12px;
			left:-1px;
			font-weight:bold;
		}
		
		#menu a {
			color:#267B28;
			text-decoration:none;
		}


/* Content Panel: Left Panel, Center Content, Right Panel, Menu .............................................................................................. */

	#contentPanel {
		background-color:white;
		width:760px;
		padding:0px 5px 0px 5px;
		padding-bottom:5px;
	}
	
	/* Menu .............................................................................................. */
		.menuPanel {
			color:#4E700E;
			padding:10px;
			position:relative;
		}
		
		.menuPanel span {
			font-weight:bold;			
		}	
		
		.menuPanel ul {
			list-style-type:none;
			margin-top:10px;
		}
		
		.menuPanel li {
			padding-left:15px;
			margin:5px 0px 0px 0px;
			background-image:url("../img/layout/stripes.png");
			background-position:-6px -2472px;
		}
		
		.menuPanel li.subli {
			margin:5px 0px 0px 15px;
		}
		
		.menuPanel a {
			color:#4E700E;
			text-decoration:none;
		}
		
		.menuPanel a:hover {
			text-decoration:underline;			
		} 
		
		#animals li {
			background-image:url(null);
			padding-left:27px;
			margin:9px 0px 0px 0px;
		}
		
		#animals ul {
			background-image:url("../img/layout/stripes.png");
			background-position:-7px -1753px;
			position:relative;
			left:-5px;
		}
				
		.menuPlateIcon {
			background-image:url("../img/layout/stripes.png");
			position:absolute; 
			width:50px;
			height:40px;
			background-position:5px -2129px;
			top:0px;
			right:0px;
		}
		
		.menuChicksIcon {
			background-image:url("../img/layout/stripes.png");
			position:absolute; 
			width:75px;
			height:60px;
			background-position:0px -2192px;
			top:-15px;
			right:0px;
		}
	
	/* Left Panel .............................................................................................. */
	
		#leftPanel {
			float:left;
			width:155px;
			background-color:#C9E389;
			margin-top:3px;
		}
		
		#searchPanel {
			background-color:#5C861D;
			padding:10px;
			color:white;
		}
		
		#searchPanel input {
			width:95px;
			*width:100px;
			height:15px;
		}
		
		#searchPanel button {
			position:relative;
			padding:0px;
			top:-1px;
			*top:-2px;
			vertical-align:middle;
		}
		

	/* Right Panel .............................................................................................. */
		
		#rightPanel {
			float:left;
			width:155px;
			
		}
	
	/* Center Panel .............................................................................................. */
	
		#centerPanel {
			float:left;
			width:450px;
			background-color:white;
		}
		
		h1 {
			color:#5A6666;
			font-size:x-large;
			padding-bottom:10px;
		}
		
		
		h2 {
			color:#5A6666;
			font-size:medium;
			padding-bottom:10px;
			padding-top:10px;
		}
		
		ul.otherInfo {
			list-style-type:square;
			margin-left:20px;
		}

		.contentBody ul, .contentBody ol {
			list-style-type:square;
			margin-left:20px;
		}
		
		.contentBody li {
			list-style-type:square;
			margin-bottom:3px;
		}		

		#centerContentPanel {
			padding:10px;
			border:1px solid #D9DECC;
			margin:3px;
		}
		
		#oo {
			width:442px;
			margin:3px 3px 0px 3px;
			background-image:url("../img/layout/stripes-x.png");
			background-position:0px -300px;
			background-repeat:repeat-x;
            border:1px solid #C3D19B;
			position:relative;
			
		}
		
		.newsTab {
			position:absolute;
			display:block;
			width:145px;
			height:26px;
			background-image:url("../img/layout/stripes.png");
			background-position:0px -2368px;
			bottom:3px;
			color:#463A01;
			padding:9px 0px 0px 25px;
			text-transform:uppercase;
			text-decoration:none;
			font-weight:bold;
		}

		.newsTabWorld {
			left:168px;
		}
				
		.newsTabActive, .newsTabActive:hover {
			background-position:1px -2327px !important;
		}
		
		.newsTab:hover {
			background-position:0px -2410px;
		}
		
		#newsHome_content, #newsWorld_content {
			padding:10px;
		}
		
		
		#ooMoviesPanel {
			background-image:url("../img/layout/stripes.png");
			background-repeat:no-repeat;
			background-position:-251px -2316px;
			height:150px;
			width:444px;
			position:absolute;
			top:30px;
			left:10px;
		}
		
		#ooTitle {
			text-transform:uppercase;
			color:white;
			font-weight:bold;
			position:relative;
			top:10px;
			left:10px;
			font-size:14px;
		}
		
		.ooMoviesPanelImage {
			width:105px;
			height:120px;
			position:relative;
			float:left;
			margin-right:5px;
			left:-4px;
		}
		
		.ooMoviesPanelImage img {
			width:98px;
			height:68px;
			border:1px solid #B3A842;
			background-color:#94855A;
			padding:2px;
		}

		.ooMoviesPanelImage a {
			color:#F2F0DE;
			text-decoration:none;
		}

		.ooMoviesPanelImage a:hover {
			color:white;
		}
		
		.ooMoviesPanelImage span {
			display:block;
			padding-left:3px;
		}
		
		#ooMoreLink {
			position:absolute;
			bottom:30px;
			right:20px;
			text-transform:uppercase;
			color:#F2F0DE;
			font-size:10px;
			font-weight:bold;
			text-decoration:none;
		}
		
		
		
		#newsContent ul {
			list-style:square;
			padding-left:15px;
			padding-bottom:5px;
		}

		#newsContent li {
			margin-bottom:10px;
		}

		#newsContent img {
			float:right;
			top:-15px;
			position:relative;
			margin-left:10px;
		}

		#newsContent a {
			color:black;
			text-decoration:none;
		}		

		#newsContent a:hover {
			color:#777777;
		}		
		
		.moreLink {
			color:#FF6600 !important;
			text-decoration:none;
		}
		
		.homeBanner {
			padding:0px 3px 0px 3px;
			width:444px;
			height:170px;
			position:relative;
		}
		
		.homeBanner * {
			cursor:pointer;			
		}
		
		.homeBanner a {
			text-decoration:none;
			color:inherit;
		}
		
		.homeBanner img {
			width:444px;
			border:0;
			position:absolute;
		}
		
		.homeBanner span {
			position:absolute;
			top:35px;
			left:235px;
			bottom:10px;
			width:200px;
			color:black !important;
		}
		
		.homeBanner div {
			position:absolute;
			top:15px;
			left:235px;
			font-size:14px;
			text-transform:uppercase;
			color:#307376;
			font-weight:bold;
			
		}
		
		.homeBannerLeft span, .homeBannerLeft div {
			left:10px;
		}
		
		

/* Bottom Panel: Menu, Logo .............................................................................................. */

	#bottomPanel {
		width:770px;
		background-color:white;
		display:none;
		margin-bottom:5px;
	}
	
	/* Menu .............................................................................................. */
	
		#govegMenu {
			background-color:white;
			border-top:1px solid #DBDED4;
			height:22px;
			margin:0px 5px 0px 5px;
			width:760px;
		}
		
		#petaMenu {
			background-color:#EFEFEF;
			border-bottom:2px solid #C0C0C0;
			border-top:1px solid #C0C0C0;
			height:22px;
			margin:0px 5px 0px 5px;
			width:760px;
		}
		
		#govegMenu div, #petaMenu div {
			float:right;
			padding-top:5px;
		}
		
		#govegMenu a, #petaMenu a {
			color:#C0C0C0;
			text-decoration:none;
			font-weight:bold;
			padding-left:5px;
			padding-right:5px;
			border-left:1px solid #C0C0C0;
			font-size:11px;
		}
		
		#govegMenu a:hover, #petaMenu a:hover {
			color:black;
		}
	
	/* Logo .............................................................................................. */
	
		#petaLogo {
			width:760px;
			height:30px;
			background-repeat:no-repeat;
			background-position:0px -200px;
			background-color:white;
		}
		
		#petaLink {
			display:block;
			position:absolute;
			height:30px;
			width:760px;
		}

		/* Flickr gallery .............................................................................................. */
		div.flickrGallery ul {
			list-style:none;
			margin-top:0px;	
			padding:0px;
			margin-left:0px;
		}
		
		div.flickrGallery li {
			display:inline;
			background-image:url('');
			font-size:1px;
		}
		
		div.flickrGallery li img{
			margin:3px;
			
		}
		
		.govegVideo {
			float:left;
			margin-right:10px;
			margin-top:10px;
			padding:5px;
			border:1px solid #C9E389;
			margin-bottom:10px;
		}
		
		.govegVideo input {
			width:240px;
			margin-top:5px;
		}
		
		.govegVideo div {
			background-color:#C9E389;
			padding:5px;
		}
		
		.pageVideoPlayer {
			margin-top:10px;
			margin-bottom:10px;
		}
		
	/* Print .............................................................................................. */
	@media print {
		#topPanel, #leftPanel, #rightPanel, #bottomPanel {
			display:none;
		}
		
		#centerPanel {
			width:100%;
		}
		
		#centerContentPanel {
			border:0;
		}
		
		a {
			text-decoration:underline;
			color:black;
		}
		
		h1 {
			color:black;
		}
		
		body {
			color:#999999;
		}
	}	
