body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
}

/* Paragraph tag - set all text to justify */
p {
	text-align:justify;
}

p.left {
	text-align:left;
}

div {
	background-color:#FFFFFF;	/* keep backgrounds of areas white */
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	/*font-style: bold;*/
	
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	/*font-style: bold;*/
}

.MenuListText
{
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
}
.SubMenuListText
{
	font-size:14px;
}
/*****************************************************************
 MAIN - This tag id sets the position for the main content of a page
*******************************************************************/
#main {
	/*margin: 2%;*/
	/*margin-right: 240px;	/* specifies the distance of the material at the center of the page to the right edge */
	position:relative;
	/*left:210px; 
	top: 10px;*/
	
	padding: 0px;
	height: auto;  /* automatically scale the area vertically */
	width: 100%;    /* establish total width - maintains some margin on the right side */
	border: 1px solid #BBBBBB;
}
/*************************************************
 BOX - contains subsections in the main section - automatically 
       attaches at the bottom
*******************************************************/
#box {
	position: relative;
	margin: 10px;
	padding: 10px;
	height: auto;
	width: auto;
	/*border: 1px solid #BBBBBB;*/
	border-top:1px solid #BBBBBB;
	/*border-left:1px solid #BBBBBB;*/
}

/*************************************************
 TITLE - contains subsections in the title - automatically 
       sets the color and padding, to be located
	   at the top of the main section
*******************************************************/
#title {
	position:relative;
	/*position:absolute;
	left:190px; 
	top: 10px;*/
	background-color:#2B3E63;
	margin: 5px;
	padding: 5px;
	/*height: 68px;*/
	height: auto;
	/*width: 61%;*/
	/*border: 1px solid #BBBBBB;*/
}
/* sets the font size, color, and family for titlebar text */
.title {
	text-align:center; /*center;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 28px;
	color:#FFFFFF;
}


/************************************************************
 MENU - This tag id sets the position for all page menu bars
*************************************************************/
#menu {
	/*background-color: #3C5597; */
	/*position: absolute;  ******************/
	position: relative;
	/*left: 10px;	/* specifies how far from the left to place the menu */
	/*top: 10px; /* specifies how far from the top to place the menu */
	padding: 0px; 
	height: auto; /* automatically scale the area vertically */
	width: 200px; /* sets a specific width for the menu */
	/*width: 15%;*/
	padding: 20px 0px 20px 0px;
	border: 1px solid #BBBBBB;
}

img.logo {
	width: 180px; /* make sure this is the same as #menu's width */
}


/********************************
 LINK colors
*********************************/
a:link {
	/*color: #666666;*/
	color: #2B3E63;
	text-decoration: none;
}
a:active {
	color: #993300;
	text-decoration: none;
}
a:visited {
	/*color: #525DB6;*/
	color: #666666;
	text-decoration: none;
}
/*********************************/

/* Table pseudo-class for the faculty page. */
table.faculty {
	/*border: 1px solid #BBBBBB;*/
	width: 95%;
	text-align: center;
	/*border-collapse:separate;*/
}

/* Table containing a picture and description pair */
table.photo {
	/*border: 1px solid #BBBBBB;*/
	/*text-align: center;	*/
}

.studentOfMonth {
	width:130px;
}

.photo_picture {
	text-align:center;
	width:auto;
	height:auto;	
	padding:10px;
	/*border: 1px solid #BBBBBB;*/
}

.photo_description {
	padding:5px;
	width:auto;
	/*width:25%;*/
	height:auto;
	/*border: 1px solid #BBBBBB;*/
}

.gallery_picture {
	text-align:center;
	width:auto;
	height:auto;	
	padding:20px;
	padding-right:5px;
	/*margin:10px;*/
	/*border: 1px solid #BBBBBB;*/
}

.gallery_description {
	padding:10px;
	/*width:auto;*/
	width:25%;
	/*margin:10px;*/
	/*padding:20px;*/
	margin-right:20px;
	height:auto;
	/*border: 1px solid #BBBBBB;*/
}


img.thumb {
	/*width:240px;*/
	height:150px;
	border:0px;
}

/*td.photo_description {
	padding:5px;
	width:100px;
	height:auto;
}*/


/* Table heading pseudo-class for (most?) table headings. */
th.heading {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
}


/* Main Layout */
/*   Menu's area */
.menu_cell {
	width:190px;
	vertical-align:top;
	padding:10px;
	/*border: 1px solid #BBBBBB;*/
}
/*   Main Page's area */
.main_cell {
	width:auto;
	vertical-align:top;
	padding:10px;
	/*border: 1px solid #BBBBBB;*/
}

.page_table {
	width:95%;
	align:center;
}

.layout_photo {
	width:50%;
	padding:10px;
	height:auto;
}