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

body {
	behavior: url("csshover3.htc");
	margin: 0px;
	padding: 0px;
	background: url(assets/images/structure/page-background.jpg) no-repeat fixed center top;
}
h1 {
	color: #2ea2dd;
	font-family: "myriad-pro-1","myriad-pro-2";
	font-weight: 600;
	font-style:normal;
	margin: 0px 0px 10px;
	font-size:26px;
}
h2 {
	color: #5b8119;
	font-family: "myriad-pro-1","myriad-pro-2";
	font-weight: 400;
	font-style:normal;
	margin: 0px 0px 10px;
	font-size:22px;
	text-transform:uppercase;
}
h3 {
	color: #5b8119;
	font-family: "myriad-pro-1","myriad-pro-2";
	font-weight: 600;
	font-style:normal;
	margin: 0px 0px 10px;
	font-size:20px;
}
h4 {
	color: #2ea2dd;
	font-family: "myriad-pro-1","myriad-pro-2";
	font-weight: 600;
	font-style:normal;
	margin: 0px;
	font-size:16px;
}
p {
	color: #444444;
	font-family: "myriad-pro-1","myriad-pro-2";
	font-weight: 400;
	font-style:normal;
	margin: 0px 0px 15px;
	font-size:15px;
	line-height:22px;
}

p a {
color: #f28b00;
text-decoration:none;
}

.information {
	color: #2ea2dd
}

	.pullquote
{
	padding: 10px;
	/*width: 600px;*/
	margin: 10px 0px 10px 20px;
	border-left: 4px solid #CEE9EE;
	text-align: left;
	color: #2ea2dd;
	font: italic 20px/26px georgia, verdana, Arial, Helvetica, sans-serif;
	clear: both;
}


#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 976px;
	background: url(assets/images/structure/cleveland-canines-creche-logo.png) no-repeat top;
}
/* top menu */
#TopNavigation {
	background: url(assets/images/structure/top-nav-background.png) no-repeat;
	margin-top: 55px;
	height: 61px;
}
#TopNavigation ul {
	list-style:none;
	margin: 0px;
	padding: 15px 0px 0px 30px;
}
#TopNavigation li {
	position: relative;
	display:inline;
	font: bold 0.875em Arial, Helvetica, sans-serif;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}
#TopNavigation li a {
	height: 35px;
	display: block;
	text-decoration:none;
	text-align: left;
	line-height: 30px;
	color: #3f7472;
	width:120px;
}
#TopNavigation li a:hover {
/*background-color: #c3e430;*/
	
}
#TopNavigation ul ul {
	position: absolute;
	top: 35px;
	width:130px;
	visibility: hidden;
	background-color: #c3e430;
	margin-left:-10px;
}
#TopNavigation ul li:hover ul {
	visibility:visible;
	background-color: #c3e430;
	color: #3f7472;
	opacity: 0.9;
	padding: 0px 10px;
	margin:0px 0px 0px -10px;
	z-index:1500;
	
	
} 
/*end top menu */
#MainImage {
	background: url(assets/images/structure/main-image-background.png) no-repeat;
	height: 323px;
	margin-top: 10px;
}
#MainImageLeft{
	position: relative;
	float: left;
	left: 0px;
	width: 670px;
	margin-top: 5px;
	margin-left: 8px;
}
#MainImageRight{
   position: relative;
   float: right;
   right: 0px;
   width: 290px;

}
/* home page buttons */

#HomeButtons {
	width: 263px;
	margin-top: 60px;
	margin-left: 5px;
	overflow:hidden;

}
/*button 1 */
a.ButtonRollover
{
	display: block;
	width: 263px;
	height: 75px;
	text-decoration: none;
	background: url(assets/images/structure/home-button-1.png);
}

a.ButtonRollover:hover { background-position: -263px 0; }
/* button 2 */
a.Button2Rollover
{
	display: block;
	width: 263px;
	height: 75px;
	text-decoration: none;
	background: url(assets/images/structure/home-button-2.png);
}

a.Button2Rollover:hover { background-position: -263px 0; }
/* button 3 */
a.Button3Rollover
{
	display: block;
	width: 263px;
	height: 75px;
	text-decoration: none;
	background: url(assets/images/structure/home-button-3.png);
}

