		/* CSS Document */


		/* Template */

body { behavior: url("csshover3.htc"); } 

#wrapper {
	position: relative;
	width: 805px;
	height: auto;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-color: #3D58A7;
	border: 1px solid #3D58A7;
}

#wrapper #banner {
	background-color: #6FCCDD;
	float: none;
	clear: both;
}
#wrapper #bannertext {
	background-color: #3D58A7;
	vertical-align: middle;
}
#wrapper #navigation {
	background-color: #3D58A7;
	width: 145px;
	position: relative;
	float: left;
	height: inherit;
}

#wrapper #navigation ul {
	list-style-type: none;
	color: #FFFFFF;
	position: relative;
	left: 5px;
	top: 5px;
	width: 135px;
	margin: 0;
	padding: 0;
}
#wrapper #navigation ul ul {
	list-style-type: none;
	color: #FFFFFF;
	position: absolute;
	top: -2px;
	left: 134px; /* to position them to the right of their containing block */
	width: 200px;  /* 170px to remove year in programs menu */
	z-index:10;
}
#wrapper #navigation ul ul li {
	border: 1px solid #6FCCDD
}
#wrapper #navigation ul ul ul {
	list-style-type: none;
	color: #FFFFFF;
	position: absolute;
	top: -2px;
	left: 199px; /* to position them to the right of their containing block */  /* 169px to remove year in Programs menu */
	width: 195px;
}
#wrapper #navigation #nav li a:hover{
	/*color: #3D58A7;  is this needed?  */
	display: block;
} 

#wrapper #navigation a {
	display: block;
	margin: 0;
	padding: 3px;
	color: #FFFFFF;
	text-decoration: none;
	/*line-height: 25px;  adjusts height of menu blocks*/
}

#wrapper #navigation a:hover {
	color: #3D58A7;
	background: #FFFFFF;
	display: block;
}

#wrapper #navigation li {
	/* make the list elements a containing block for the nested lists */
	position: relative;
	display: block;
} 
#wrapper #navigation ul li {
	border: 1px solid #3D58A7;
} 


		/* Begin dynamic navigation menus */

div#wrapper #navigation ul ul,
div#wrapper #navigation ul li:hover ul ul {
	display: none;
}

div#wrapper #navigation ul li:hover ul,
div#wrapper #navigation ul ul li:hover ul {
	display: block;
	background: #3D58A7;
	border: 1px solid #6FCCDD
}
div#wrapper #navigation li:hover, div#wrapper #navigation li.sfhover {  /* Changes background color of higher menus on hover */
	/*background-color: #FFFFFF;*/
	border: 1px solid #FFFFFF;
}
/*div#wrapper #navigation ul li a:hover, div#wrapper #navigation ul li a.sfhover {  /* Changes background color of higher menu text on hover /
	color: #3D58A7;
}*/

		/* End dynamic navigation menus  */





#wrapper #footer {
	font-size: 85%;
	background-color: #6FCCDD;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3D58A7;
	clear: both;
	color: #3D58A7;
}
#wrapper #pagecontent {
	float: left;
	position: static;
	left: 181px;
	top: -492px;
	width: 636px;
	min-height: 492px;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #6FCCDD;
	background-color: #FFFFFF;
	clear: none;
	/*text-align: justify;*/
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align: top;
}

		/* End Template */

		/* Text formatting */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
h1{
	background-color: #FFCC66;
	text-indent: 25px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	font-size: 20pt;
	text-transform: capitalize;
}
h2{
	background-color: #FFCC66;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	font-size: 16pt;
	text-transform: capitalize;
	text-align: center;
}
h3{
	font-weight: bold;
	text-decoration: underline;
	font-size: 12pt;
}
.ImportantCalendarDate {
	color: #FF0000;
	font-weight: bold;
}
.CalendarText {
	font-size: 11px;
}
.BannerText {
	color: #FFCC66;
	font-size: 18pt;
	font-weight: bold;
}
.FacName {
	font-weight: bold;
	text-decoration: underline;
}
.FacTitle {
	color: #666666;
	font-style: italic;
}

		/* End Text Formatting */



#wrapper #pagecontent #upcomingevents {
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
	max-width: 300px;
	/* font-size: 12px; */

	font-size: 20pt;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
}
#wrapper #pagecontent #upcomingevents th {
	border: 1px inset #3D58A7;
}
#wrapper #pagecontent #upcomingevents td {
	vertical-align: top;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border: 1px inset #3D58A7;
}
#wrapper #pagecontent #upcomingevents {
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px inset #3D58A7;
	max-width: 300px;
	font-size: 12px;
	text-align: left;
}
img.front {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	border: 1px solid #666;
	padding: 10px;
}
#wrapper #pagecontent #NAMTA {
	color: #000000;
	text-align: center;
}
#wrapper #pagecontent #faculty #facphoto {
	float: left;
	margin: 5px;
}
#wrapper #pagecontent #address {
	left: 25px;
	position: relative;
	top: 15px;
	z-index: 0;
	width: 600px;
}
#wrapper #pagecontent table {
}
#wrapper #pagecontent td {
	border: 1px inset #000000;
	padding-right: 5px;
	padding-left: 5px;
}
img.indexpic1 {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}
img.indexpic2 {
	float: left;
	padding-top: 5px;
	padding-right: 5px;
}
img.PhiMispic1 {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}
