/* CSS Document */


body {
	background-color: #0c2f69;
	text-align: center;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:10px;
 
} 
 
#wrapper {
	text-align: left; 
	width:776px;
	margin-left: auto;
	margin-right: auto;
	background-color:#efefef;

}

#header {
	width:776px;
}

#logo {
	float:left;
	width:776px;
	height:24px;

}

#banner {
	float:left;
	width:776px;

}


#navigation {
	width: 175px;
	float:left;
	background-image:url(images/nav.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	padding-top:5px;
	margin-left:3px;
	margin-top:15px;
	height:278px;


}

#nav {
 	padding-bottom:15px;

}


#homecontent {
	width:580px;
	float:left;
	                     
	
	
}
#insidecontent {
	width:580px;
	float:left;
	padding-left:10px;
                     
	
	
}
#welcome {
	float:centre;
	width:500px;
	padding-top:15px;
	padding-left:10px;
	padding-bottom:5px;
	font-weight:bold;
                     color: #0c2f69; 
	font-size: 20px;
	font-weight: bold;
	font-family:Trebuchet MS, Verdana, Helvetica, sans-serif;
text-align:center;
}

#login {
	float:left;
	width:330px;
	padding-top:8px;
	padding-right:0px;
	background: #eed8f2;
	padding-left: 5px;
	height: 50px;
}

#content {
	padding-top:15px;
	padding-left:15px;
	padding-bottom:5px;
}

#yellow-box {
	background-image:url(images/puppy-preschool.jpg);
	background-repeat:no-repeat;
	width:164px;
	height:120px;
	float:left;
	color:#fff;
	padding-left:25px;
	padding-top:72px;
	padding-right:10px;
	padding-bottom: 8px;

}

#blue-box {
	background-image:url(images/petiquitte.jpg);
	background-repeat:no-repeat;
	width:160px;
	height:120px;
	float:left;
	color:#fff;
	padding-left:23px;
	padding-top:72px;
	padding-bottom: 8px;
	padding-right:5px;
	
}

#red-box {
	background-image:url(images/health-check.jpg);
	width:168px;
	height:120px;
	float:left;
	background-repeat:no-repeat;
	color:#fff;
	padding-left:18px;
	padding-top:72px;
	padding-bottom: 8px;
	padding-right:5px;
}
	


#footer {
	height: 26px;
	padding:10px 12px 0 12px;
	color:#FFFFFF;
	font-size:11px;
	width:776px;
	margin-left: auto;
	margin-right: auto;

}


#base {
	width:776px;
	height:15px;
	background-image:url(html/images/base.jpg);
}

#pagename {
	float:left;
	width:270px;

}

#breadcrumb {
	float:left;
	width:100px;
	text-align:right;
	font-size:10px;

}

.copyright {
	float:left;
	width:373px;


}

.site-info {
	float:left;
	width:373px;
	text-align:right;


}


.clear {
	clear:both;
}


H1 {
	color: #0c2f69; 
	font-size: 16px;
	font-weight: bold;
	font-family:Trebuchet MS, Verdana, Helvetica, sans-serif;
} 

H2 {
	color: #0c2f69; 
	font-size: 14px;
	font-weight: bold;
	font-family:Trebuchet MS, Verdana, Helvetica, sans-serif;
} 
 
H3 {
	color: #0c2f69; 
	font-size: 12px;
	font-weight: bold;
	font-family:Trebuchet MS, Verdana, Helvetica, sans-serif;
} 

H4 {
	color: #0c2f69; 
	font-size: 10px;
	font-weight: bold;
	font-family:Trebuchet MS, Verdana, Helvetica, sans-serif;
} 

a:link, a:visited { 
	color: #bf2020; 
	font-weight: bold;
	text-decoration: none;
} 
 
a:hover { 
	text-decoration: underline; 
} 

HR { 
	color: #ce1729;
	border-style: solid; 
	height: 1px; 
} 
 
OL {

	
} 
 
UL {
	list-style:square;
} 

.nav {
	color:#fff;
	font-weight:bold;
	font-family:"Trebuchet MS";
	font-size:14px;
	padding-left:25px;
	padding-right:10px;
	cursor:hand;
	
}

.nav-on {
	background-image:url(images/nav-on.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#fff;
	padding-left:25px;
	padding-right:10px;
	cursor:hand;
}

.pagename {
	color: #0c2f69; 
	font-size: 16px;
	font-weight: bold;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
} 

.submenu {
	background-color:#bf2020;
	color:#fff;
	padding-left:15px;
	padding-right:10px;
	font-weight:bold;
	font-family:"Trebuchet MS";
	font-size:14px;
	cursor:hand;
}

.submenu-on {
	background-color:#0c2f69;
	color:#fff;
	padding-left:15px;
	padding-right:10px;
	font-weight:bold;
	font-family:"Trebuchet MS";
	font-size:14px;
	cursor:hand;
}

#login .sb {
	float: right;
	margin-right: 19px;
	margin-top: -24px;
}