h1 /* Header 1 - Page titles*/
{
    font-family:Verdana;
    font-size:large;
    font-weight:bold;
}

h2 /* Header 2 - Sub-page titles */
{
    font-family:Verdana;
    font-size:medium;
    font-weight:bold;
    font-style:italic;
}

h3 /* Header 3 - Sub-sub-page titles */
{
    font-family:Verdana;
    font-size:small;
    font-weight:bold;
    font-style:italic;
}

h4 /* Header 4 - Alternative page titles */
{
    font-family:Verdana;
    font-size:large;
    font-weight:bold;
}

h5 /* Header 5 - Alternative sub-page titles */
{
    font-family:Verdana;
    font-size:medium;
    font-weight:bold;
    font-style:italic;
}

h6 /* Header 6 - Alternative sub-sub-page titles */
{
    font-family:Verdana;
    font-size:small;
    font-weight:bold;
    font-style:italic;
}

p /* Paragraph - General text */
{
    font-family:Verdana;
    font-size:small;
    color:#000000;
    font-weight:normal;
}

img.thumbnail /* Thumbnail images - has border & pointer */
{
    border:1px solid #000000;
    cursor:pointer;
}

img.border /* Images with a border */
{
    border:1px solid #000000;
}
/*****************************************************
 *  The following are for SUBSECTIONS
 *  A subsection can be implemented using a <div>
 *  to subdivide a page into smaller parts.
 */
div.subsection 
{
}

div.subsection h2               /*  Use an <h2> to title the subsection */
{
    border-bottom:solid 1px #CCCCCC;
}

div.subsection h3
{
    font-style:normal;
}

div.subsection div.content      /*  This is for the content of a subsection */
{
    margin-left: 30px;
    padding-bottom: 15px;
}

div.subsection div.toggle       /*  The toggle may be used to toggle a section. Use the following code:             */
{                               /*  <div class="toggle" onclick="toggle_subsection('cntID',this,true);">Hide</div>  */
    position:relative;          /*  There MUST be a content div <div class="content" id="cntID"> defined.  Only one */
    top:-15px;                  /*  element with ID "cntID" may exist on a page.                                    */
    text-align:right;
    color:#CCCCCC;
    font-size:x-small;
    cursor:pointer;
}

/*****************************************************
 *  The following are for COURSES
 */
div.course
{
    display:list-item;
    padding-bottom:10px;
}

div.course h3                   /* Use an <h3> for the title of the course. */
{
    display:inline;
    text-decoration:underline;
}

div.course p        /* Use a <p> for the description of the course. */
{
    margin-left:10px;
    display:inline;
}

div.course a.reqs
{
    font-style:italic;
}

/*****************************************************
 *  The following are for REFERENCES in bibliographies
 *  and the like.
 */

div.reference /* Use to encapsulate a single reference */
{
    display: block;
    padding-bottom: 20px;
    margin-left:10px;
    text-indent:-10px;
}

div.reference a.auth /* Use for general authors */
{
}

div.reference a.auth_undergrad /* Use for SDSU undergraduate authors */
{
    font-weight:bold;
    color:#0000CC;
}

div.reference a.auth_grad /* Use for SDSU grad student authors */
{
    font-weight:bold;
    color:#000066;
}

div.reference a.auth_fac /* Use for SDSU faculty authors */
{
    font-weight:bold;
    color:#000000;
}

div.reference a.journal /* Use for joural names */
{
    font-style:italic;
}

div.reference a.proceedings /* Use for proceedings names */
{
    font-style:italic;
}

/*****************************************************
 *  The following are for ANNOUNCEMENTS on the homepage
 */

div.announcement
{
    padding-left:3px;
    padding-right:3px;
    padding-bottom:20px;
    font-size:smaller;
}

div.announcement h1
{
    font-size:smaller;
    font-weight:bold;
    margin-bottom:3px;
    border-bottom:1px solid #CCCCCC;
}

div.announcement h1 a
{
    font-size:small;
}

/*****************************************************
 *  The following are for NEWS on the homepage
 */

div.news
{
    padding-left:3px;
    font-size:smaller;
    background-color:#EEEEEE;
    border:solid 1px #CCCCCC;
    margin-bottom:2px;
}

div.news h3 
{
    font-size:small;
    font-weight:bold;
    font-style:italic;
    text-decoration:underline;
    margin-bottom:3px;
    margin-top: 3px;
}

/*****************************************************
 *  The following are for Faculty
 */
div.faculty
{
    height: 160px;
    display: block;
}

div.faculty img /* Faculty's picture */
{
    float:left;
    border: solid 1px #000000;
    margin-right: 10px;
    position:relative;
    height:140px;
    width:100px;
}

div.faculty h3   /* Faculty's name and website */
{
    display:inline;
    font-size:small;
    font-weight:bold;
}

div.faculty div.content
{
}

div.faculty div.content div.research    /* Research areas */
{
    font-size: smaller;
}
/*****************************************************
 *  The following are for ABET
 */
div.abet
{
    display: block;
}

div.abet img /* abet images */
{
    float:left;
    border: solid 1px #000000;
    margin-right: 20px;
    position:relative;
    height:140px;
    width:127px;
}

div.abet div.list   /* abet list */
{
    display:inline;
    font-size:small;
    position:relative;
}
div.abet div.normal   /* abet normal */
{
    display:inline;
    font-size:small;
}

div.abet div.address  /* address areas */
{
    font-size: smaller;
    margin-left:5px;
    margin-right:150px;

}