/* CSS Document */

/*
** GLOBAL ELEMENTS
*/

body {
color: #600;
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
background: #838383 url(images/bak_grad_02.gif) repeat-x;
margin-top:0px;
margin-left:0px;
}

#container {
width: 850px;
text-align:center;
margin-left:auto;
margin-right:auto;
padding:0px;
border:#999 1px solid;
}

*html #container {
width:887px
}

#logo {
background: #900 url(images/aard_logo_01.gif) no-repeat 10px 0px;
height: 60px;
text-align:right;
margin: 0px;
padding: 20px 18px 0px 0px;
color: black;
font-size:18px;
}

*html #logo {
width:887px;
}

#header-img {
height: 152px;
width:850px;
background: #CCC url(images/header_03.jpg) no-repeat;
border-top: 5px #CCCCCC solid;
border-bottom: 5px #CCCCCC solid;
margin: 2px 0px 2px 0px;
}

*html #header-img {
height:162px;
width:887px;
}

td {
color: #600;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
}

h1 {
text-align:center;
color: #eef0f2;
background: #900;
padding: 10px 4px 4px 5px;
margin: 0px 0px 3px -2px;
font-size:12px;
text-transform:uppercase;
}


h2 {
color: #FFF;
background: #600;
padding: 4px;
margin: 2px 0px;
font-size:12px;
text-transform:uppercase;
}
		
h3 {
color: #600;
font-size:12px;
text-transform:uppercase;
}	

a {
color:#CC0000;
text-decoration:none;
}

a:visited {
color:#CC0000;
text-decoration:none;
}
	
a:hover {
color:#333;
text-decoration:underline;
}		

/*
** NAV ELEMENTS
*/		

#nav1 {
width: 850px;
clear:both;
background: url(images/nav_bak.gif) repeat-x;
padding: 6px 0px 0px 0px;
text-align:center;
margin:0px;
}

*html #nav1 {
width:887px;
}

#nav1 ul {
margin: 0px 0px 0px -15px;
font-size:11px;
font:arial;
text-transform: uppercase;
}

*html #nav1 ul {
margin: 0px;
}

#nav1 ul li {
display: inline;
margin-bottom:0px;
}

#nav1 ul li a {
margin: 0px;
padding:6px 10px;
text-decoration:none;
font-size:12px;
color: #666;
}

#nav1 ul li a:visited {
text-decoration:none;
color: #666;
}

#nav1 ul li a:hover {
background: #900;
text-decoration:none;
color: #FFF;
}

#redstripe {
width: 850px;
clear:both;
background: #900;
margin:0px;
padding:0px;
height:5px;
font-size:1px;
}

#nav2 {
margin: 0px;
clear: both;
padding-left:2px;
float: left;
width: 140px;
text-align:left;
}

#nav2 ul {
margin:0px;
padding: 0px;
}

#nav2 ul li {
display:block;
height:30px;
width: 100%;
background:#666 url(images/nav_bak.gif);
text-transform:uppercase;
margin:0px 0px 1px 0px;
}

*html #nav2 ul li {
display:block;
background:#666;
height:10px;
text-transform:uppercase;
margin:0px 0px 1px 0px;
}

#nav2 a:link {
display: block;
width: 100%;
color: #333;
background:#666 url(images/nav_bak.gif);
font-size:12px;
padding-top:10px;
padding-left:10px;
padding-bottom:6px;
border-right:#CCC 5px solid;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}

*html #nav2 a:link {
padding-top:10px;
width: 100%;
color: #333;
padding-bottom:6px;
}

#nav2 a:visited {
display: block;
width: 100%;
background:#666 url(images/nav_bak.gif);
padding-top:10px;
padding-bottom:6px;
padding-left:10px;
color: #333;
border-right:#CCC 5px solid;
font-weight:bold;
}

#nav2 a:hover {
display: block;
width: 100%;
padding-top:10px;
padding-bottom:6px;
padding-left:10px;
color: #FFF;
background:#900;
border-right:#666 5px solid;
font-weight:bold;
text-decoration:none;
}

/*
** CONTENT ELEMENTS
*/	

#heading {
color:#b4b3b3;
font-size:15px;
padding-top:15px;
margin-left: 20px;
margin-top:10px;
text-transform: uppercase;
border-bottom: 8px solid #bbbaba;
display:inline;
}

#content {
width:850px;
margin-left:auto;
margin-right:auto;
margin-top:2px;
padding:0px 0px;
text-align:center;
background: #FFF url(images/cont_grad_01.jpg) repeat-x;
color:#600;
border-top:#990000 5px solid;
}

*html #content {
width:887px;
margin-top:3px;
}

#leftcolumn {
width: 150px;
float: left;
margin-right:8px;
margin-bottom:5px;
border: 0px solid blue;
padding:5px;
padding-top:8px;
color:#666666;
}

#rightcolumn {
width: 176px;
float: right;
margin:5px 0px;
border: 0px solid blue;
padding: 0px 5px;
padding-top:3px;
color:#666;
}

*html #rightcolumn {
width: 175px;
}

#midcolumn {
width: 465px;
margin-right:8px;
margin-left: 5px;
margin-bottom:5px;
border: 0px solid blue;
padding: 8px 2px 5px 8px;
color:#660000;
float:left;
text-align:left;
font-size:13px;
}

*html #midcolumn {
width: 530px;
margin-left:0px;
}

.rightcol-mod {
width: 166px;
background: #F2EEEE;
color:#660;
padding:5px;
border: 1px solid #900;
margin-bottom:5px;
}

*html .rightcol-mod {
width: 176px;
height: 165px;
}

.leftcol-mod {
width: 136px;
float:left;
background: #F2EEEE;
color:#666;
padding:5px;
border: 1px solid #999;
margin-top:10px;
}

*html .leftcol-mod {
width: 140px;
}

.visitor {
background:black;
padding:1px;
color: #fff;
}

/*
** FOOTER
*/

#footer {
clear:both;
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
margin-top:0px;
background: url(images/nav_bak.gif) repeat-x;
padding: 10px;
color:#333;
}

#footer p {
color:#666;
font:Arial, Helvetica, sans-serif;
margin:0px;
text-transform:uppercase;
font-weight:bold;
}

#footer ul {
display:inline;
}

#footer li {
display:inline;
color:#333;
text-transform:uppercase;
padding-right: 18px;
margin-right:2px;
background:url(images/nav_seperator_02.gif) no-repeat right;
font-size:12px;
}

#footer-links {
width: 800px;
clear:both;
text-align:center;
color:#CCC;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding: 4px;
border:0px solid red;
}


#footer-links ul {
display:inline;
margin: 0px;
}

#footer-links li {
display:inline;
text-transform:uppercase;
color:#CCC;
padding: 0px 5px;
margin:2px;
font-size:10px;
}

#footer-links a {
color: #333;
text-decoration:none;
text-transform:uppercase;
}

#footer-links a:visited {
color: #333;
}

#footer-links a:hover {
color: #600;
text-decoration:underline;
}