html{
}

body{
background: white;
color:#646464;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
_text-align:center;
}

#viewport{
position:relative;
}

#canvas{
background:url(../images/canvas-background.jpg) repeat-x 0px 16px;
}

/*Page*/
#page{
font-size:0.725em;
width: 880px;
position:relative;
_text-align:left;
margin:auto;
}

#main{
line-height:150%;
overflow:hidden;
}


#banner{
margin-bottom:10px;
}


#article{
width: 457px;
padding:30px 35px 10px 35px;
float:left;
border-top:10px solid #e5dabe;
margin-left:2px;
}

#aside{
width:350px;
float:left;
background:#ccb57e;
font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", serif;
color:white;
font-size:1.1em;
}


/*Navbar*/
#navbar{
_text-align:left;
margin:auto;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:13px;
position:relative;
margin-top:25px;
z-index:100;
height: 135px;
text-transform:uppercase;
}

#logo{
position:absolute;
top:0px;
left:0px;
}

#navbar ul{
margin:0;
padding:0;
right:0px;
position:absolute;
top:102px;
}

#navbar li{
margin:0;
padding:0;
list-style-type:none;
display:inline;
}

#navbar ul a{
color:#002a5c;
text-decoration:none;
padding:0px 12px;
}

#navbar li:last-child a{
padding-right:0;
}

#navbar ul a:hover{
color:#947d45;
}

#navbar ul a.active{
color:#ccb57e;
}

/*Footer*/
#footer{
border-top:1px solid #ccb57e;
color:#ccb57e;
font-size:0.75em;
margin-top:12px;
padding-top:12px;
padding-bottom:1.5em;
}

#footer a{
color:#ccb57e;
padding:0px 1em;
text-decoration:none;
}

#footer a:first-child{
padding-left:0;
border-right:1px solid  #ccb57e;
}

#footer a:hover{
color:#947d45;
}

#copyright{
text-align:right;
}

/*Links*/
#main a{
color:#002a5c;
}

#main a:hover{
color:#947d45;
}

.feature-link{
padding-right:12px;
background:url(../images/blue-arrow.gif) no-repeat right center;
text-decoration:none;
}

/*Appearance*/
div, img{
behavior: url("/library/core/iepngfix.htc");
}

.column{
width:48%;
xmargin-right:1%;
float:left;
position:relative;
}

#aside .section{
border:1px solid white;
margin:6px;
padding:20px 20px 20px 20px;
overflow:auto;
zoom:1;
}


.border-top{
border-top:1px solid #E0D2B1;
padding-top:0.8em;
clear:both;
}

/*Formatting*/
h1{
font-family:"Times New Roman", Times, serif;
margin:0;
padding:0;
margin-bottom:0.75em;
font-size:1.8em;
color:#002a5c;
font-weight:normal;
line-height:100%;
}


#aside h1{
text-transform:uppercase;
font-size:1.3em;
line-height:120%;
margin-top:0;
}

#aside h2{
color:white;
font-size:1.2em;
}

#aside p{
margin-bottom:0;
}

#aside ul{
padding-left:1em;
margin-left:0;
}

h2{
color:#ccb57e;
font-family:"Times New Roman", Times, serif;
margin:0;
padding:0;
margin-bottom:0.5em;
font-size:1.4em;
font-weight:normal;
}


#main li{
list-style-image:url(../images/bullet.gif);
}

#main ul{
margin-top:0;
}


p{
margin-top:0.5em;
}


.button{
background:url(../images/button-background.gif) repeat-x #E1D2B2;
border:2px solid white;
padding:0.5em 1em;
text-transform:uppercase;
box-shadow: #bbb 0px 0px 6px;
-moz-box-shadow: #bbb 0px 0px 6px;
-webkit-box-shadow: #bbb 0px 0px 6px;
cursor:pointer;
}

.button:hover{
background: #EDE3CE;
}

.button:active{
background: #E1D2B2;
}

textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}
