/* ===================================================================== *
 * Copyright (c) 2005 AVV Solutions Ltd. All rights reserved.
 * ===================================================================== *
 * $Id: avv.css 11 2005-05-19 16:50:57Z tprice $
 * ===================================================================== */

td {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #333;
background-color: #FFF;
margin: 0;
padding: 0;
}

p {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #333;
background-color: #FFF;
margin: 0;
padding: 0;
}

body {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #333;
background-color: #FFF;
margin: 0;
padding: 0;
}

html {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #333;
background-color: #FFF;
margin: 0;
padding: 0;
}

h2 {
font-family: Verdana, Arial, sans-serif;
}

h1 {
font-family: Verdana, Arial, sans-serif;
}

h1 {
font-size: 16px;
font-weight: bold;
color: #D60707;
}

h2 {
font-size: 95%;
color: #333;
letter-spacing: 0.3em;
margin-top: 2.3em;
}

table {
border: none;
margin: 0;
padding: 0;
}

img {
border: none;
margin: 0;
padding: 0;
}

table td {
vertical-align: top;
}

span.avvsol {
letter-spacing: 0.15em;
}

table#head {
width: 100%;
position: relative;
}

table#head td#header {
height: 200px;
width: 100%;
background: transparent url(../images/avv_banner_tile_218x90.jpeg) -55px 63px repeat-x;
}

table#head td#header .date {
position: absolute;
top: 35px;
right: 0;
font-size: 11px;
width: 210px;
}

table#head td#header .strapline {
width: 520px;
margin: 80px auto auto 0;
padding: 4px 0 0 20px;
background-color: transparent;
color: #D60707;
font: 500 18px/25px Arial, sans-serif;
letter-spacing: 0.1em;
text-align: center;
position: absolute;
top: 0;
left: 140px;
}

table#head td#header .logo {
float: left;
margin: 0;
padding: 0;
}

table#outer {
position: relative;
top: -30px;
left: 0;
width: 950px;
margin: 0;
padding: 0;
}

table#outer td {
margin: 0;
padding: 0;
background-color: transparent;
}

table#outer td#outer-c11 {
padding-left: 15px;
width: 146px;
}

table#outer td#outer-c12 {
width: 100%;
padding-right: 25px;
}

td#outer-c31 {
text-align: center;
}

td#outer-c21 {
text-align: center;
}

table#foot {
width: 100%;
margin: 0;
padding: 0;
}

table#foot td {
text-align: center;
margin: 0;
padding: 0;
}

#nav {
margin-top: 45px;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
background: transparent url(../images/nav_bkgrnd_148x20.gif) 0 0 repeat-y;
/* The famed voice family hack, for IE5/Win's benefit */
width: auto;
voice-family: "\"}\"";
voice-family: inherit;
/* the correct width */
width: 148px;
}

/* be nice to Opera 5 */
/* TODO Test this in opera */
body>#nav>ul {
width: 138px;
}

#nav li {
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 3px 0 8px 0;
}

#nav li.nav-curr {
width: 156px;
background: transparent url(../images/nav_curr_156x27.jpeg) 0 0 no-repeat;
}

#nav ul li.li-end {
margin: 0;
padding: 0;
height: 9px;
}

#nav a:visited {
text-decoration: none;
color: #333;
background-color: transparent;
margin-left: 0.5em;
}

#nav a:link {
text-decoration: none;
color: #333;
background-color: transparent;
margin-left: 0.5em;
}

#nav a:active {
color: #D60707;
}

#nav a:hover {
color: #D60707;
}

#content {
margin: 0 3em 3em 2em;
}

#content td p {
line-height: 1.5em;
padding-top: 1em;
}

#content p {
line-height: 1.5em;
padding-top: 1em;
}

.caption {
font-size: smaller;
font-weight: bold;
}

p.tagline {
text-align: center;
margin-top: 15px;
}

.tagline {
font-style: italic;
}

#footer {
width: 100%;
}

#footer p {
margin: 0 0 10px 0;
padding: 4px;
color: #FFF;
background-color: #888;
font-size: 90%;
font-style: italic;
}

#sitemap {
width: 100%;
padding-bottom: 12px;
}

#sitemap a {
font-size: 10px;
color: #000080;
}

#sitemap a:visited {
text-decoration: none;
}

#sitemap a:link {
text-decoration: none;
}

#sitemap a:active {
text-decoration: underline;
}

#sitemap a:hover {
text-decoration: underline;
}

#credits {
font-size: 10px;
}

#credits a {
color: #71528A;
}

#credits a:link {
text-decoration: none;
}

#credits a:visited {
color: #000080;
text-decoration: none;
}

#credits a:active {
text-decoration: underline;
}

#credits a:hover {
text-decoration: underline;
}


/* Image rotator
----------------------------------*/
div.rotator { text-align: center; margin: 20px 0 0 0; }
div.rotator ul { margin: 0 auto; padding: 0; list-style-type: none; }
div.rotator ul li { float: left; position: absolute; list-style: none; margin: 0; padding: 0; z-index: 10; }
div.rotator ul li img { vertical-align: bottom; }
div.rotator ul li.show { z-index: 50; }

div.rotator ul li div.block { position: absolute; bottom: 0; left: 0; /*--Stick the desc class to the bottom of our main image container--*/ width: 100%; display: none; /*--Hide description by default, if js is enabled, we will show this--*/ width: 100%; background: #111; border-top: 1px solid #000; color: #ffffff; text-align: left; }
div.rotator ul li div.block h2 { font-size: 1.6em; font-weight: normal; margin: 0; padding: 10px 10px 0 10px; }
div.rotator ul li div.block h2 a, #MainContent div.rotator ul li div.block p a { color: #ffffff; text-decoration: none; }
div.rotator ul li div.block h2 a:hover, #MainContent div.rotator ul li div.block p a:hover { text-decoration: underline; }
div.rotator ul li div.block p { font-size: 1.1em; line-height: 1.3em; padding: 10px; margin: 0; }

div.rotator ul li div.left, #MainContent div.rotator ul div.left { position: absolute; top: 10px; left: 0; width: 29px; height: 30px; float: none; color: #ffffff; text-align: right; z-index: 400; background: transparent url('images/rotate-previous.png') top left no-repeat; cursor: pointer; }
div.rotator ul li div.right, #MainContent div.rotator ul div.right { position: absolute; top: 10px; right: 0; width: 29px; height: 30px; float: none; color: #ffffff; text-align: right; z-index: 400; background: transparent url('images/rotate-next.png') top right no-repeat; cursor: pointer; }