body {
margin:0;
padding:0;
font-family: Verdana, Arial, sans-serif;
}
/* debugging turn on borders
div#leftside, #center, #rightside{
border:1px solid #000; 
} */

p, form {margin:0;}
h1 {font-size:100%;color:#003399;margin:10px 0 0 10px; font-style:italic;}
/* default links */
a:link, a:visited{color:#336699; text-decoration:none;}
a:hover {color:#336699; text-decoration:underline;}

/* row1 is for alternating row colors */
.row1 {background-color:#F2F4F9;}
/* float images */
.floatRight {float:right;}
.floatLeft {float:left;}

.bodyText {font-size:11px;color:#666666;}
.introText {font-size:90%;color:#333333;}
.imageOutline {border:3px solid #F2F4F9; }
.message {font-size:16.5px;color:#CC9D64;font-weight:bold;font-style:italic;}
.smallText {color:#666666;font-size:10px;line-height: 1.4em;}

/* CENTER COLUMN MARKUP */
#center {
margin-left: 199px;
margin-right:209px;
/*	IE5 PC hack  */
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 201px;
margin-right:211px;
}
html>body #center {
margin-left: 201px;
margin-right:211px;
}
#centerBox {
border:1px solid #cccccc; 
margin:0 10px 10px 10px;
background-color:#FFFFFF;
}
#centerBox2 {
font-size:12px;
color:black;
border:1px solid #cccccc;
margin:0 10px 10px 10px;
background-color:#dcdcdc;
}
#centerBox2 p{
margin:0; 
padding:5px 10px;
line-height: 1.5em;
}
#vpac_donation_box {
font-size:12px;
color:black;
border:1px solid #cccccc;
margin:0 10px 10px 10px;
background-color:#ECEFF4;
}
#centerBox3 {
font-size:12px;
color:black;
border:1px solid #cccccc;
margin:0 10px 10px 10px;
background-color:#ECEFF4;
font-weight: bold;
}
#centerBox3 th {
color: #FFFFFF;
background-color: #336999;

font-size: 14px;
}
#searchBox4 {
font-size:12px;
color:black;
border:1px solid #cccccc;
margin:0 10px 10px 10px;
background-color:#ECEFF4;
font-weight: bold;
}
#searchBox4 th {
background-color: #336999;
width: 100%;
color: #FFFFFF;
}
#externSearchResults {
border:1px solid #cccccc; 
margin:0 10px 10px 10px;
background-color:#FFFFFF;
}
#externSearchResults th {
background-color: #336999;
width: 100%;
color: #FFFFFF;
font-size: 12px;
}
#externSearchResults p {
font-size: 10px;
}
#viewExtern {
font-size:12px;
color:black;
border:1px solid #cccccc;
margin:0 10px 10px 10px;
background-color:#ECEFF4;
}
#viewExtern th {
background-color: #336999;
width: 100%;
color: #FFFFFF;
font-size:14px;
}
#centerBox p{
margin:0; /*	0 side margins allow background colors  */
padding:5px 10px;
line-height: 1.5em;
}
.centerBoxTitle {
color:#46566A;
margin:10px 10px 2px 10px;
background: url(/images/center_corner_r.gif) no-repeat top right;
padding: 0;
text-align: center;
}
.centerBoxTitle h2 {
background: url(/images/center_corner_L.gif) no-repeat top left;
margin: 0;
padding:5px 0;
font-weight: bold; 
font-size:13px;
}
.centerBoxTitle h3 {
color:#003399;
background: url(/images/center_corner_L.gif) no-repeat top left;
margin: 0;
padding:5px;
font-weight: bold; 
font-size:80%;
}
#centerTopImage {
margin:0 10px 10px 10px;
background: url(/images/tile_homebluegrad.gif) bottom repeat-x;
}
.fullArticle a {
font-size:68%;
font-weight:bold;
color:#336699;
padding:1px;
}
.fullArticle a:visited {color:#336699;}

.fullArticle a:hover {
color:#FFF;
text-decoration:none;
background-color:#CC9866;
}
#news {
border: 4px solid #E8E8E8;
width:190px;
margin:10px 0 0 5px;
padding:5px 0 0 0;
text-align:center;
background:#E8E8E8 url(/images/tile_newsTop.gif) top repeat-x;
color:#003399;
font-weight:bold;
}
#newsiframe {
margin:15px 0 0 0;
width:100%;
height:500px;
}
.newsBullet {
font-size:16px;
font-weight:bold;
color:#FF9900;
margin:0 5px 2px 0;
}

/* 	RIGHT SIDE MARKUP */
#rightside {
position: absolute;
right:0;
top:172px;
width:215px;
/*background:#C6CDDF;*/
}
#rightsideBox {
border:4px solid #C6CDDF; 
margin:1px 0 40px 5px;
width:200px;
background:#C6CDDF;
}
.rightsideBoxTitle {
padding:5px;
background-color:#CC9866;
color:#FFF;
font-weight:bold;
}
.TVMAspotlight {
background:url(/images/tile_greyStripes.gif);
padding:5px;
}

.TVMAspotlight a:link img , .TVMAspotlight a:visited img {
margin:10px 0;
border:2px solid #CC9866; 
}
.TVMAspotlight a:hover img {
margin:10px 0;
border:2px solid #CC9866; 
}
/* TOP */
#topbar {
height:168px;
voice-family: "\"}\"";
voice-family: inherit;
height:168px;
background:#FFF url(/images/top_squares.jpg);
background-repeat: no-repeat;
background-position: 200px 0px;
}
html>body #topbar {
height:169px;
}
	
