/*main sections first, then special sections particular only to one page (all style parts together) */


/*div size*/
div#header {width: 500px; height: 100px; }


/*margin and padding*/

{margin:0; padding:0; border:none;}

div#header {margin: 10px 0% 5px 12%; }
div#menu { margin: 0em 12% 1em 12%; padding: 4px 0 ;}
div#main, div#footer { margin: 0% 12%; }
div#main {padding: 1px 3em;}
div#lastedit { margin: 0 12% 1em 12%}


/*borders*/

div#menu { 
border-color: #fff8cd;
border-style: solid;
border-width: 1px 0px;
}

div#main {
border-color: #fff8cd solid 1px;
}


/*colors*/
body  {background-color: #fff8cd; background-image: url('images/gradient.jpg'); background-repeat: repeat-x;}

div#header {
background-image: url('images/header.jpg');
background-repeat: no-repeat;
background-position: center left;
}

div#main   {color: black; background-color: white;}
div#footer, div#lastedit {color: black; } 

a:link, a:visited {color: black;}
a:focus, a:hover, a:active {color: #c01070; }
/* order: lvfha*/

ul#menulist a:link, ul#menulist a:visited, ul#menulist a:active  {color:#ff85c2; } 
ul#menulist a:focus, ul#menulist a:hover, ul#menulist li#menuactive a {color:#fff8cd;}

/* cream #fff8cd; mid pink #ff85c2; hot pink #ff3399; brighter pink #ff4099; */

div#main a:focus img, div#main a:hover img {border-color: #c01070; }


/*fonts*/
/* font-style font-variant font-weight font-size/line-height font-family*/

body {font: 80%/1.7em Verdana, Geneva, Arial, sans-serif;}
div#menu {font-family:"Times New Roman", Georgia, Serif; }


div#menu     { font-size: 1.4em;  text-align: left; }
div#main     { font-size: 100%; text-align: left; }
div#bigpic   { font-size: 90%;  text-align: center; font-style: italic; }

div#footer   { font-size: 90%/1.5em;  text-align: center; font-weight: bold;}
div#lastedit { font-size: 90%;  text-align: right; font-style: italic; }

div#main p   { text-align: justify; }

h1 {font-size: 130%; font-weight: bold; text-align: left; }
h2 {font-size: 112%; font-weight: normal; font-style: italic; text-align: left; }

a {font-weight: bold; text-decoration: none;}


/*floats*/
div#footer { clear: both;}
img.left {float:left;}
img.right {float: right;}
.clear {clear: both;}


/* menu style*/

ul#menulist {list-style-type: none; 
margin: 0;
padding: 1px 0px; /*allows div border to show*/
}

ul#menulist li {display: inline;}

ul#menulist a {padding: 5px 0.5em; font-weight: normal;}

//ul#menulist li#menuactive a {font-weight: bold;}


/*small photo styles*/

div#main img{ 
border: 1px solid black;
margin: 0px 20px 20px 0px;
}

img.fullwidth {width: 100%;}

/* home page pic */ /*removed border for iwbc conference poster */
div#mainpic1 {margin: 0% 12%; text-align: center;}
img#mainpic {width:100%; border: none; } /* border: #fff8cd solid 1px; */
img.lmainpic {width:53%; border: #fff8cd solid 1px; } 
img.rmainpic {width:45.7%; border: #fff8cd solid 1px; vertical-align:top;} 

/*personnel list styles*/

table#members {
line-height: 1.25em;
border-collapse: collapse;
margin:0;
padding:0;
}

table#members tr{ vertical-align: top; }

table#members td{ padding: 0.5em 0.5em 0.5em 0em; }

table#members a {font-weight: normal; text-decoration: underline;}


/* large picture from photo album page */
div#bigpic { margin: 5em 0; }
div#bigpic {color: white;}

div#bigpic{
border: none;
padding: 0;
}