/***********

Below is css for the individualized styling of specific theme elements. The source of this code is from a combination of Hunchbaque and some changes/additions which I added in order to provide baseline settings I prefer and/or provide more granular settings. 
  
NOTE:F
1. Add any IE specific css to the fix-ie-6.css and fix-ie-7.css file(s). Conditional comments and separate css files were created for IE in order to avoid adding css hacks to this file and so that atck properly passes w3c validation. (atck is css3 valid)

2. The template.php file which comes with atck disables the following core stylesheets: defaults.css, node.css, user.css. You can easily disable others and/or re-enable the three mentioned.

*************/

/*
  Layout the core sections of the site.
*/

body {
background-image: url('images/body-bg.png');
background-repeat: repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
padding: 0;
margin: 0;
}

#header {
height: 176px;
	padding: 0;
  overflow: hidden;
  background-image: url('images/content-bg.png');
  background-repeat: repeat-y;
  text-align: center;
}

#wrapper {
  width: 100%;
}

#subwrapper {
  float: left;
  width: 100%;
}

#content {
	padding: 1em 2em 2.5em 1em;
	margin: 0;
}

#container .content {
  overflow: hidden;
}

#tooltip {
    padding: 3px;
    background: #f9f9f9;
    border: 1px solid #eee;
    text-align: center;
    font-size: smaller;
	width: 300px;
}

span.tip {
    border-bottom: 1px solid #eee;
}

/* We've already reset all of the fonts using the YUI font reset stuff within style.css - and now that we have a clean slate we set the font face/size using ems. Because of the font reset magic 1em = 1px, except that ems are much friendlier to various browsers/devices than pixels. */
#container {
	font-family: Verdana, Tahoma, Arial, helvetica, clean, sans-serif;
	font-size: 1.2em;
}

.node {
	margin: 0 0 2em 0;
}

/* Basic elements */
a:link, a:visited {
	color:#e17713;
	text-decoration: none;
	margin:0;
	font-weight: bold;
}

a:hover, a:active, a.active {
	color:#ff820c;
	text-decoration: underline;
	margin:0;
	font-weight: bold;
}

h1 a, h1 a:link, h1 a:visited,
h2 a, h2 a:link, h2 a:visited,
h3 a, h3 a:link, h3 a:visited,
h4 a, h4 a:link, h4 a:visited {
	color:#000;
	text-decoration: none;
}

h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active,
h4 a:hover, h4 a:active {
	color:#000;
	
	text-decoration: underline;
}

h1,
h2,
h3,
h4 {
	font-family: 'Trebuchet MS', Arial;
  padding-top: .35em;
  line-height: 1.3em;
}

#titlebar h1 {
  font-size: 2.2em;
	font-weight: bold;
	color: #fff;
	}
	
h1 {
  font-size: 1.8em;
	font-weight: bold;
	color: #222;
}

h2 {
  font-size: 1.4em;
}

h3 {
  font-size: 1em;
}

h4 {
  font-size: .9em;
}

p,
ul,
ol,
dl {
  padding: .4em 0;
}

ul,
ol,
dd {
  margin-left: 2.5em;
}

li ul,
li ol {
  margin-left: 1.5em;
}

li ol li {
  list-style-type: lower-alpha;
}

li,
dt,
dd {
  padding: .2em 0;
}

dt {
  font-weight: bold;
}

table {
padding: 0;
margin: 0;
/*  margin: .5em auto;
  width: 100%;*/
}

th,
td, table {
  padding: .2em;
  border: 1px solid #fff;
}

th {
  color: #000;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  background-color: #FAF4AA;
}

tr.odd td {
  background-color: #ffffff;
}

tr.even td {
  background-color: #d0d0d0;
}

img {
  border-width: 0;
}

/*
  Define the helper classes.
*/
.clear-block:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clear-block {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}

.clear-block {
  display: block;
}

.form-item,
fieldset {
  margin: 1em 0;
  padding: 0 .5em;
}

fieldset.collapsed {
  overflow: hidden;
  border-width: 1px 0 0 0;
}

.description {
  padding: .5em;
  font-size: .8em;
  font-style: italic;
}

.messages,
.help {
  margin: 1em;
  padding: 1em;
  border-width: 2px;
  border-style: solid;
}

.error {
  border-color: #ff0000;
  background-color: #ffdddd;
}

.status {
  font-style: italic;
  border-color: #9FE4FF;
  background-color: #D9F4FF;
}

.help {
  font-style: italic;
  border-color: #FEFF7F;
  background-color: #ffffcc;
}

.help .more-help-link {
  font-weight: bold;
}


/*
  Area specific layout
*/

/* Tabs */

div.tabs ul.primary {
  clear: both;
  margin: 2em 0 0 0;
  padding-left: 10px;
  padding-right: 10px;
  height: 1.5em;
  border-bottom: #C4D7E6 1px solid;
}

