/* Dogsense Day Care - Styles for all pages except Gallery page */

/* General Styles */

* {
margin: 0; 
padding: 0;
border-style: none; 
font-family: Arial, Helvetica, sans-serif;
}

body {
background-color:#FFFFFF;
}

#centre_div {
	width: 770px;
	height: 560px; 
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}

#wrapper_div {
	width: 770px;
	height: 560px;
	background-color:#000000;
	position: relative;
	left: 0px;
	top: 0px; 
}

h1 {
	background-color:#000000;
	width: 580px;
	line-height: 120px;
	background-image: url(../dogsense_images//dogsense_banner.jpg);
	text-indent: -20000px;
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../dogsense_images/dogsense_banner.jpg);
}

#phone_no {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 23px;
	font-weight: bold;
	position: absolute;
	right: 38px;
	top: 30px;
}

/* Styling the Main Menu */

#main_menu {
	background-color:black;
	list-style-type: none;
}

#main_menu  a {
	height: 66px;
	width: 66px;
	font-size: 12px;
	font-weight: bold;
	line-height: 66px;
	text-align: center;
	text-decoration: none;
	background-repeat: no-repeat;
	color: #000000;
}

#main_menu a:hover {
	background-image: url(../dogsense_images/white_circle.jpg);
}

#main_menu a:active {
	background-image: url(../dogsense_images/white_circle.jpg);
}

#home_li a {
	background-image: url(../dogsense_images/green_circle.jpg);
	position: absolute;
	left: 261px;
	top: 155px;
}

#news_li a {
	background-image: url(../dogsense_images/pink_circle.jpg);
	position: absolute;
	left: 305px;
	top: 237px;
}

#rates_li a {
	background-image: url(../dogsense_images/yellow_circle.jpg);
	position: absolute;
	left: 301px;
	top: 330px;
}

#gallery_li a {
	background-image: url(../dogsense_images/blue_circle.jpg);
	position: absolute;
	left: 239px;
	top: 402px;
}

#contact_li a {
	background-image: url(../dogsense_images/green_circle.jpg);
	position: absolute;
	left: 161px;
	top: 440px;
}

#links_li a {
	background-image: url(../dogsense_images/pink_circle.jpg);
	position: absolute;
	left: 65px;
	top: 432px;
}

/* Styling the Sub-Menu */

#sub_menu {
	background-color: #000000;
	list-style-type: none;
	position: absolute;
	right: 38px;
	top: 505px;
	margin: 0px;
}

#sub_menu  li {
	background-color:#000000;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	display: inline;
	margin-left: 15px;
}

#sub_menu a {
	text-decoration: none;
	color: #FFFFFF;
}

#daycare_li a:hover {
	color:#34ff68;
}

#daycare_li a:active {
	color:#34ff68;
}

#grooming_li a:hover {
	color:#ff99cb;
}

#grooming_li a:active {
	color:#ff99cb;
}

#boarding_li a:hover {
	color:#ffff00;
}

#boarding_li a:active {
	color:#ffff00;
}

#obedience_li a:hover {
	color:#0099ff;
}

#obedience_li a:active {
	color:#0099ff;
}

/* Styling Content */


#doggy_pics {
	width: 208px;
	height: 208px;
	background-image: url(../dogsense_images/large_white_circle.jpg);
	padding: 11px;
	background-repeat: no-repeat;
	position: absolute;
	left: 52px;
	top: 192px;
}

h2 {
	font-size: 15px;
	font-weight: bold;
}

#content_div {
	font-size: 15px;
	font-weight: normal;
	height: 280px;
	width: 300px;
	background-color:#000000;
	position: absolute;
	right: 38px;
	top: 160px;
	color: #FFFFFF;
}

#content_div ul {
	list-style-type: disc;
	margin-top: 15px;
	list-style-position: outside;
	padding-left: 15px;
}

#content_div li {
	margin-top: 15px;
}


#content_div p {
	margin-top: 15px;
}


/* Styles for Splash Page */

#splash_centre {
	width: 580px;
	height: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
}

#splash_wrapper {
	width: 580px;
	height: 400px;
	background-color:#FFFFFF;
	position: relative;
	left: 0px;
	top: 0px; 
	border: 1px solid #000000;
}

#splash_content {
	font-size: 15px;
	font-weight: normal;
	background-color:#FFFFFF;
	color:#000000;
	position: absolute;
	left: 80px;
	top: 160px; 
}

#splash_content h2, #splash_content ul, #splash_content p{
	margin-bottom: 20px;
}


#splash_content li{
	margin-top: 5px;
	list-style-type: none;
	
}

#splash_content img{
	margin-top: 15px;
}

/* Styles for Contact Page */

#contact_h2 {
	margin-top: 20px;
} 

#map_button {
	height: 50px;
	width: 50px;
	position: absolute;
	right:0px;
	top: 0px;
	text-align: right;
}

#map_button:active {
	background-image: url(../dogsense_images/dogsense_map.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 320px;
}

#map {
	display: none; 
}

#dogsense_link {
	color: #ff9acc;
}

/* Styles for Rate Page */

#list_of_rates {
	padding-top: 7px;
} 

#holiday_reminder {
	font-size: 110%;
	color:#FFFF00;
} 


/* Styles for Links Page */

#links_ul li {
	list-style-type: none;
	margin-left: -10px;
}

#links_ul a {
	color: #ff9acc;
}

#links_ul a:hover {
	color: #0099ff;
}

/* Styles for Obedience Page */

#obedience_div {
height: 130px;
overflow: hidden;
color: #000000;
background-color:#FFFFFF;
padding: 10px;
}

#obedience_div p{
margin-bottom: 100px;
}

#obedience_div a{
padding-top: 15px;
}

#obedience_menu {
	list-style-type: none;
	margin-left: -15px;
	padding-left: 0px;
	margin-bottom: 25px; 
	border: none;
	white-space: nowrap;
	text-indent: 0px;
}

#obedience_menu li{
	display: inline;
	margin-left: 0px;
}

#obedience_menu li a{
	text-decoration: none;
	border: 1px solid #FFFFFF;
	padding-right: 5px;
	padding-left: 5px; 
	color:#FFFFFF;
	background-color:#000000;

}

#obedience_menu li a:hover{
	text-decoration: none;
	color:#FFFF00;
	color:#000000;
	background-color:#FFFFFF;
}

/* Styles for News Page */

#class_div {
	height: 130px;
	overflow: hidden;
	color: #000000;
	background-color:#FFFFFF;
	padding: 5px;
	margin-bottom: 10px;
}

#class_div h3 {
	font-size: 15px;
	font-weight: bold;
}

#class_div p{
	margin-bottom: 100px;
}

#class_div a{
	padding-top: 5px;
}

#class_menu {
	list-style-type: none;
	margin-left: -15px;
	padding-left: 0px;
	margin-bottom: 25px; 
	border: none;
	white-space: nowrap;
	text-indent: 0px;
}

#class_menu li{
	display: inline;
	margin-left: 0px;
}

#class_menu li a{
	text-decoration: none;
	border: 1px solid #FFFFFF;
	padding-right: 5px;
	padding-left: 5px; 
	color:#FFFFFF;
	background-color:#000000;

}

#class_menu li a:hover{
	text-decoration: none;
	color:#FFFF00;
	color:#000000;
	background-color:#FFFFFF;
}