#headerbar {
height:38px;
background:url(/images/top_right_BG.gif);
}	
/* begin TOP navigation */
#navbar {
margin:1px 0;
height:27px;
background:url(/images/tile_greyGrad.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
}	
#navbar ul {
margin: 0;
padding:7px 0 0 20px;
list-style-type: none;
text-align: left;
font-size:11px;
}

#navbar ul li { display: inline; }

#navbar ul li a {
text-decoration: none;
padding: .6em .5em .6em .3em;
color: #003399;
border-right: 3px solid #FFF;
}

#navbar ul li a:hover {
padding: .6em .5em .6em .3em;
color: #CF2941;
background:url(/images/tile_greyGrad_f2.gif);
}
/* end TOP navigation */

/* 	LEFT SIDE MARKUP */
#leftside {
position: absolute;
left:0;
top:176px;
width:200px;
}
#findVet {
margin:0 0 5px 5px;
height:71px;
}
.sidenavTitle {
margin:0 0 3px 5px;
padding:25px 0 5px 0;
text-align:center; 
font-weight:bold;
width:195px;
border-bottom:3px solid #9EADCB;
}

/* begin SIDE navigation */
ul#sidenav,
ul#sidenav ul {
	margin:0 0 0 5px;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 195px; /* Width of Menu Items */
	background: #FFF; /* IE6 Bug */
	font-size: 15px;
	}

ul#sidenav li {
	position: relative;
	list-style: none;
}

ul#sidenav li a {
	display: block;
	text-decoration: none;
	color:#003399;
	padding: .4em 0 .4em .8em;
	font-size:68%;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#sidenav li { float: left; height: 1%; }
* html ul#sidenav li a { height: 1%; }
/* End */

ul#sidenav ul {
	position: absolute;
	display: none;
	left: 190px; /* Set 1px less than menu width */
	top: 0;
	}

ul#sidenav li ul li a {  /* Sub Menu Styles */
	padding: .4em 0 .4em .8em;
	border: 2px solid #9EADCB;
	background-color:#F2F4F9;
	margin:0;	
}

ul#sidenav li:hover ul ul,
ul#sidenav li:hover ul ul ul,
ul#sidenav li.over ul ul,
ul#sidenav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#sidenav li:hover ul,
ul#sidenav li li:hover ul,
ul#sidenav li li li:hover ul,
ul#sidenav li.over ul,
ul#sidenav li li.over ul,
ul#sidenav li li li.over ul { display: block; } /* The magic - hide 2nd nav with display:none; */

ul#sidenav li.menuparent { 	
margin: .1em 0 .2em 0; 
background:#C8D0E1 url("/images/sidenavEnd.gif") right repeat-y; 
}

ul#sidenav li.menuparent:hover,
ul#sidenav li.over { background:#9EADCB url(/images/sidenav_arrow_white.gif) right no-repeat; }

ul#sidenav li a:hover { color: #CF2941; }

/* end SIDE navigation */

.login { /* NOT IN USE */
margin:10px 0 0 5px;
font-weight:bold;
padding-left:.8em;
}
#loginBox {
float:right;
margin:0 0 5px 5px;
width:166px;
height:auto;
padding:8px 18px 8px 8px;
text-align:right;
}
#loginBox input, label{
font-size:10px;
width:80px;
}
.loginButton{
margin-top:2px;
padding:2px;
}
/* FOOTER */
#footer {
text-align:center;
/* margin:40px 40px 20px 0; */
margin:40px 30px 40px 30px;
bottom: 10px;
}	
#footer ul {
margin: 0;
list-style-type: none;
font-size:10px;
}

#footer ul li { display: inline; }

#footer ul li a {
text-decoration: none;
padding: .2em .5em .2em .3em;
color: #999999;
border-right: 1px solid #cccccc;
}

#footer ul li a:hover {
padding: .2em .5em .2em .3em;
color: #CF2941;
}/* end FOOTER */

#layer_report {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 220px;
        width: 700px;
        height: 600px;
}

#subcontent2 {
        position: absolute;
        display: none;
        border: 2px solid #336699;
        background-color: #E8F1F9;
        left: 232px;
        top: 72px;
        width: 672px;
        height: 650px;
        padding: 0px
}

#layer_paging {
        border: 2px solid #336699;
        background-color: #E8F1F9;
        padding: 10px;
}

#layer_system {
        position: absolute;
        background-color: #E8F1F9;
        height: 5px;
        width: 920px;
}

.login_information {
        font-family: Arial;
        font-size: 9px;
        text-align: right;
        width: 760px;
}

.other_input {
        visibility: hidden;
}

#recipient {
        background: #fff;
        position: relative;
        width: 740px;
}

#controlls {
        background: #dcdcdc;
        position: relative;
        width: 85%;
        text-align: right;
}

#billing_information {
        background: #fff;
        position: relative;
        width: 740px;
}

#layer_login {
   position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 50%;
        margin: auto;
}

#layer_menu {
   position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 10px;
        width: 200px;
        height: 500px;
}

#layer_form {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 220px;
        width: 700px;
        height: 500px;
}

#notice {
        width: 740px;
}

#downloadlink {
        position: absolute;
        top: 600px;
        left: 600px;
        width: 200px;
}

#donor {
        background: #fff;
        position: relative;
        width: 740px;
}

td.externship_title {
	background: #336999;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
}
td.externship {
	background: #fff; 
}

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}