html, body{
margin:0 auto;
text-align:center;
}
body{
font-family:arial, verdana, helvetica, sans-serif;
font-size:90%;
}
#wrapper{
width:749px;
margin:0 auto;
padding:0 5px;
text-align:left;
}
#header{
height:45px;
padding:10px 0 0 0;
white-space:nowrap;
}
#logo{
width:300px;
margin:0;
padding:0;
float:left;
}
#topRight{
width:400px;
float:right;
text-align:right;
font-size:70%;
}
#banner{
text-align:right;
padding:3px;
margin:0 auto 10px auto;
border:1px solid #666;
background:#ccc url('images/menuBackground.gif') left center repeat-x;
font-size:70%;
font-family:verdana, helvetica, sans-serif;
}
#banner input{
font-weight:bold;
background:#eee url('images/headingbg.jpg') left center repeat-x;
border:1px solid black;
}
#menu{
float:left;
width:160px;
border:1px solid #999;
background:#fff url('images/menufade.jpg') top left repeat-x;
}
#menu #imgContainer{
text-align:center;
margin:0 auto 1em auto;
}
#navContainer{
width:160px;
margin:0 0 1em 0;
}
#navContainer ul{
margin:0;
padding:2px;
list-style:none;
}
#navContainer li{
padding:3px 3px 3px 23px;
background:url(images/uBullet.gif) 3px 4px no-repeat;
font-weight:bold;
font-size:80%;
}
#navContainer li li{
background-image:none;
margin:0;
padding:0;
}
#navContainer a:link, #navlist a:visited{
color:#666;
text-decoration:none;
}
#navContainer a:hover{
color:#000;
text-decoration:underline;
}
#main{
float:right;
border:1px solid #999;
padding:10px;
width:550px;
min-height:520px;
margin:0 auto;
background:#fff url('images/background.jpg') top right no-repeat;
font-size:90%;
}
* html #main{
height:530px;
}
#footer{
font-size:70%;
text-transform:uppercase;
margin:0 auto;
text-align:center;
padding:15px 0 5px 0;
color:#666;
background-color:#fff;
}
#footer a{
color:#666;
}
#info{
text-transform:none;
border:1px solid #666;
padding:3px;
background:#ccc url('images/menuBackground.gif') left center repeat-x;
color:#000;
}
a:link, a:visited, a:active{
text-decoration:none;
color:#09C;
font-weight:bold;
}
a:hover{
text-decoration:underline;
color:#066;
}
h1{
margin:0 0 10px 0;
font-size:120%;
text-decoration:underline;
}
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover,{
text-decoration:underline;
color:#000;
}
h2{
margin:0;
font-size:100%;
color:#000;
}
h5{
margin:0 0 5px 0;
font-size:x-small;
color:#000;
}
img, form{
margin:0;
border:0;
}
input, textarea{
font-weight:bold;
background:#eee;
border:1px solid black;
font-family:arial, verdana, helvetica, sans-serif;
}
li{
font-weight:bold;
}
hr{
color:#666;
background-color:#666;
margin:4px 0;
}
.clear{
clear:both;
font-size:1%;
line-height:1px;
}
.box{
border:1px solid black;
background-color:#ccc;
margin:3px auto 6px auto;
}
.center{
text-align:center;
margin:0 auto;
}
.right{
text-align:right;
}
.warning{
font-family:verdana;
font-size:12px;
font-weight:bold;
text-align:center;
color:red;
background-color:#ff6;
border:1px solid black;
}
.appForm{
width:230px;
}
.heading{
border:1px solid #666;
padding:3px;
margin:0 0 5px 0;
background:#ccc url('images/headingbg.jpg') left center repeat-x;
}
.title{
text-align:left;
float:left;
width:75%;
font-weight:bold;
}
.date{
text-align:right;
float:right:
width:24%;
font-weight:bold;
}
.comment{
font-style:italic;
padding:0 0 1em 0;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}  /* for IE/Mac */