/* Style sheet for www.wentworthfallsvet.com.au prepared by John Penlington - 10 September 2007 */

body
{
margin: 0;
margin-bottom: 10px;
padding: 0;
background-color: white;
font-size: 76%;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;
}

#container
{
width: 760px;
margin: 0 auto;
padding: 0;
padding-top: 10px;
text-align: center;
}

#header
{
margin: 0;
padding: 0;
width: 100%;
background-repeat: no-repeat;
height: 100px;
text-align: left;
}

#left-col
{
float: left;
width: 175px;
margin: 0;
margin-top: 8px;
margin-bottom: 20px;
padding: 0;
background: white;
text-align: center;
}

#mid-col
{
margin:0;
padding: 0;
float: left;
margin-left: 20px;
margin-top: 15px;
margin-bottom: 10px;
background: transparent;
width: 370px;
text-align: left;
}

#mid-col.home
{
margin-top: 0;
}

#mid-col p, #mid-col li
{
font-size: .9em;
line-height: 130%;
}

#mid-col p.dateline
{
  font-size: 1em;
  line-height: 100%;
  padding: 0;
  margin: 0;
  padding-bottom: 15px;
  font-weight: bold;
  text-align: center;
}


#mid-col li
{
padding-bottom: 8px;
}

#right-col
{
float: right;
margin: 0;
padding: 0;
margin-left: 10px;
margin-top: 8px;
margin-bottom: 10px;
width: 175px;
background: transparent;
font-family: verdana, arial, helvetica, sans-serif;
text-align: center;

}

#footer
{
margin: 0;
padding: 0;
clear: both;
background-color: transparent;
border-bottom: 2px solid #002955;
width: 100%;
text-align: center;
}

h1 {
width: 760px;
height:92px;
margin: 0;
padding: 0;
background-image: url(images/masthead.gif);
text-indent: -9999px;
}



/*  ------------ COLOURS ------------ */

.blue
{
color: blue;
}

.grey
{
color: #7A7E8F;
}

.sub-head
{
color: #AC322B;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
}

.bold-red
{
color: red;
font-weight: bold;
}


/*  ------------ NAVIGATION ------------ */

#navcontainer
{
border-bottom: 1px solid #000;
}

#navcontainer ul
{
margin: 0;
padding: 0;
padding-top: 2px;
padding-bottom: 2px;
width: 760px;
list-style-type: none;
text-align: center;
background-color: #B2F2FE;
}

#navcontainer ul li
{
 display: inline;
 font-size: 1em;
}

#navcontainer ul li a
{
text-decoration: none;
padding: .2em 1em;
color: #000;
background-color: #B2F2FE;
}

#navcontainer ul li a:hover
{
color: black;
background-color: #fff;
}


/*----- FOOTER NAVIGATION */

ul#navigation
{
margin: 0;
padding: 0;
padding-top: 8px;
list-style-type: none;
background: #002955;
width: 100%;
text-align: center;
}

ul#navigation li
{
display: inline;
}

ul#navigation a
{
display: inline;
padding: 4px 6px;
font-size: .9em;
text-decoration: none;
color: #fff;
background: #002955;
}

ul#navigation a:hover
{
color: #000;
background: white;
}



/*----- BODY NAVIGATION */

#mid-col a:link, #mid-col a:active, #mid-col a:visited
{
color: black;
background-color: transparent;
text-decoration: underline;
font-weight: bold;
}


#mid-col a:hover
{
color: red;
}

.clean
{
border: none;
text-decoration: none;
}

sup
{
font-size: .8em;
}


div.center
{
text-align: center;
margin: 0;
padding: 0;
} 



.small
{
font-size: .9em;
}

.very-small
{
font-size: .8em;
}

.left
{
text-align: left;
}

.center
{
text-align: center;
}

.right
{
text-align: right;
}


/* ---------------  DROPDOWN MENU SYSTEM  -------------- */



a:link, a:active, a:visited
{
color: black;
background-color: #B2F2FE;
padding: 1px 3px;
text-decoration: none;
font-weight: normal;
}




#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
line-height:18px;
z-index:100;
}



#dropmenudiv a
{
width: 100%;
display: block;
text-indent: 1em;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
text-align: left;
}

#dropmenudiv a:hover, a:hover 
{
background-color: #fff;
}

#emergency
{
border: 1px solid red;
}

#emergency h3
{
margin: 0;
padding: 3px;
background-color: red;
color: white;
font-weight: bold;
font-size: 1.4em;
font-family: arial, sans-serif;
}

#emergency p
{
margin: 0;
margin-top: 6px;
margin-bottom: 6px;
padding-left: 8px;
padding-right: 8px;
font-size: .9em;
}

span.red
{
color: red;
font-weight: bold;
}

span.bigger-red
{
  color: red;
  font-size: larger;
  font-weight: bold;
}


.info-box
{
border: 1px solid #002955;
}

.info-box h3
{
margin: 0;
padding: 3px;
background-color: #002955;
color: white;
font-weight: bold;
font-size: 1.4em;
font-family: arial, sans-serif;
}

.info-box h4
{
margin: 0;
padding: 6px 3px;
background-color: #002955;
color: white;
font-weight: bold;
font-size: 1em;
font-family: arial, sans-serif;
}

.info-box p
{
margin: 0;
margin-top: 6px;
margin-bottom: 6px;
padding-left: 8px;
padding-right: 8px;
font-size: .9em;
}

.info-box ul
{
text-align: left;
padding: 0;
list-style-type: none;
}

.info-box li
{
margin: 0;
margin-top: 6px;
margin-bottom: 6px;
padding-left: 8px;
padding-right: 8px;
font-size: .9em;
text-align: left;
}

:link img {
  border: none;
}

div.info-box
{
text-align: center;
border: 1 px solid black;
}

div.info-box p
{
margin: 0;
margin-top: 6px;
margin-bottom: 6px;
padding-left: 8px;
padding-right: 8px;
font-size: .9em;
}

div.info-box a:link, div.info-box a:active, div.info-box a:visited
{
color: black;
background-color: transparent;
text-decoration: underline;
font-weight: bold;
}

div.info-box a: hover
{
color: red;
text-decoration: underline;
}