a.Button3Rollover:hover { background-position: -263px 0; }
/* read more button */
a.ButtonReadMore
{
	display: block;
	width: 134px;
	height: 36px;
	text-decoration: none;
	background: url(assets/images/structure/read-more-button.png);
}

a.ButtonReadMore:hover { background-position: -134px 0; }
/* facebook button */
a.ButtonFacebook
{
	display: block;
	width: 217px;
	height: 51px;
	text-decoration: none;
	background: url(assets/images/structure/facebook.png);
}

a.ButtonFacebook:hover { background-position: -217px 0; }
/* twitter button */
a.ButtonTwitter
{
	display: block;
	width: 217px;
	height: 55px;
	text-decoration: none;
	background: url(assets/images/structure/twitter.png);
}

a.ButtonTwitter:hover { background-position: -217px 0; }
.displace
{
	position: absolute;
	left: -5000px;
}
/* main content */
#WhiteBackgroundTop {
	background: url(assets/images/structure/white-background-top.png) no-repeat bottom;
	height: 21px;
	display: block;
}
#WhiteBackground {
	background: url(assets/images/structure/white-background.png) repeat;
	display: block;
	padding: 15px 40px;
	overflow:hidden;
}

#WhiteBackground img {
	border:none;
}

#WhiteBackgroundGallery {
	background: url(assets/images/structure/white-background.png) repeat;
	display: block;
	padding: 15px 40px;
	overflow:hidden;
}

#WhiteBackground ul {
	padding: 0px 0px 0px 10px;
	margin: 10px 0px;
}

#WhiteBackground li {
	color: #2ea2dd;
	font-family: "myriad-pro-1","myriad-pro-2";
	font-weight: 400;
	font-style:normal;
	margin: 0px;
	font-size:15px;
	line-height:22px;
	background: url(assets/images/structure/pawprint.gif) no-repeat;
	padding-left: 25px;
	list-style: none;
}

#WhiteBackgroundBottom {
	background: url(assets/images/structure/white-background-bottom.png) no-repeat;
	display: block;
	height: 17px;
}
#MainContentLeft{
	position: relative;
	float: left;
	left: 0px;
	width: 610px;

}
#MainContentRight{
   position: relative;
   float: right;
   right: 0px;
   width: 240px;

}
.floatright {
	float: right;	
}
hr{
	background:url(assets/images/structure/hr.gif) repeat-x left top;
	border: 0;
	height: 16px;
}
#HomeColLeft{
	position: relative;
	float: left;
	left: 0px;
	width: 290px;

}
#HomeColRight{
   position: relative;
   float: right;
   right: 0px;
   width: 290px;

}

#footer {
	background: url(assets/images/structure/footer-background.png);
	height: 206px;
	margin-top: 20px;
	padding-top:20px;
}
#FooterLeft1{
	position: relative;
	float: left;
	left: 0px;
	width: 420px;
	margin-left: 40px;
}
#FooterLeft2{
	position: relative;
	float: left;
	left: 0px;
	width: 220px;
	margin-left: 20px;
}
#FooterRight{
   position: relative;
   float: right;
   right: 0px;
   width: 210px;

}
#footer p {
	color: #5b5a5a;
		font-family: "myriad-pro-1","myriad-pro-2";
	font-weight: 400;
	font-style:normal;
	margin: 0px 0px 10px;
	font-size:15px;
	line-height:18px;
}
#footer p a {
color: #e71d6e;
text-decoration:none;
}
#footer p a:hover {
color: #ffffff;
text-decoration:none;
}
#footer p.telno {
	font-family: "myriad-pro-1","myriad-pro-2";
	font-weight: 600;
	font-style:normal;
	font-size:20px;
}
#copyright {
	margin-left: 40px;
	height: 150px;
}
#copyright p {
	font-family: "myriad-pro-1","myriad-pro-2";
	font-weight: 400;
	font-style:normal;
	font-size:12px;
	color: #5b5a5a;
}