div.tabs ul.primary li {
  display: block;
  float: left;
  margin: 0;
  padding: 0 2px;
  list-style-type: none;
  text-align: center;
}

div.tabs ul.primary a {
  padding: 6px 10px;
  color: #333;
  text-decoration: none;
  line-height: 1.3em;
  border-color: #C4D7E6;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  background-color: #f2faff;
}

div.tabs ul.primary a.active {
  padding: 6px 10px;
  color: #fff;
  font-weight: bold;
  border-color: #DC6B00 #DC6B00 #eeeeee #DC6B00;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  background-color: #f29237;
}

div.tabs ul.primary a:hover {
text-decoration: none;
}

div.tabs ul.secondary {
  clear: both;
  margin: 0;
  padding: 0;
  line-height: 2em;
}

div.tabs ul.secondary li {
  display: inline;
  padding: 0 7px 0 5px;
  list-style-type: none;
  border-right: #C4D7E6 1px solid;
}

div.tabs ul.secondary a {
  color: #999999;
  text-decoration: none;
}

div.tabs ul.secondary a.active {
  color: #000000;
  font-weight: bold;
}

div.tabs ul.secondary a:hover {
  text-decoration: underline;
}

/* Main content area */
#breadcrumb {
  padding: 1em 0 0 0;
}

#mission {
  padding: .5em;
}

/* Header styles */
#header {
  padding: 1em 0 1em 0;
}

/* Main menu styles */
#main_menu {
  	clear: both;
	margin: 0;
/*	display: inline; */
	font-size: 1.3em;
	font-weight: bold;
	padding: 0 1em 0 1em;
	background-image: url('images/content-bg.png');
	background-repeat: repeat-y;
	text-align: center;
/*	margin-top: 10px; */
/*	float: right;*/
height: 38px;
}

#main_menu ul {
	display: inline;
	margin:0;
}

#main_menu li {
	margin:0;
	width: 132px;
	height: 38px;
  display: inline;
  padding: 0 .6em;
  list-style-type: none;
  background-image: url('images/button.png');
}

/* Secondary menu styles */
#secondary_menu {
  clear: both;
	margin: 0 0 0 2em;
	display: inline;
	font-size: .9em;
}

#secondary_menu ul {
  margin: 0 0 0 0;
	display:inline;
}

#secondary_menu li {
	margin:0;
  display: inline;
  padding: 0 .55em;
  list-style-type: none;
}

/* Sidebar styles */
#sidebar_left,
#sidebar_right {
  font-size: .95em;
  margin: 1em 0 0 0; 
}

#sidebar_left .block,
#sidebar_right .block {
  margin: 0; 
	padding: .5em .5em .5em 2em;
}

/* Footer styles */
#footer {
  clear: both;
	padding: 0 1em 0 1em;
	margin: 0 0 0 0;
	background-image: url('images/footer-bg.png');
	height: 50px;
}

.a-b {
background-image: url('images/content-bg.png');
background-repeat: repeat-y;
}
	

#leftbit {
	background-image:url(images/leftbit.png);
	color:#FFFFFF;
	float:left;
	font-family:'Trebuchet MS',Arial;
	font-size:1.5em;
	height:36px;
	margin-left:21px;
	padding-left:25px;
	padding-top:2px;
	text-align:left;
	width:495px;
}
	
#rightbit {
	background-image:url(images/rightbit.png);
	color:#FFFFFF;
	float:left;
	font-family:'Trebuchet MS',Arial;
	font-size:1.5em;
	height:38px;
	padding-right:20px;
	padding-top:0px;
	text-align:right;
	width:351px;
}
	
#midbit {
	margin: 38px 0px 10px 21px;
	width: 900px;
	height: 149px;
	background-image: url('images/midbit.png');
}
	
#menute {
	background-image:url(images/content-bg.png);
	background-repeat:repeat-y;
	clear:both;
	font-size:1.3em;
	font-weight:bold;
	margin-left:0;
	margin-right:0;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
	text-transform:uppercase;
	width:100%;
}
	
#menute ul {
	margin:0 auto;
	font-family: arial;
	/*	margin-left: 22px; */
    padding:0;
    list-style:none;
	display: table;
}

#menute li {
    display:table-cell;
    float:left;
	overflow: hidden;
	background:url("images/button-right.png") no-repeat right top;
    margin:0;
    padding:0;
   }
	
#menute a {
	display: block;
	background:url("images/button-left.png") no-repeat left top;
    padding:7px 12px;
	color: #000;
}
	
#menute a:hover {
	color: #FF820C;
	text-decoration: none;
}
	
#menute .active {
	text-decoration: none;
}

#titlebar {
	background: url('images/title-bg.png');
	width: 100%;
	clear: both;
	margin: 0;
	height: 43px;	
	overflow: hidden;
	text-indent: 25px;
}
		
