/*-----------------------------*/
/* General XHTML tag selectors */
/*-----------------------------*/

a {
    color: #06f;
    text-decoration: none;
    }

a:visited {
    color: #f30;
    }

a:hover {
    text-decoration: underline;
    }

body {
    margin: 0;
    padding: 0;
    font-family: arial, helvetica, sans-serif;
    color: #000;
    background: #fff 
    font-size: 90%;
    }

hr.hr_members {
      color: #990000;
      background-color: #990000;
      height: 2px;
      }
hr.hr_interplay {
      color: #663366;
      background-color: #663366;
      height: 2px;
      }

/*-----------------------------*/
/* Major divisions of the page */
/*-----------------------------*/

/* Wrapper for everything not in the header or left column */
#content {
    margin: 0 0 0 170px;
    padding: 10px 10px 10px 10px;
}
#newsletter {
    margin: 0 0 0 0px;
    padding: 10px 10px 10px 10px;
}

/* The site header */
#header {
    height: 90px;
    width: 100%;
    }

/* The panel header */
#panel_header {
    float: left;
    height: 110px;
    margin: 10px 10px 50px 10px;
    width: 100%;
    }

/* The entire left column */
#navleft {
    clear: left;
    float: left;
    width: 150px;
    height: auto;
    border-right: thin dotted; 
    }

/* Styling specific to documentation pages */
#docs {
    padding: 0 200px 50px 0;
    }

/* Styling specific to the home page */
#main {
    float: left;
    }

/*--------------------------*/
/* DIV specific adjustments */
/*--------------------------*/

#content h2 {
    color: #f30;
    margin: 0 0 20px 0;
    }

#content li {
    margin: 10px 0;
    }

#header h1 {
    float: left;
    font-family: futura, arial, helvetica, sans-serif;
    margin-top: 65px;
    font-size: 34px;
    color: gray;
    display: inline;
    }

#header img {
    float: left;
    margin: 25px 20px 0 103px;
    }


/*-------------------*/
/* Special menu DIVs */
/*-------------------*/

#altmenu, 
#linkage,
#mainmenu{
    text-align: right;
    margin: 0 10px 10px 0;
    line-height: 1.5;
    }

#boardlist {
    text-align: left;
    margin: 0 10px 10px 20px;
    line-height: 1;
    }

#altmenu,
#linkage{
    margin-top: 40px;
    }

#mainmenu a:link,
#mainmenu a:visited,
#mainmenu a:active {
    color: #f60;
    }

#mainmenu a:hover {
    color: #c6f;
    text-decoration: none;
    }

#altmenu li,
#linkage li,
#mainmenu li {
    font-size: 16px;
    color: purple;
    padding: 0;
    margin: 0;
    }

#altmenu li.current,
#mainmenu li.current {
    list-style-type: circle;
    }

#altmenu p {
    font-size: 12px;
    color: #393;
    }

#altmenu ul,
#linkage ul,
#mainmenu ul {
    list-style: none;
    }

#altmenu a:link,
#altmenu a:visited,
#altmenu a:active {
    color: #396;
    }

#altmenu a:hover {
    color: #f63;
    text-decoration: none;
    }

#linkage h3 {
    color: purple;
    font-size: 13px;
    font-weight: bold;
    }

#linkage a,
#linkage a:visited,
#linkage a:active {
    color: #969;
    }

#linkage a:hover {
    color: #636;
    text-decoration: none;
    }


/*-------------------------------*/
/* Styling for the meeting links */
/*-------------------------------*/

.embedobj {
    float: left;
    width: 80px;
    height: 60px;
    margin-top: 20px;
    color: #00f;
    }

.embedobj a {
    display: block;
    margin-top: -38px;
    text-align: center;
    font-weight: bold;
    color: #900;
    }

.embedobj img {
    margin-left: 10px;
    }


/*-------------------------------------------*/
/* The styling for the actual "artgrid" name */
/*-------------------------------------------*/

.name {
    color: #000;
    font-weight: bold;
    }


/*---------------------------------------------------------*/
/* Styling for our super-cool "pullout" text scheme (docs) */
/*---------------------------------------------------------*/

span.pullout {
    float: right;
    color: gray;
    font-size: 80%;
    margin-top: 4px;
    margin-right: -170px;
    width: 120px;
    }
    
span.pullout img {
    display: block;
    margin: 0 auto;
    width: auto;
    }