/*
Author URI:	http://www.zzilch.com/
Version:	1.0-ss
Project:	AADB	
Description:  
*/


/* ...................Global.................... */
html, body, #page {font-size:16px; font-family: Helvetica, "Helvetica Neue", Arial, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva,  sans-serif;}
}
html, body, #page {height: 100%;}
body > #page {height: auto; min-height: 100%;}
body{background-color: #87a8b9; }

a {color:blue;}
a:focus, a:hover, a:active {color:red;}
img {color:#666;font-style:italic;}

/* ...................Structure.................... */

#page{background: url(../images/aadb_bg.gif) top center repeat-x;)
margin: 0 auto;
text-align:center;
min-width:1024px;
height: 100%;
}

#header{
text-align: center;
width: auto;
height: 207px;}
/* for all browsers that understand min-width */
.width {width:100%; min-width:1024px; margin:0 auto;}

/* the bodge for IE6 browsers courtesy of Stu Nicholls--http://www.cssplay.co.uk/boxes/minwidth.html*/
* html .minwidth {border-left:1024px solid #fff; position:relative; float:left; z-index:0; margin-top: -10px;}
* html .container {margin-left:-1024px; position:relative; float:left; z-index:3; text-align:left;}


#header-content{
position: relative;
margin: 0 auto;
width: 1024px; 
text-align: right;
height: 207px;
}

a#banner{
width: 1024px;	
height: 207px;
position: absolute;
float: left;
left: 0px;
top: 0px;
}

a#banner span{
position: absolute;
background: url(../images/aadb_header.gif) top left no-repeat; 
width: 100%;
height: 100%;
}
#content{
background-color: #fff;
border: 1px solid #87a8b9;
width:840px; 
min-height: 480px;
margin: 0 auto;
margin-top: 60px;
height:auto; 
clear:both;
padding: 0 20px 30px 20px;
text-align: left;
}

#columncontainer{
position: relative;
margin: 20px 0 25px 0;
padding-left: 20px;
top: 15px;
float: right;
width: 75%;
border: 1px solid black;
}

#column1{position:relative; float:left; width:60%;}
#column2{float:right; width:30%; margin-right: 35px;}

#sidebar{float: left; width:15%; margin: 115px 0 0 35px; }

#footer{
background-color: #fff;
margin: 0 auto;
position: relative;
margin-top: -30px;
height: 30px;
padding: 10px;
text-align: center;
clear:both;
width: 860px;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ...................Homepage Containers.................... */
#home{
position:relative;
float:right;
width:100%;
}
#homephotos{height: 184; width: 881px;  margin: -20px 0 0 -20px; }
#hometext{position: relative; margin-top: 20px;}
#newscontainer{
background: url(../images/NewsContainer_02.jpg) bottom center no-repeat;
width:135px; 
margin: 50px 10px 0 -10px;
padding: 1.2em;
}
#newstitle{background: url(../images/NewsContainer_01.jpg) top center no-repeat;
margin: -1.2em -1.2em 0 -1.2em; padding: 18px 0 18px 0;
}


/* ...................Typography.................... */
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2em;margin-bottom:0.75em; text-transform: uppercase; color: #346785; text-align: left; letter-spacing: .05em;}
h2 {font-size:1.8em;margin-bottom:0.75em; color: #346785; text-align: left;}
h3 {font-size:1.2em;line-height:1;margin-bottom:1em; font-weight: bold;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {color: #504a47;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:square;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
#column1 li{color: #504a47; font-size: 1.2em; line-height: 1.4em; margin-bottom: .7em;}

p.large {font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif; color: #221917; font-size:1.8em; line-height:1.2em;}

p.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}

p.footertext {font-size: .8em; border-top: 1px solid #87a8b9; padding-top: 10px;}
p.footertext a, p.footertext a:hover, p.footertext a:visited, p.footertext a:active {color: #004469;}

#column2 img {border-color: #8cb9d2; border-width: 1px; border-style: solid; padding: 2px; margin-bottom: 5px;}

#members tbody tr td img {border-color: #8cb9d2; border-width: 1px; border-style: solid; padding: 2px;margin-right: 10px; float: left;}

/* ...................Navigation.................... */
ul#lang-menu {
height: auto;
width: auto;
position: absolute;
padding-right: 2em;
right: 0;
top: 25px;
z-index: 52;
}
ul#lang-menu li {display: block; float:left; margin: .5em; padding-right: 1em;}
ul#lang-menu li.first{border-right: 1px solid #447691;}
ul#lang-menu li a {color: #447691; font-size: .7em; letter-spacing: .02em; text-decoration: none;}
ul#lang-menu li a:hover, ul#lang-menu li.current a {border-bottom: 1px dotted #3e6a83;}

ul#nav-menu {
height: auto;
margin: 0 auto;
width: auto;
position: relative;
top: -35px;
left: 50px;
height: 20px;
}
ul#nav-menu li {display: block; float:left; height: 20px;}
ul#nav-menu li a, ul#nav-menu li a:visited {color: #004469; font-size: .8em; margin-left: 2em; border-left: 1px solid transparent; letter-spacing: .02em; text-decoration: none; padding:0px 0 20px 5px; text-transform: uppercase;}
ul#nav-menu li a:hover, ul#nav-menu li a:active, ul#nav-menu li.current a, ul#nav-menu li.section a{border-left: 1px solid #88a9ba; color: #01304a;}

ul#Menu2{margin-left: -.4em; list-style-type: none; width: 300px;}
ul#Menu2 li{display: block; margin-bottom: 2em; width: 130px;}
ul#Menu2 li a{color: #3d97bf; font-size: 1.2em; letter-spacing: .02em; text-decoration: none; text-transform: capitalize; padding: 12px 60px 10px 12px; margin-left: -12px;}
ul#Menu2 li a:hover, ul#Menu2 li a:active, ul#Menu2 li.current a, ul#Menu2 li.section a{ color: #235775 }