body{
	font-family:arial,helvetica,sans-serif;
	font-size:12pt;
}
a{
	color:blue;
}
a:visited{
	color:blue;
}
a:hover{
	color:red;
}
p{
 text-indent:10px;
}
/**********************************************************/
/* Classes having to do with information on the main page */
/**********************************************************/
.whereWhenInfo{
	font-family:arial, helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
	color: #000000;
}
.newsItemTitle{
	font-size:10pt;
	font-weight:bold;
}
.sectionTitleLevel1{
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	width:100%;
	padding-right:10px;
	vertical-align:middle;
	border-bottom:solid 1px black;	
}
.sectionTitleLevel2{
	font-size:10pt;
	font-weight:bold;
	text-align:right;
	width:40%;
	padding-right:10px;
	text-indent:10px;
	border:solid 1px black;
	border-bottom:solid 0px black;
	background-color:#E3AA80;
}
.sectionBody{
	background-color:#EFEFEF;
	border:solid black 1px;
}
/*****************************************************/
/* Classes having to do with the overall site layout */
/*****************************************************/
.pageTitle{
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	font-size:14pt;
}
.contentArea{
	width:100%;
	vertical-align:top;
	border-right:solid 9px white;
}
.layoutOuterTable{
	border:0px;
	padding:0px;
	border-spacing:0px;
	width:100%;
	height:100%;
	background-image:url('../images/backGroundMarble.jpg');
	background-repeat:repeat-x;
}
/* Classes for the "document" part of the layout (the part that's drop-shadowed) */
.layoutDoc{
	width:100%;
	height:100%;
	border-top:solid 20px black;
}
.layoutDocHeader{
	background-color:#979439;
	font-size:0px;
	height:8px;
}
.menuBG{
	color:#727272;
	vertical-align:top;
	font-family:georgia;
	border:solid 1px black;
	padding:10px;
	background-color:#EFEFEF;
	width:0px;
}
.menuHR{
	background-color:#979439;
	width:100%;
	height:4px;
}
.menuList{
	list-style-image:url('../images/menuBullet.png');
}
.menuLink{
	color:#727272;
	text-decoration:none;
}
.menuLink:hover{
	color:red;
	text-decoration:none;
}
/*******************************************************/
/* Classes having to do with the classmates search box */
/*******************************************************/
.classmatesSearchBox{
    border:solid 1px black;
	border-collapse:collapse;
}
/* Class that controls the look of the search box header */
.classmatesSearchBoxHeader{
    font-weight:bold;
    background-color:#E3DD80;
    border-bottom:solid 1px black;
	text-align:left;
}
/* Class that controls the look of the search field */
.classmatesFormField{
    background-color:#DDDDDD;
    font-family:arial;
    font-size:11pt;
	font-weight:normal;
    border:solid 1px black;
    width:180px;
}
.classmatesFormFieldRequired{
	background-color:#E3DD80;
	color:black;
	font-weight:bold;
    font-family:arial;
    font-size:11pt;
	font-weight:normal;
    border:solid 1px black;
    width:180px;
}
/* Class that controls the look of the search fields' label */
.classmatesSearchLabel{
	font-weight:bold;
	font-family:arial,helvetica,sans-serif;
	font-size:10pt;
	text-align:left;
	color:black;
}
.statusSearchFieldsBox{
	padding:0px;
	border-spacing:0px;
	margin:0px;
}
/* Class that controls the look of the search button */
.classmatesSearchButton{
	/* width:100%;*/
	height:25px;
	font-family:arial,helvetica,sans-serif;
	font-weight:bold;
	font-size:10pt;
	background-color:#000000;
	color:#E3DD80;
	border:double 3px #AAAAAA;
}
/* Class that controls the cell containing the search button */
.classmatesSearchButtonCell{
    text-align:right;
	padding-top: 5px;
	padding-right:5px;
	padding-bottom:5px;
}
/*******************************************************/
/* Classes having to do with the view classmates table */
/*******************************************************/
.classmatesTable{
    font-size:10pt;
    width:100%;
	border:solid 1px black;
	border-spacing:1px;
	padding:0px;
}
/* Classes that control the odd/even row style of the classmates table */
tr.classmatesRowOdd{
    background-color:#E3DD80;
}
tr.classmatesRowEven{
    background-color:#FFFFFF;
}
/* Class for the table column headers */
.classmatesColumnLabels{
    background-color:#111111;
	color:white;
	height:25px;
    text-align:left;
    font-size:11pt;
}
/* Class for the cells containing classmates info */
td.classmateInfo{
    vertical-align:top;
}
/* Class for the message telling the user their search produced no results */
.noResultFoundMessage{
    font-weight:bold;
    font-size:12pt;
}
/* Class used for the classmate's email hyperlink */
a.classmateEmailHyperlink{

}
/* Class that controls the look of the "1-N of N" text for chunking */
.chunkingText{
    font-family:arial,helvetica,sans-serif;
    font-size:10pt;
}
.chunkHyperlink{
    font-size:10pt;
    font-family:arial,helvetica,sans-serif;
}
.chunkLabel{
	font-family:arial, helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
}
.titleText{
	color:#ADAA41	;
	font-family:tahoma;
	font-weight:bold;
	font-size:16pt;
}
/************************************************/
/* Classes having to do with the details window */
/************************************************/
.detailsWindowMain{
	visibility:hidden;
	position:absolute;
	left:150px;
	top:120px;
}
.detailsTitle{
	font-size:16pt;
}
.detailsLabel{
	font-weight:bold;
}
.detailsPictureLabel{
	font-size:14pt;
}
.detailsPictureCell{
	vertical-align:top;
}	
.detailsTopEdge{
	width:100px;
}
.detailsRightEdge{
	background-image:url('../images/detailsBorderRight.png');
}
.detailsBottomEdge{
	background-image:url('../images/detailsBorderBottom.png');
}
.detailsBody{
	background-color:#EFEFEF;
}
/********************************************************/
/* Classes having to do with the update classmates form */
/********************************************************/
.requiredFieldsMessage{
	color:black;
	font-weight:bold;
}
.requiredFieldsMessageGold{
	color:#ADAA41;
	font-weight:bold;
}

/******************************************/
/* Classes having to do with the shoutbox */
/******************************************/

#shout {
	width:192px;
	height:auto;
	border:1px solid #e6e6e6;
	padding:5px;
	background:#333;
	color:#fff;
	margin:0 auto 0 auto;
}

#shout_contents {
	width:180px;
	padding:5px;
	height:250px;
	border:1px dotted #e6e6e6;
	overflow:auto;
	font-size:9pt;
	color:#fff;
	background:#006;
}

#shout_contents p {
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #e6e6e6;
	width:160px;
}

.date {
	color:#a6c3ff;
}

.note {
	clear:both;
	color:#a6c3ff;
	font-size:8pt;
	padding:5px;
	text-align:center;
}

#shout_form {
	padding:5px;
	width:180px;
	border:1px solid #000;
	border-top:0;
}

#shout_form form {
	margin:0;
	padding:0;
}

#shout_form form input {
	width:110px;
	height:15px;
	margin:0;
	padding:0;
	font-size:8pt;
	background:#000;
	border:1px solid #999;
	color:#fff;
}

#shout_form button {
	width:60px;
	height:18px;
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	padding:0;
	color:#fff;
	background:#006;
	border:0;
}

#shout_form button:hover {
	background:#a6c3ff;
	color:#006;
}