/*******************************************************************************
 *                                                                             *
 *                          COMMON STYLES FOR WILLIAMS                         *
 *                                                                             *
 *******************************************************************************/


/* vert lists */
div.vlist{margin-bottom: 1em;width:40%;  float:left;}
div.vlist ul{float:left;  list-style:none;  margin:0; padding:0;}
div.vlist-wrapper{float:left;}
div.vlist-wrapper { margin:0 0 0 3em; border:0px solid black;}
div.vlist ul li{  padding:0 0 0.4em 0;   margin: 0 0 1.0em 0;  width:25em;    }
div.vlist ul li.column1 {margin-left:0;}
div.vlist ul li.column2 {margin-left:0em;}


div.vlist table {width:100%; border:0px solid #ccc; margin:0; padding:0}
div.vlist table td {vertical-align:top; padding:0 5px 7px 0;}
div.vlist table td ul li{  padding:0 0 0 1.2em;  width:100%;    }
div.vlist table td.title {background-color:inherit; color:#306; font-weight:bold; padding:0 20px 0 0;}



/* horizontal lists */
div.hlist{  margin-bottom: 1em;float:left;  width:100%;}
div.hlist ul{ width: 100%;    list-style:none;float:left;  margin:0; padding:0;}
div.hlist ul li.title{  width: 20%;   color:#306; font-weight:bold; background:inherit; clear:both;}
div.hlist ul li.title-plain{  width: 23%;   background:inherit; clear:both; color:inherit;}
div.hlist ul li{ float: left;  padding:0 0 1.0em 0;  margin: 0 0 1.0em 0; width: 80%;}

/* two col lists */
div.col1 { float:left; display:inline; width:49%; border:0px solid #ccc;margin:0 0 0;padding:0;}
div.col2 { float:left; width:49%;border:1px solid  #fefefd; vertical-align:top; margin:0 0 30px 0;padding:0;}
div.col0 { width:100%; }

div.col1 ul li a {margin-top:0; padding:0}
div.col1 ul {margin-top:0; padding:0}
div.col1 ul li {margin-top:0; padding:0}

/* blocks */
div.info-block{ display:inline;width:30%;float:left;  height:auto;  padding: 1em 2em 1em 2em;  margin: 0 4em 0 2em;}
div.info-block h2 {margin: 0 0 0.8em 0;}
div.info-block ul{  float:left;  list-style:none; margin:0; padding:0;}
div.info-block ul li{ border:0px solid #ccc;margin:0;  float:none; padding:  2px 5px 2px 14px; background:  url(http://www.williams.edu/includes/images/williams-bullet.gif) 1px 0.6em no-repeat; }

div.info-block ul li:hover{  background: #f4f9ff url(http://www.williams.edu/includes/images/williams-bullet-alt.gif) 3px 0.7em no-repeat;   color:inherit;}



div.info-block ul li a {background:none; text-decoration:none;}
div.info-block ul li a:hover {text-decoration:underline;}

div.info-block ul li.sub ul  { border:0px solid #ccc;float:none;left:15px; margin-top:10px; position:relative;}
div.info-block ul li.sub span{color:#632482;  background-color:inherit;}
div.info-block ul li.sub {}
div.info-block ul li.sub:hover  { float:none; background-color:inherit; color:inherit;}
div.info-block ul li.sub ul li { padding:  0px 5px 0px 14px; font-size:0.9em;}

/*div.info-blok ul li a, div.info-bock ul li a:visited, div.ino-block ul li a:link {padding:  0.5em 0.5em 0.7em 1.3em;   background:  url(http://www.williams.edu/includes/images/williams-bullet.gif) 0 0.9em no-repeat;}*/
/*div.info-bloc ul li a:hoer {    background:  url(http://www.williams.edu/includes/images/williams-bullet-alt.gif) 0 0.9em no-repeat;  }*/

ul.circle {margin-left:2em;}

ul.ul-circle li ,ul.circle li {list-style-type:none;
margin:0;
padding-left:1.2em;
padding-bottom:0em;
background-image: url(/includes/images/goldcircle.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
line-height:1.2em;
}
ul.ul-circle li a,ul.circle li a{background:none;}

ul.circle ul li {margin:0; padding:0 0 0 1.0em;}
ul.circle ul {margin:0.8em 0 0.8em 0;}

ul.ul-circle h4, ul.ul-circlea h4, ul.ul-bullet h4 {line-height:1.3em;}


ul.arrows li{ border:0px solid #ccc;margin:0;  float:none; padding:  2px 5px 2px 14px; background:  url(http://www.williams.edu/includes/images/williams-bullet.gif) 1px 0.6em no-repeat; }
ul.arrows li:hover,ul.arrows li.over{  background:  url(http://www.williams.edu/includes/images/williams-bullet-alt.gif) 3px 0.7em no-repeat;  }


ul.ul-bullet li a, ul.ul-bullet li a:visited, ul.ul-bullet li a:link {white-space:normal;padding:  0.5em 0.5em 0.5em 1.3em;background:  url(http://www.williams.edu/includes/images/williams-bullet.gif) 0 0.9em no-repeat; }
ul.ul-bullet li a:hover {  background:  url(http://www.williams.edu/includes/images/williams-bullet-alt.gif) 0 0.9em no-repeat;}

ul.ul-circlea li a, ul.ul-circlea  li a:visited, ul.ul-circlea  li a:link {white-space:normal;padding:  0.5em 0.5em 0.5em 1.3em;background:  url(http://www.williams.edu/includes/images/goldcircle.gif) 0 0.9em no-repeat;}


ol.alpha {margin:5px 0 5px 0;}
ol.alpha li {list-style-type:lower-alpha; background:none; margin-left:2em; padding-left:0; }


#contentBody .submit {font-size:1.2em}

.error {color:#990000; font-weight:bold; background:inherit;}
.success {color:#5176a9;font-weight:bold;background:inherit;}

div.messages {padding:5px; border:1px dotted #ccc; background-color:#F8F8F8; margin:5px 0 10px 0; color:inherit;}
div.error, div.success {margin:0 0 10px 0;}
div.error ul, div.success ul{margin:0;}
div.error span.date, div.success span.date {margin-right:20px;}

.purple { color:#632482; background-color:inherit;}
.bold { font-weight:bold;}

img.purple-border {  border:2px solid #beadcd; }
img.rightspace,img.align-left {margin-right:20px; margin-bottom:10px;}
img.align-right {margin-left:20px; margin-bottom:10px;}

div.img-caption,div.img-caption-r {display:table; float:left;}
div.img-caption p, div.img-caption-r p {display:table-cell;}
div.img-caption img , div.img-caption-r img{border:2px solid #beadcd;}
div.img-caption img {margin-right:20px; margin-bottom:10px; }
div.img-caption-r img {margin-left:20px; margin-bottom:10px;}

div.img-caption p, div.img-caption-r p, div.img-caption p.caption,div.img-caption-r p.caption  {
 text-align: left;
 font-style: italic;
 font-size: smaller;
 text-indent: 0;
 display: table-caption;
 caption-side:bottom;
}


div.img-caption-r {float:right;}

div.img-caption-r p  {
  text-align: right;
}

.horizontal_dotted_line {float:left;display:block;width: 85%;padding:5px;margin: 8px 0 8px 0;color:#333333;background: #fff url(../images/williams-menu-sep.gif) left top repeat-x; }		



.grayfade {margin:0 0 1em 0;}
.grayfade table {margin: 0; padding: 0; border-collapse: collapse; width: 100%; }
.grayfade  td, .grayfade  th {padding: 10px 4px; border-bottom: 1px solid #EEE; }
.grayfade td.blank, .grayfade  th.blank { background:none; background-color:white;}
.grayfade  td + td {border-left: 1px solid #FAFAFA; }
.grayfade  td#first,  .grayfade  th#first{width:200px;} 

.grayfade  td + td + td {border-left: none;}
.grayfade  td a {color: #444; text-decoration: none; text-align: right;}
.grayfade  td a, .grayfade  th a {display: block; width: 100%;}
/*#about td a:hover {background: #444; color: #FFF;} */
.grayfade  tfoot th {text-align: right;}
.grayfade  th {text-align: left;}
.grayfade th + th {}
.grayfade  th + th + th {text-align: left;}
.grayfade  th a {text-decoration: none; font-size: 1.1em;}
.grayfade  th a:visited {}
.grayfade  th a:hover {color:#0066CC}
.grayfade  thead tr, {color: #555; font-size: 0.8em;}
.grayfade  tr { background: url(../images/grayfade.png) repeat-x #F8F8F8; }
/*#about tr:hover {background: #FFF;} */

ul.circle li a.pdfLink,a.pdfLink {background: url(../images/pdf.gif) no-repeat 100% .5em; padding-right: 19px;     }