/*--- reunion_template ---*/
div.reunion_template{ position: relative; font-family: 'palatino linotype', verdana, tahoma, sans-serif;
                      border: 3px #680000 solid; border-top-width: 0;
                      background: #DFDFDF; margin: 10px 0;}
div.reunion_template div.reunion_title{ font-size: 1.5em; font-weight: bold; text-align: center;
              border: 3px #680000 solid; border-left-width: 10px; border-right-width: 10px;
              padding: 5px; background: #680000; color: rgb(222,184,135); /*BurlyWood;*/ }
  /* For Info put in tables */
div.reunion_template table.reunion_information{ width: 80%; font-family: arial, sans-serif; font-size: 12px; }
div.reunion_template table.reunion_information td{ vertical-align: top; padding-left: 10px; }
div.reunion_template table.reunion_information td.value{ border: 1px dotted; padding: 5px 10px; }
  /* For Info put in tables */
div.reunion_template div.reunion_information{ text-align: center; padding: 10px; }         /* For info put in <div></div> */
div.reunion_template *.reunion_information{ font-family: arial, sans-serif; }  /* For all reunion_information */
div.reunion_template a{ color: yellow; }
div.reunion_template a:hover{ color: white; background: #AAAAAA; }

/*--- disclaimer ---*/
div#disclaimer{ border: 0px solid maroon; border-left-width: 20px; border-top-width: 1px; padding: 10px 0 10px 20px; }

/*--- announcement ---*/
div.announcement{ border: 5px double #680000; text-align: left;
                    margin: 10px 10%; padding: 0; /*position: relative;*/ }
div.announcement div.headline, div.announcement h2{ font-size: large; margin: 0;
                    margin-bottom: 0.25em;
                    font-family: 'monotype corsiva', 'palatino linotype', verdana, tahoma, sans-serif;
                    padding: 0.25em 1em; background: white; color: #680000; }
div.announcement div.headline div.subheadline{ font-size: 0.85em; }
div.announcement div.body{ padding: 5px; margin: 0; background: #DFDFDF; text-align: left; }
div.announcement a{ color: rgb(25,25,112); /*MidnightBlue;*/ font-weight: bold; }
div.announcement a:hover{ color: rgb(25,25,112); /*MidnightBlue;*/ text-decoration: underline; }

/*--- Extra Classes ---*/
.left{ text-align: left; }
.postInfo{ font-size: 11px; font-weight: bold; text-indent: 1.5em;
  border-bottom: 1px solid #999; }
span.special{ font-size: 12px; background: #680000; color: #FFFFFF; font-weight: bold; padding: 2px 5px;
  line-height: 16px; }

/*--- ID's ---*/
div#last-updated{ position: absolute; top: 10px; right: 10px; color: #FFFFFF;
                  font-weight: bold; width: auto; }
                  
/*--- Menu Links ---*/
div.menuLinks{ margin: 10px 3px; border: 3px outset rgb(175,175,175); padding: 5px 2px;
        background: rgb(225,225,225); color: black; text-align: center; width: 159px; }
div.menuLinks div.title{ font-weight: bold; font-size: smaller; border-bottom: 1px solid black;
        margin-bottom: 3px; text-decoration: none; }
div.menuLinks a{ font-family: verdana, sans-serif; color: #400000; font-weight: bold;
        padding: 1px 3px; display: block; }
div.menuLinks a:hover{ color: white; }

/*--- JHS Alumni Association News styles ---*/
div.news
{
	margin: 5px auto; border: 6px double #680000; padding: 10px; width: 75%; 
	clear: both; 
}
div.news div.header{}
div.news div.header div.headline
{
	font-family: 'monotype corsiva', 'palatino linotype', verdana, tahoma, sans-serif;
	font-weight: bold; font-size: large;
	margin: 0; margin-bottom: 0.25em;	padding: 0.25em 1em; 
	background: white; color: #680000;
}
div.news div.header div.postInfo{}
div.news div.body{  }
div.news div.body h1{ text-align: center; font-size: large; }
div.news div.body a{ font-weight: bold; }

div.pullquote
{
	border: 3px solid maroon; border-left: 0; border-right: 0; width: 200px; 
	font-weight: bold; font-size: small; margin: 3px; padding: 5px 10px;
}
div.pqLeft{ float: left; margin-right: 10px; }
div.pqRight{ float: right; margin-left: 10px; }

img{ border: 0; }