/********/
 /* Font */
/********/


body
{
font-size:    1em;
font-family:  verdana, arial, helvetica, sans-serif;
line-height:  1.5em;
}


.fontsmall
{
font-size:  .75em;
}


p
{
margin-top:    1em;
margin-bottom: 1em;
}


.putlower
{
margin-top:    2em;
}

.puthigher
{
margin-top:    0;
}


.separator
{
border:       black solid;
border-width: .05em 0;
}


h2 
{
font-size:  1.5em;
}

h3 
{
font-size:  1.20em;
}

h4 
{
font-size:  1.10em;
}

h5, h6 
{
font-size:  1em;
}


img
{
border: none;
float:  left;
}


img.right
{
float:  right;
}


li.pdf
{
list-style-image: url(/images/adobe/pdficon.gif);
padding:          0 0 0 .5em;
margin:           1em;
}


  /**********************************************/
 /* Top Heading - Contains WEC and Student Art */
/**********************************************/


#bodydiv 
{
margin:       20px;
padding:      25px;
border:       black solid;
border-width: 100px 0 0 100px;
width:        800px;
height:       100%;             /* TODO needed for border - make sure content expands it */
/*  align:        center;           TODO */
}


h1
{
border:           black solid 2px;
position:         absolute;
top:              5px;
left:             5px;
width:            190px;     /* todo - make 200 */
height:           125px;
font-size:        25px;
color:            black;
background-color: white;
padding:          3px;
margin:           0;
line-height:      1.2em;
text-decoration:  none;
}

h1 a
{
text-decoration:  none;
color:            black;
background-color: white;
height:           100%;  
width:            100%;  
}


.sa
{
border:   black solid 2px;
position: absolute;
top:      5px;
}




  /*******************/
 /* Navigation Menu */
/*******************/

#menu 
{
margin:   0;
border:   0 none;
padding:  0;
position: absolute;
top:      150px;
left:     5px;
width:    150px;
}


#menu a 
{
margin:          0;
border:          0 none;
padding:         .25em;
display:         block;
width:           100%;
text-decoration: none;
}


#menu-about a 
{
background-color: #C6C;   /* purple */
color:            #000;   /* black */
}

#menu-curr a
{
background-color: #36C;   /* blue  */
color:            #000;   /* black */
}

#menu-gal a
{
background-color: #093;   /* green */
color:            #000;   /* black */
}

#menu-parent a
{
background-color: #FF6;   /* yellow */
color:            #000;   /* black  */
}

#menu-student a 
{
background-color: #F93;   /* orange */
color:            #000;   /* black  */
}

#menu-support a
{
background-color: #F03;   /* red   */
color:            #000;   /* black */
}


#menu a:hover
{
background-color: #CCC;   /* gray  */
color:            #000;   /* black */
}


#menu ul
{
margin:  0;
border:  0 none;
padding: 0;
}


#menu li
{
list-style:    none;
margin-top:    10px;
margin-bottom: 10px;
border:        0 none;
padding:       0;
}


#menu ul li
{
margin-left:   5px;
margin-right: 10px;
}

#menu ul ul li
{
margin-left:  10px;
margin-right: 0;
}

#menu ul ul ul li
{
margin-left:  15px;
margin-right: 0;
}