*{ padding: 0; margin: 0; }

body{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; background: url(../images/background.jpg) center -100px no-repeat; }
img { border: none; }
#wrapper{ margin: 0 auto; width: 922px; }
#header{ width: 922px; padding: 10px 0 0 0; margin: 10px 0 5px 0; }
#logo{ width: 195px; height: 100px; }

#navigation{ display: block; clear: left; height: 26px; font-size: 12px; font-weight: bold; background: transparent url(../images/bgOFF.gif) repeat-x top left; font-family: Arial,Verdana,Helvitica,sans-serif; border-bottom: 3px solid #FF0066; }
#navigation ul{margin: 5px 0 0 0; padding: 0; list-style-type: none; width: auto; }
#navigation ul li{ display: block; float: left; margin: 0; }
#navigation ul li a{display: block; float: left; color: #fff; text-decoration: none; padding: 7px 20px 0 20px; height: 19px; background: transparent url(../images/bgDIVIDER.gif) no-repeat top right; }
#navigation ul li a: hover,
#navigation ul li a.current{color: #fff; background: #131546 url(../images/bgDIVIDER.gif) no-repeat top right; }
#navigation li.active{ background-color: #54962c;}

a:link{ color: #184BD0; }
a:visited{ color: #54962C; }
a:hover{ text-decoration: none; }

#banner{ width: 922px; clear: left;  height: 250px; margin: 5px 0; background: #000; }

#page_body{ background: url(../images/sidebar.jpg) 0 0 repeat-y; float: left; }

#leftcolumn{ color: #333; margin: 0px 5px 5px 0px; padding: 10px; min-height: 350px; height: 350px; width: 195px; float: left; font-size: 12px; line-height: 16px; }
html>body #leftcolumn{ height: auto; }
#rightcolumn{ float: right; color: #333; background: #fff; margin: 0px 0px 5px 0px; padding: 10px; width: 678px; display: inline; }

p{ margin-bottom: 1em; }
ul, ol { margin: 0 0 1em 1.5em; }

#footer{ width: 900px; clear: both; color: #666; margin: 10px 0; padding: 25px 10px; }

#nav-top {
    float: right;
}


/* FAQ content */

.question {
    font-weight: bold;
}

.answer {
    margin-left: 10px;
}

/* Controls for images display within content. */

.content-image {
    margin: 5px;
    padding: 5px;
    border: 1px solid #cccccc;
}
.content-image-right {
    float: right;
    margin: 5px;
    padding: 5px;
    border: 1px solid #cccccc;
}

/* Display elements on the projects and programs page. */

.program-intro {
    xborder-right: 1px solid #999999;
    xborder-bottom: 2px solid #cccccc;
    margin-bottom: 15px;
}

.program-icon {
    float: left;
    margin-right: 5px;
}

.news-item {
    margin-bottom: 5px;
}

.meeting-item {
    margin-bottom: 5px;
}



/* Home page controls */
#home-news .news-item, #home-news .meeting-item {
    float: left;
    width: 300px;
    margin: 10px;
}

.equation {
    margin-left: 20px;
    font-style: italic;
    border: 1px solid #cccccc;
    padding: 10px;
}

/* Staff and Board Pages */

.staff {
    float: left;
    width: 200px;
    height: 100px;
    margin: 10px;
    border: 1px solid #cccccc;
    padding: 2px;
}

.board {
    height: 310px;
}

.staff-title { font-style: italic; }
.staff-info {
    margin-top: 3px;
}

/* Links Page */
.link-group {
    margin-left: 20px;    
    padding-left: 10px;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.link-item {
    margin-bottom: 5px;
}

h2 a:visited { color: #184BD0; }

h2 { margin-bottom: 3px; }
