/* ============================================================ 
	This file contains CSS used by template files (header & 
	left-sidebar).
	
	Also included is CSS for the different columns used 
	throughout  the site.
   ============================================================ */




/* ============================================================ 
	H E A D E R    C S S
   ============================================================ */
#header {
	margin: 0px 0px 0px 0px;
	background-color: #3366cc;
	text-indent: 15%;
	/*height: 124px;*/
	width: 100%;
}
#header h1,h2,h3 ,h4,h5,h6{
	text-align: center;
}
#header p {
	text-align: center;
}
#header img {
	margin: 0.5% 0px 0.5% 0.2%;
	float: left;
	height: 110px;
	width: 140px;
    border: blue 3px solid; 
	border-style: outset;
}

#logo 	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    border: blue 1px solid; 
	font:24px Verdana, Arial, Helvetica, sans-serif;
	text-indent: -15%;
	color: #CCFF99;
	letter-spacing:.2em;
	line-height:15px;
	/*height: 6%;*/

}

#datebar{
	border-top: #003366 1px solid; 
	border-bottom: #003366 1px solid;
	background-color: #ccff99;
	height: 1%;
	padding: 3px 0px 0px 0px;
}

#datebar p {
	height: 1px;
}

#dateformat {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:.2em;
}
	
#dateformat a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight:bold;
	letter-spacing:.1em;
}
	
#dateformat a:hover {
	color: #FF6600;
	letter-spacing:.1em;
}
	
.subheader01 {
	font-size: 65%;
	text-indent: 1.5%;
	display: block;
}

/* ============================================================ 
	L E F T - S I D E B A R    C S S
   ============================================================ */
/* reference for submenus http://www.alistapart.com/articles/horizdropdowns/ */   
   
#navigation hr {
	border-bottom: 2px solid #C0DFFD;
	}
	
#navigation a {
	border-bottom: 2px solid #C0DFFD;

	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 26px;
	background: url("../images/mm_arrow.gif") 14px 45% no-repeat;
}
	
#navigation a:hover {
	background: #ffffff url("../images/mm_arrow.gif") 14px 45% no-repeat;
	color:#FF6600;
}

#navigation div {
	border-top: 2px solid #C0DFFD;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul li {
	position: relative;
}


#navigation li  a{
	display: block;
}

#navigation li  ul { 
	position: absolute;
	display: none; 
	left: 90%;
	color: #003366;
	background-color: white;
	width: 100%;
	top: 0;
	border-left: 2px solid #C0DFFD;
}

#navigation li:hover ul { 
	display: block; 
}

#navigation ul ul {
	margin-left: 10%;
}
		
.navText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
.paypal {
	padding: 0% 0% 0% 8%;
    border: black 0px solid; 
}

/*  ====================== C O L U M N S ======================  */
/*  ====================== C O L U M N S ======================  */
/*  ====================== C O L U M N S ======================  */

/* ============================================================ 
	Columns used on index, services, calendar,
		tnr, wish, volunteer, fees, directors, & faq pages.
   ============================================================ */
.column01 {
	margin: 0px 0px 0px 0px;
	padding: 1% 2% 1% 2%;
    border: black 0px solid; 
	width: 35%;
	float: left; 
	vertical-align: top;
}
.column02 {
	margin: 0px 0px 0px 0px;
	padding: 1% 2% 1% 2%;
    border: black 0px solid; 
	width: 17%;
	float: left;
	vertical-align: top;
}
.column03 {
	margin: 0px 0px 0px 0px;
	padding: 1% 2% 1% 2%;
    border: black 0px solid; 
	width: 17%;
	float: left;
	vertical-align: top;
}

/* ============================================================ 
	Columns used on M*A*S*H page.
   ============================================================ */
.column01a {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 50px;
    border: black 0px solid; 
	width: 36%;
	float: left; 
	vertical-align: top;
	
}
.column02a {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 15%;
    border: black 0px solid; 
	width: 21%;
	float: left;
	vertical-align: top;
}

/* ============================================================ 
	Columns used on APPOINTMENT FORM page.
   ============================================================ */
.column01b {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 50px;
    border: black 0px solid; 
	width: 32%;
	float: left; 
	vertical-align: top;
}
.column02b {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 15%;
    border: black 0px solid; 
	width: 25%;
	float: left;
	vertical-align: top;
}
/* ============================================================ 
	Columns used on DOG INTAKE FORM page.
   ============================================================ */
.column01c {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 50px;
    border: black 0px solid; 

	/*width: 305px;*/
	width: 76%;
	float: left; 
	vertical-align: top;
	
}
/* ============================================================ 
	Columns used on HELP, & HEALTH pages.
   ============================================================ */
.column01d {
	margin: 0px 0px 0px 0px;
	padding: 2% 5% 0px 5%;
    border: black 0px solid; 
	width: 72%;
	float: left; 
	vertical-align: top;
}
/*
.column02d {
	margin: 0px 0px 0px 0px;
	padding: 2% 2% 0px 2%;
    border: black 0px solid; 
	width: 10%;
	float: left;
	vertical-align: top;
}
*/
/* ============================================================ 
	Columns used on calendar with google fix message 2010/12/06
   ============================================================ */
.column01e {
	margin: 0px 0px 0px 0px;
	padding: 1% 2% 1% 2%;
    border: black 0px solid; 
	width: 35%;
	float: left; 
	vertical-align: top;
}
.column02e{
	margin: 0px 0px 0px 0px;
	padding: 1% 2% 1% 2%;
    border: black 0px solid; 
	width: 27%;
	float: left;
	vertical-align: top;
}
.column03e {
	margin: 0px 0px 0px 0px;
	padding: 1% 2% 1% 2%;
    border: black 0px solid; 
	width: 7%;
	float: left;
	vertical-align: top;
}

/* ============================================================ 










/*  ===== T A B L E S =====  */

     .table1 {
        border-collapse: collapse;
		 width: 95%; cell-spacing: 0; cell-padding: 0
    }
     .table1 {
        border-right: black 1px solid; 
        border-top: black 1px solid; 
        border-left: black 1px solid; 
        border-bottom: black 1px solid;
        align: left;
    }
	.table1 td {
        border-right: black 1px solid; 
		border-top: black 1px solid; 
		border-left: black 1px solid; 
		border-bottom: black 1px solid;
        font-family: monospace;
        font-size: 100%;
        text-align: left;
    }

    .tdleft {
        text-align: left;
    }
    .righty {
        text-align: right;
    }
	.phoneex{
		font-style: italic;
		font-size: 90%
	}

.mainbody {
        border: black 1px solid; 

	margin: 0;
}
.navbar {
	background-color: #e6f3ff;
	
	/*width: 165px;*/
	width: 18%;
	
	
	/* height: 850px; */
	vertical-align: top;
	float: left;
}
.navbar p {
	text-align: center;
	right: auto;
	left: auto;
	margin: 15px 0px 15px 0px;
}