#contentmid {
	background-image: url('images/content-bg.png');
	background-repeat: repeat-y;
	width: 100%;
	clear: both;
	margin: 0;
	height: 45px;	
	overflow: hidden;
	text-indent: 25px;
	padding-top:20px;
}

#contactbox {
	background-image:url('images/content-bg.png');
	background-repeat:repeat-y;
	padding:0;
	width:1000px;
	}
	
.contact3top {
	background:transparent url('images/contact3top.gif') repeat scroll 0 0;
	height:11px;
	margin-left:22px;
	width:890px;
	}

.contact3mid {
	background-image:url('images/content3mid.gif');
	height: 75px;
	margin-left:22px;
	width:890px;
	}
	
.contact3bot {
	background-image:url('images/contact3bot.gif');
	height:11px;
	margin-left:22px;
	width:890px;
	}

.contactcontent {
	background:#F8F8F8 none repeat scroll 0 0;
	float:left;
	height: 75px;
	padding-left:35px;
	width:256px;
	}
	
.contactcontent b, .contactcontent strong {
	color: #3030b3;
	font-weight: bold;
	}

	
.contact1mid p b, .contact1mid p strong {
	color: #3030b3;
	font-weight: bold;
	}
	
.contactcontent a {
	color: #FF7C00;
	}
	
.contact1top {
	background:url('images/contact1top.png');
	height:11px;
	width:185px;
	margin-left: 5px;
	}

.contact1mid {
	background-image:url('images/contact1mid.png');
	height: 150px;
	width:185px;
	padding-left: 10px;
	margin-left: 5px;
	background-repeat: repeat-y;
	}
	
.contact1bot {
	margin-left: 5px;
	background-image:url('images/contact1bot.png');
	height:11px;
	width:185px;
	}

.package {
	background: #F8F8F8;
	width: 100%;
	padding: 10px;
	}
	
.contenttable {
	float: right;
	padding: 10px;
	border: none;
	}
	
.contentimg {
	float: right;
	padding: 10px;
	}
	
#content img {
padding: 15px;
}

hr {
	text-align: center;
	border: 0;
	width: 90%;
	height: 1px;
	background: #222;
	}
	
#menute hr {
height: 0px;
color: #fff;
clear: both;
}
	
.codebox {
	background: #eee;
	border: 1px solid #888;
	font-family: "Courier New", Courier, monospace;
	color: #222;
	padding: 10px;
	}
	
input.groovybutton
{
   color:#222;
   background-color:#dcdcdc;
   border-style:solid;
   border-color:#777;
   border-width:1px;
}

#menute table {
	border: none;
	}
	
#calctop {
	background-image: url('images/calctop.png');
	height:18px;
	width:197px;
}

#calcmid {
	background-image: url('images/calcmid.png');
	width:197px;
	text-align: center;
	background-repeat: repeat-y;
}

#calcmid table, #calcmid table td {
	border: none;
	text-align: center;
	margin: auto;
	}

#calcbot {
	background-image: url('images/calcbottom.png');
	height:18px;
	width:197px;
}

#calctopb {
	background-image: url('images/calctopb.png');
	height:18px;
	width:365px;
}

#calcmidb {
	background-image: url('images/calcmidb.png');
	width:365px;
	text-align: center;
	background-repeat: repeat-y;
}

#calcbotb {
	background-image: url('images/calcbottomb.png');
	height:18px;
	width:365px;
}

input {
	background: #f0f0f0;
	border: 1px solid #aaa;
	}
	
.whitener {
	background-color: #fff;
	border: none;
	}
	
table.borderless td, table {
	border: none;
	}
	
table.borderless table {
	border: none;
	}
	
	
table.borderlessc td, table {
	border: none;
	margin: auto;
	}
	
	table.borderlessc table {
	border: none;
	}

	
span.vet {
	color: #020B8E;
	font-weight: bold;
	}
	
span.med {
	font-weight: bold;
	color: #FFAE00;
	}
	
#cost_estimates {
	font-weight: bold;
	margin-bottom: 5px;
	}
	
#service {
	width: 130px;
	}
	
#tips {
	padding: 10px;
	}
	
.commbox {
	margin-top: 20px;
	width: 280px;
	padding: 10px;
	margin-right: 20px;
	background-image: url('http://vetmed.com.au/drupal/themes/atck/images/vmbox.png');
	background-repeat: no-repeat;
	border: none;
	padding-right: 30px;
	}
	
#block-block-10 {
	border-collapse: collapse;
	}
	
	#block-block-11 {
	border-collapse: collapse;
	}
	
	#block-block-12 {
	border-collapse: collapse;
	}
	
i, em {
	font-style: italic;
	}
	
b, strong {
	font-weight: bold;
}