#copyright a {
	font-family: "myriad-pro-1","myriad-pro-2";
	font-weight: 600;
	font-style:normal;
	font-size:12px;
	color: #ffffff;
}
.col435 {
	width: 435px;
	float: left; padding: 0px !important; 
}
.col435right {
	width: 435px;
	float: right;
	 padding: 0px !important; 
}
.greydot {
	background: url(assets/images/structure/dot.gif) repeat;
	margin: 0px 0px 15px;
	padding: 0px;
	height: 14px;
	clear:both;
}
#colwrapper4 {
	width: 830px;
	overflow:hidden;

}

.col1-200{
   position: relative;
   float: left;
   left: 0px;
   width: 150px;

}
.col2-200{
   position: relative;
   float: left;
   left: 20px;
   width: 150px;

}
.col3-200{
   position: relative;
   float: left;
   left: 40px;
   width: 150px;

}
.col4-200{
   position: relative;
   float: left;
   left: 60px;
   width: 150px;

}
.col5-200{
   position: relative;
   float: right;
   right: 0px;
   width: 150px;

}
/*news */

.NewsTitle a {
	color: #5b8119;
	text-decoration:none;
	font-weight: bold;
}



#NewsSummary {
	width: 660px;
	float:left;
}
#NewsPadding {
	width: 150px;
	height:400px;
	float:right;
}
.NewsSmall {
	font-size: 11px;
	font-weight: bold;
}

/*Ditto 2 Blog
-------------------------------------------------------------------------------*/
.ditto_summaryPost .ditto_info
{
	font: 10px Arial, Helvetica, sans-serif;
	color: #515151;
	margin-bottom: 20px;
	border-bottom:1px dotted #999;
	padding-bottom: 12px;
}

.ditto_link
{
	font-size: 76%;
	text-align: right;
}

.ditto_paging
{
	font: 12px Arial, Helvetica, sans-serif;
	border-top: 1px solid #CCC;
	padding: 10px;
	color: #000000;
}

#ditto_pages .ditto_currentpage
{
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
	padding: 1px 5px 2px;
	margin-right: 1px;
	background-color: #45B0C5;
	color: #FFF;
}

#ditto_pages .ditto_off
{
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #CCC;
	padding: 1px 5px 2px;
	margin-right: 1px;
	color: #CCC;
}

#ditto_pages A, #ditto_pages A:link, #ditto_pages A:visited
{
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #45B0C5;
	padding: 1px 5px 2px;
	margin-right: 1px;
	text-decoration: none !important;
	color: #000000;
}

#ditto_pages A:hover
{
	background-color: #FFF;
	color: #000;
}

#ditto_archivelist UL
{
	list-style-type: none;
	margin-left: 15px;
	padding-left: 0;
}

#ditto_archivelist UL UL
{
	list-style-type: square;
	margin-left: 35px;
}

#ditto_archivelist .ditto_month { font-weight: bold; }

#ditto_archivelist .ditto_month { font-weight: bold; }

/*reflect*/
#reflect
{
	width: 300px;
	padding-top: 20px;
	padding-left: 10px;
}

/*#reflect h3 { display: none; }*/
#reflect UL { list-style: none; }

.reflect_archive_list UL
{
	list-style: none url(!imporant);
	margin-left: 0px;
	padding-left: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #515151;
}

.reflect_archive_list UL UL { margin-left: 0px; }

.reflect_archive_list UL UL LI { /*margin-top: -5px;*/ margin-bottom: 0.8em; }

.reflect_archive_list LI A
{
	display: block;
	padding: 5px 5px 5px 10px;
	margin: 0px;
	color: #515151;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}

.reflect_archive_list LI A:hover
{
	color: #333;
	border-right: 10px solid #EEE;
}

#tinycrumb p  {
margin:0px;
padding:0px;
font-size:11px;
}

#twitter {
	margin-top:10px;
	font: 11px Arial, Helvetica, sans-serif;
}

#twitter ul   {
	list-style-type:none;
		font: 11px Arial, Helvetica, sans-serif;
}
#twitter li   {
	list-style-type:none;
	font: 11px Arial, Helvetica, sans-serif;
margin-bottom:5px;
	background: url(assets/images/structure/twitter-ico.gif) no-repeat;
	padding-left: 25px;
line-height: 16px;

}

.twitter-updates a {
	color: #f28b00;
text-decoration:none;
}