@charset "UTF-8";
/* AVRillo General CSS - Color swatches: aubergine = #542b59  lime = #949519 */

*, html {margin:0;
padding:0;}

html {height: 100%;}

body {font-family: 'lucida grande', 'lucida sans', helvetica, arial, sans-serif;
text-align:center;
font-size: 62.5%;
height:100%;
width:100%;
margin:0;
padding:0;
/*background:#FFFFFF url(images/backdrop.gif) repeat-y 0 0; */
}

/* --- Architecture --- */

#intro {text-align:center;
background-color: #542b59;
margin: 0;
padding: 0 auto 0 auto;
height: 100%;
min-height:100%;}

#wrapper {font-size: 1.15em;
text-align:left;
width: 100%;
min-height:100%;
margin: 0 auto 0 auto;
padding: 0;
color: #454545;
/*background:#FFFFFF url(images/backdrop.gif) repeat-y 0 0; */
}

*html #wrapper
{height: 100%;}

#leftcol {float: left;
width: 175px;
background-color: #949519;
height: 600px;}

#header {background-color: #ffffff;
height: 70px;
padding:0;
margin: 0;
text-align:right;}

#bookmark {height:40px;
padding: 0;
margin:0;
background: #542b59 url(images/page-indicator.gif) repeat 0 0;
line-height:40px;
color:#ffffff;}

#bookmark p {padding: 0 15px 0 15px;
line-height: 30px;
overflow:hidden;
text-align:right;
font-size: 1em;}

#main { margin: 0;
padding: 5px 5px 5px 5px;}

#footer {height: 25px;
	clear: both;
	position: relative;
	margin:0;
	margin-top: -25px;
	text-align: left;
	padding: 0;
	background-color: #542b59;
	color: #ffffff;}
	
#footer2 {height: 40px;
	clear: both;
	position: relative;
	margin:0;
	margin-top: -65px;
	text-align: right;
	padding: 0 10px 0 0;}

#navbar {background-color: #949519;
margin: 40px 0 0 0;
padding:0;}

.copy {padding: 10px;}

/* --- General elements styles --- */

h1,h2,h3,h4,h5,h6 {color: #542b59;}

h1, h2, h3 {margin-bottom: 1em;}

h4, h5, h6 {margin-bottom: .5em;}

h4 {font-size: 1.07em;}
h5 {font-size: 1.05em;}
h6 {font-size: 1em;}

a:link, a:visited {color: #542b59;
text-decoration:none;
border-bottom: 1px dotted #542b59;}

a:hover, a:active {color:#333333;
text-decoration: none;
border:none;}

p {margin-bottom: .75em;}

.longdrop {margin-bottom: 2em;}

.topcleared {margin-top: 5em;}

pre {font-family: 'lucida grande', 'lucida sans', helvetica, arial, sans-serif;
font-size: 12px;
color: #949519;
margin: 10px 0 20px 0;}

cite {font-weight:bold;
color: #949519;
margin: 0 0 20px 0;}

hr {border: 1px dotted #542b59;
border: 1px 0 0 0;
margin: 10px 0 10px 0;}

.floatright {float:right;
margin: 0 0 1.5em 1.5em;}

.floatleft {float:left;
margin: 0 1.5em 1.5em 0;}

.tight {margin-bottom: 2px;}

td.r {text-align: right !important;}

img, img a {border:none;
border-bottom:none;}

.corporate {color: #542b59;}

.highlight {color: #949519;}

.wo {color:#FFFFFF !important;}

.highlightb {color: #949519;
font-weight:bold;}

.disclaimer {font-size: .8em;
margin-top: 4em;
margin-bottom: 1.256em;}

.zoom {font-size: 1.2em;}

.central {margin: 0 0 10px 0;
text-align:center;}

ol {margin: 0 0 1em 1em;
padding: 0 0 0 1em;
color: #333333;}

ol li {line-height: normal;
margin-bottom:5px;}

ol ul {color: #333333;
list-style-type:square;
margin: 5px 0 0 1em;
padding: 0 0 0 1em;}

/* --- Navigation styling --- */

#navbar ul {text-align:left;
list-style-type:none;
margin:0;
padding:0;
background-color: #949519;
}

#navbar li {position:relative;
display: block;
background: #949519 url(images/navbutton_up.gif) repeat-x 0 0;
height: 30px;
width:175px;}

#navbar li a:link, #navbar li a:visited {font-weight:normal;
display:block;
height: 30px;
height: 30px;
line-height:30px;
padding: 0 0 0 10px;
margin:0;
text-align:left;
color:#ffffff;
background: #949519 url(images/navbutton_up.gif) repeat-x 0 0;
border-bottom: none;}

#navbar li a:hover, #navbar li a:active {
color:#000000;
background: #949519 url(images/navbutton_over.gif) repeat-x 0 0;}

#active {color:#ffffff !important;
background: #542b59 url(images/navbutton_current.gif) repeat-x 0 0 !important;}

a.subset:link, a.subset:visited {font-size: .88em;
color:#FFFFFF !important;
background: #542b59 url(images/navbutton_subset.gif) repeat-x 0 0 !important;}

a.subset:hover, a.subset:active {font-size: .88em;
color:#000000 !important;
background: #542b59 url(images/navbutton_over.gif) repeat-x 0 0 !important;}

#navbar a {border:none !important;}

/* --- footer styling --- */

#footer p {text-align:right;
padding: 0 10px 0 0;
margin:0;
color:#ffffff;
font-size: .92em;
line-height:25px;}

#footer a:link, #footer a:visited {color:#949519;}

#footer a:hover, #footer a:active {color: #ffffff;
text-decoration:underline;}

/* --- additional styling --- */


#header img {padding: 15px 0 15px 0;
margin:0;
border:none;}

a.fctb {border:none;}

table.servicesoverview {margin: 10px 0 10px 0;}

.servicesoverview td {vertical-align: top;
padding: 5px;}

td.servicestatement {width:70%;}

table.logon {background-color:#542b59;
color:#FFFFFF;
border: 1px solid #825587;
margin: 5px 0 20px 0;}

.logon td {padding: 5px;
text-align:left;
vertical-align:top;}

ul.jb {margin: 20px 0 40px 1em;
font-weight: bold;
list-style-type: square;
padding: 0 0 0 1em;
color: #333333;}

.jb li {margin: 0 0 5px .5em;}


table.transaction {margin: 10px 0 20px 0;
background-color:#eeeaef;
border: 1px solid #542b59;
border-collapse: collapse;}

.transaction td {vertical-align:top;
padding: 5px;
border: 1px solid #542b59;
border-collapse: collapse; }

ul.tentips {margin: 0 0 0 1em;
color: #542b59;
list-style-type: square;
padding: 0 0 0 1em;}

.tentips li {margin: 0 0 5px .5em;}

table.contact {margin: 0 0 20px 0;
background-color:#eeeaef;
border: 1px solid #542b59;
border-collapse: collapse;}

.contact td {vertical-align:top;
padding: 5px;
border-collapse: collapse; }

table.quiz {margin: 10px 0 30px 0;
border-collapse: collapse;}

.quiz td {vertical-align:top;
padding: 8px;
border-collapse: collapse;
text-align:left; }