
@IMPORT url('UserReminders.css');

/* CSS Document */
/*Typography
---------------------------------------------------*/
h1, h2, h3, h4, h5 {
	COLOR: #38af38;
}

/*SubNav Colours
---------------------------------------------------*/
div#subNav {
	background-color: #C2F7C2;
}

div#subNav ul li.subNavActivePath {
	background-color: #006699;
}

div#subNav ul li.subNavActivePath a {
	color: #fff;
}

div#subNav ul li.subNavActivePath ul {
	background-color: #66CC66;
}

div#subNav ul li.subNavActivePath ul li.subNavActivePath {
	background-color: #3DA33D;
}

/*Other
---------------------------------------------------*/
.sbColour{
	background-color: #D8F9DA;
	color: #333333;
}
.sbColour hr{
	border-bottom: 1px solid #38af38;
	}

div#mainCol span img {
	padding: 5px 0 0 4px;
}

div#mainCol #pets.intro {
	background: url(/Images/introPets.jpg) no-repeat;
	width: 436px;
	height: 50px;
	text-indent: -99999px;
	margin: 10px 0 17px 4px;
}

div#mainCol .dogs-wrapper, div#mainCol .cats-wrapper {
	float: left;
}

div#mainCol .cats-wrapper {
	padding-left: 7px;
}

div#mainCol h2.heading-dogs {
	background: url(/Images/panelDogs.jpg) no-repeat;
	width: 224px;
	height: 60px;
	text-indent: -99999px;
	margin: 0;
}

div#mainCol h2.heading-cats {
	background: url(/Images/panelCats.jpg) no-repeat;
	width: 224px;
	height: 60px;
	text-indent: -99999px;
	margin: 0;
}

div#mainCol .panel ul li {
	float: left;
	width: 95px;
	background: url(/images/bulletArrowGreen.gif) 0 3px no-repeat;
}

div#mainCol .panel {
	background: #effaef url(/images/bgPanel.gif) repeat-x;
	border: 1px solid #b2e5b2;
	border-top: none;
	width: 208px;
	color: #000;
	padding: 12px 7px 0 7px;
	min-height: 140px;
}

div#mainContent .PicParaPic {
	clear: both;
	border-top: 1px dotted #6c6;
	margin: 14px 0 0 0;
	padding: 13px 20px;
}

div#mainContent .PicParaImage {
	float: left;
	padding-right: 10px;
}

div#mainContent .PicParaPicBody {
	padding: 10px 0 0 0;
	color: #000;
}

div#mainContent .PicParaPicBody a {
	font-size: 1.1em;
	font-weight: bold;
	color: #6c6;
	text-decoration: none;
}

div#mainContent .PicParaPicBody a:hover {
	text-decoration: underline;
}

#videoPlayerWrap {
  height:206px;
  width:454px;
}