/*-----------------------------*/
/* 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 185px;
    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: 181px;
    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;
    }


/*---------------------------------------------------------*/
/* begin css tabs                                          */
/*---------------------------------------------------------*/

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 12px arial; /* set font as desired */
border-bottom: 1px solid #990000; /* set border COLOR as desired */
list-style-type: none;
padding: 0px 10px 3px 0px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, 
body#tab2 li.tab2, 
body#tab3 li.tab3, 
body#tab4 li.tab4, 
body#tab5 li.tab5, 
body#tab6 li.tab6, 
body#tab7 li.tab7, 
body#tab8 li.tab8 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, 
body#tab2 li.tab2 a, 
body#tab3 li.tab3 a, 
body#tab4 li.tab4 a, 
body#tab5 li.tab5 a, 
body#tab6 li.tab6 a, 
body#tab7 li.tab7 a, 
body#tab8 li.tab8 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #990000; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #FFFF99; /* set unselected tab background color as desired */
color: #000; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

/* end css tabs */

/*-------------------------------*/
/* 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;
    }

/*---------------------------------------------------------*/
/* Stuff for the java image display code.                  */
/*---------------------------------------------------------*/
/* New CSS 9/22/08 */


.album_image_holder {
	width: 738px;
	height: 127px;
	overflow: auto;
	float:left;
}

.album_image_holder img {
	margin-top:4px;
	margin-right:6px;
}

.imgae_gal_list:hover {
	cursor: pointer;
}