/*-----------------------------------------------------
                    GLOBAL
-------------------------------------------------------*/
html{
    font-size: 100%;
}
body{
    margin:0;
    padding:40px 0;
    font-family:Verdana, sans-serif;
    font-size:1em;
    position:relative;
    color:#333;
}
#container{
    position:relative;
    margin:0 auto;
    width:1024px;
    font-size:.875em;
}
h1, h2, h3, h4, h5, h6, p{
    margin-top:0;
    padding-top:0;
}
p{
    line-height:150%;
}
#column2 ol, #column2 ul{
    margin-left:0;
    padding-left: 0;
    overflow:hidden;
}
#column2 ol li, #column2 ul li{
    margin-left:2.5em;
    padding-left: 0;
    line-height:130%;
}
/*-- Font Sizes --*/
#nav_top{
    font-size:1em;
}
#column1, #column3, #footer{
    font-size:.75em;
}
table{
    margin:0 0 1em 0;
    border:0;
    border-collapse:collapse;
}
table td{
    text-align: left;
    vertical-align:top;
    padding:2px;
}
table.border{
    border:1px solid #b1b3af;
}
table.border td{
    border:1px solid #b1b3af;
}
/*-----------------------------------------------------
                    HEADER
-------------------------------------------------------*/
#banner_ad{
    width:728px;
    float:right;
}
#logo{
    float:left;
}
/*-----------------------------------------------------
                    TOP NAV
-------------------------------------------------------*/
#nav_top{
    padding:3px 0;
    margin:10px 0 0 0;
    list-style-type:none;
    border-top:2px solid #ffb3b3;
    border-bottom:2px solid #ffb3b3;
}
#nav_top li{
    font-weight:bold;
    text-align:center;
    float:left;
    width:20%;
}
#nav_top a, #nav_top a:link, #nav_top a:visited{
    text-decoration:none;
    color:#333;
    padding:10px 0;
    margin:0 10px 0 0;
    background-color:#ccccff;
    display:block;
}
#nav_top a:hover, #nav_top li.selected a{
    background-color:#E5FECC;
    color:#333;
}
#nav_top li:last-child a{
    margin-right:0;
}
/*-----------------------------------------------------
                    SEARCH BAR
-------------------------------------------------------*/
#searchbar{
    margin:5px 0 0 0;
}
#search{
    text-align:right;
    width:200px;
    float:right;
}
#search a{
    font-style:italic;
    background: #ffffff;
    padding:5px 10px;
    text-decoration: none;
    display:block;
    font-weight: bold;
    float:right;
    border: 1px solid #ccccff;
}
#search a:hover{
    font-style:italic;
    padding:5px 10px;
    text-decoration: none;
    display:block;
    font-weight: bold;
    float:right;
    background: #E5FECC;
    color:#666699;
}
/*-----------------------------------------------------
                    MAIN
-------------------------------------------------------*/
#main{
    margin:30px 0 20px 0;
}
#column1, #column2{
    float:left;
}
/*--- Column 1 ---*/
#column1{
    width:190px;
}
.nav_left{
    border-bottom:1px solid #ffb3b3;
    list-style-type:none;
    margin:0 0 20px 0;
    padding:0;
}
.nav_left li{
    border-top:1px solid #ffb3b3;
}
.nav_left li a{
    color:#666699;
    text-decoration:none;
    display:block;
    padding:.75em 3px .75em 1em;
}
.nav_left li.selected,
.nav_left li a:hover{
    background-color:#E5FECC;
    text-decoration:none;
}
.nav_left li.selected a{
    color:#000;
    text-decoration:none;
    font-weight:bold;
}
.nav_features{
    border-bottom:0;
    list-style-type:none;
    margin:0 0 0 0;
    padding:0;
}
.nav_features{
    border-bottom:0;
}
.nav_features li{
    margin-bottom:1em;
}
.features{
    border: 1px solid #ffb3b3;
    padding:5px 8px;
}
.features h3{
    text-align: center;
}
/*--- Column 2 ---*/
#column2{
    width:598px;
    margin:0 42px;
}
/*--- Column 3 ---*/
#column3{
    width:152px;
    text-align:center;
    float:right;
    overflow:hidden;
}
#column3 img{
    border: 1px solid black;
    margin:0 0 10px 0;
}
/*-----------------------------------------------------
                    FOOTER
-------------------------------------------------------*/
#footer{
    border-top:2px solid #ffb3b3;
    padding:10px 0 0 0;
    text-align:center;
}

/*-----------------------------------------------------
                    LINKS
a:hover MUST come after a:link and a:visited
a:active MUST come after a:hover

So...
a, a:link, a:visited{}
a:hover{}
a:active{}
-------------------------------------------------------*/
a, a:link, a:visited {
    text-decoration:underline;
    color:#666699;
}
a:hover {
    text-decoration:none;
}
a:active {
}
a img {
    border:0;
}
/*-----------------------------------------------------
                    MISC.
-------------------------------------------------------*/

.clear, .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.alignleft{
    float:left;
    margin:0 10px 10px 0;
}
.alignright{
    float:right;
    margin:0 0 10px 10px;
}
.aligncenter{
    display:block;
    margin:10px auto;
    position:relative;
}