/* =========================================================================================== */
/* =========================================================================================== */
/* global style rules & layout */

		body {
			background-color: #fff;
			background-image: url("../_images/body_background.gif");
			background-repeat: repeat-x;
			padding: 0px;

			font-family: arial, helvetica, verdana, sans-serif;
			color: #1E5EA9;
			font-size: 110%;
		}

	/* page div produces the 1px border around all pages */

		div#page {
			border: 1px solid #1E5EAA;
			width: 976px;
			margin: auto;
			position: relative;
			padding-bottom: 70px;
		}
			/* begin "clearfix" hack */
			div#page:after {
			    content: ".";
			    display: block;
			    height: 0;
			    clear: both;
			    visibility: hidden;
			}
			div#page {display: inline-block;}
			/* Hides from IE-mac \*/
			* html div#page {height: 1%;}
			div#page {display: block;}
			/* End hide from IE-mac */
			/* end clearfix */
           
       div#mainpage {
           position:relative;
       }

	/* logo top left */

		h1#logo {
			margin: 0px;
			width: 410px;
			height: 208px;
			text-indent: -9999px;
			background-image: url("../_images/logo.gif");
			background-repeat: no-repeat;
		}

	/* main menu at left */

		ul#menu {
			float: left;
			margin: 0px;
			padding: 5px 0px 10px 16px;
			list-style-type: none;
			min-height: 569px;
			width: 140px;
			position: relative;
			left: -1px;
			background-image: url("../_images/menu_background.gif");
			background-repeat: no-repeat;
			background-position: bottom left;
		}
			ul#menu li
            {
                display: block;
                margin-top: 8px;
            }
			ul#menu a {
				display: block;
				height: 80px;
				width: 80px;
				border: 2px solid #204392;
				text-decoration: none;
				color: #1E5EA9;
				background-color: #ccc;
				text-align: center;
				font-size: 85%;
				font-weight: bold;
			}
			ul#menu a:visited {
				text-decoration: none;
				color: #1E5EA9;
			}
			ul#menu a:hover {
				text-decoration: none;
				color: #000;
			}

			/* colours and styles for each section box */
			ul#menu li.section0 a {
				background-color: #FCEF42;
				height: 50px;
				padding-top: 30px;
			}
				ul#menu li.section0 a:hover {
					background-color: #FAF8AC;
				}

			ul#menu li.section1 a {
				background-color: #F3B1D0;
				height: 55px;
				padding-top: 25px;
			}
				ul#menu li.section1 a:hover {
					background-color: #FBE3EE;
				}

			ul#menu li.section2 a {
				background-color: #95D3E7;
				height: 55px;
				padding-top: 25px;
			}
			ul#menu li.section2 a:hover {
				background-color: #D9EFF6;
				height: 55px;
				padding-top: 25px;
			}

			ul#menu li.section3 a {
				background-color: #CFB4D5;
				height: 55px;
				padding-top: 25px;
			}

			ul#menu li.section4 a {
				background-color: #E95F28;
				height: 55px;
				padding-top: 25px;
			}

			ul#menu li.section5 a {
				background-color: #9BAF3A;
				height: 55px;
				padding-top: 25px;
			}

			/* styles for submenu items (second level menus) */

			ul#menu ul {
				margin: 10px 0px 20px 0px;
				padding-left: 0px;
				font-size: 90%;
				line-height: 1;
				/* sorry hack to control IE6 flakiness */
				position: relative;
			}

			ul#menu ul li {
				display: list-item;
				list-style-type: none;
				height: auto;
				border: 0;
				margin: 0px 0px 10px 3px;
				padding-left: 20px;
				background-repeat: no-repeat;
				background-position: 0px 4px;
			}
				ul#menu li.section0 ul li {
					background-image: url("../_images/bullet_yellow.gif");
				}
				ul#menu li.section1 ul li {
					background-image: url("../_images/bullet_pink.gif");
				}
				ul#menu li.section2 ul li {
					background-image: url("../_images/bullet_blue.gif");
				}

			ul#menu ul li a {
				display: inline;
				height: auto !important;
				width: auto !important;
				text-decoration: none;
				background-color: transparent !important;
				color: #1E5EA9;
				text-align: center;
				border: 0;
				padding-top: 0px !important;
				font-weight: normal;
			}
			ul#menu ul li a:visited {
				text-decoration: none;
				color: #1E5EA9;
			}
			ul#menu ul li a:hover {
				text-decoration: none;
				color: #000;
				background-color: transparent !important;
			}

			/* "lit" states, to highlight current page in submenus */
			ul#menu ul li a.lit {
				font-weight: bold;
			}

	/* content DIV holds main text block */

		div#content {
			margin-left: 210px;
			margin-right: 50px;
			line-height: 1.5;
		}

	/* orange tagline, bottom right */

		div.tagline {
			position: absolute;
			bottom: 10px;
			right: 20px;
			color: #F58549;
			font-weight: bold;
			font-size: 120%;
		}

	/* crumb trail menus, top right */

		ul#crumb {
			position: absolute;
			top: 0px;
			right: 0px;
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 75%;
		}

		ul#crumb li {
			display: block;
			float: right;
			margin: 0;
			padding: 0;
		}

		ul#crumb a {
			display: block;
			color: #1E5EA9;
			text-decoration: none;
			background-image: url("../_images/menu_arrow.gif");
			background-position: 7px 11px;
			background-repeat: no-repeat;
			padding: 12px 20px 12px 40px;
		}
		ul#crumb a.lit {
			background-image: none;
			padding: 12px 20px 12px 20px;
		}

		ul#crumb li.home a {
			background-color: #E2CDE4;
			text-transform: uppercase;
		}
		ul#crumb li.section0 a {
			background-color: #FCEF42;
		}
		ul#crumb li.section1 a {
			background-color: #FACBE0;
		}
		ul#crumb li.section2 a {
			background-color: #B0E1ED;
		}


	/* style & layout rules for the footer */

		div#footer {
			width: 976px;
			margin: auto;
			position: relative;
			font-size: 70%;
			color: #666666;
		}

			div#footer p {
				margin-top: 0px;
			}

			div#footer p#toolbar
            {
                margin-top: 10px;
                float: right;
                text-align:right;
                line-height:1.6em;
            }

			div#footer p#legal {
				margin-top: 10px;
                width:150px;
                text-align:center;
                line-height:2em;
                float:left;
                
			}
            
            div#footer p#legal #copy {
                font-size:8pt;
            }

			/*
			  
			div#footer a {
				color: #666666;
				text-decoration: none;
			}
			div#footer a:visited {
				color: #666666;
				text-decoration: none;
			}
			div#footer a:hover {
				color: #F58549;
				text-decoration: none;
			}
			*/




/* =========================================================================================== */
/* =========================================================================================== */
/* common formatting and special classes */

	/* hyperlinks */

		div#content a {
			text-decoration: underline;
		}

		div#content a:hover {
			color: #1E5EA9;
		}

	/* page headers */

		h2 {
			font-size: 130%;
		}
		h2 strong {
			color: #F58549;
		}

		h3 {
			font-size: 115%;
		}

		h4 {
			font-size: 100%;
		}

	/* classes used to format ULs in page content */

		div#content ul {
			list-style-type: none;
			position: relative;
		}

			div#content ul li {
				padding-left: 20px;
				margin-bottom: 10px;
				background-repeat: no-repeat;
				background-position: 0px 8px;
			}
			div#content ul li.programs {
				background-image: url("../_images/bullet_yellow.gif");
			}
			div#content ul li.mission {
				background-image: url("../_images/bullet_pink.gif");
			}
			div#content ul li.alumni {
				background-image: url("../_images/bullet_blue.gif");
			}

	/* quote boxes, with quotation mark graphics, etc */

		p.quote {
			background-image: url("../_images/quote_open.gif");
			background-repeat: no-repeat;
			background-position: 0px 0px;
			width: 60%;
			color: #B6C556;
			line-height: 1.75;
			margin-top: 40px;
			padding-left: 55px;
		}
		p.quote em {
			background-image: url("../_images/quote_close.gif");
			background-repeat: no-repeat;
			background-position: bottom right;
			font-style: normal;
			display: block;
			padding-right: 30px;
		}
		p.quote strong {
			font-weight: normal;
			margin-left: 40px;
		}

	/* classes used to add decorative imagery to "content" DIVs */

		div.photo {
			padding-right: 260px;
		}

		div.kids {
			background-image: url("../_images/photo_kids.jpg");
			background-repeat: no-repeat;
			background-position: 450px 30px;
		}


	/* addresses */
	div#content address {
		font-style: normal;
		margin: 0 0 20px 0;
	}

	/* tables 
	div#content table {
		margin: 0 0 20px 0;
		width: 100%;
	}
		div#content table tr {
			vertical-align: top;
		}
		div#content table th {
			background-color: #1E5EA9;
			color: #fff;
			padding: 4px 6px;
		}
		div#content table td {
			padding: 4px 6px;
		}*/

	/* highlighted / orange text */
	div#content strong.highlight {
		color: #F58549;
	}


	/* multiple columns */
	div#content div.col1,
	div#content div.col2 {
		display: inline;
		float: left;
		width: 45%;
	}
	div#content div.col2 {
		margin-left: 5%;
	}


/* =========================================================================================== */
/* =========================================================================================== */
/*  */



/* =========================================================================================== */
/* =========================================================================================== */
/*  */



/* =========================================================================================== */
/* =========================================================================================== */
/*  */


/*
Clear floats so content beneath will flow
normally. This class must be attached to any
parent that has a floated child.
*/
.clearfix:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height: 0;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */

/* =========================================================================================== */
/* =========================================================================================== */
/*  */

    /* ****** ALI SECTION ******* */

	/* Main Menu, left
	    See ul#menu li & ul#menu li.sectionX */


	/* Breadcrumbs, top right */

div#navigation {
    position:relative;
}

div.breadCrumbs
{
	position:absolute;
    width:100%;
    top: 0px;
	right: 0px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 75%;
    height:40px;
}
div.breadCrumbs span {
    float:right !important;
    height:40px;
}

div.breadCrumbs a
{
    color: #1E5EA9;
    text-decoration: none;
}

div.breadCrumbs a.homeURLcrumb
{
    display: inline-block;
    background-color: #E2CDE4;
    text-transform: uppercase;
			color: #1E5EA9;
			text-decoration: none;
			background-image: url("../_images/menu_arrow.gif");
			background-position: 7px 11px;
			background-repeat: no-repeat;
			padding: 12px 20px 12px 40px;
}
div.breadCrumbs a.section0
{
    display: inline-block;
	background-color: #FCEF42;
			color: #1E5EA9;
			text-decoration: none;
			background-image: url("../_images/menu_arrow.gif");
			background-position: 7px 11px;
			background-repeat: no-repeat;
			padding: 12px 20px 12px 40px;
}
div.breadCrumbs a.section1 
{
    display: inline-block;
	background-color: #FACBE0;
			color: #1E5EA9;
			text-decoration: none;
			background-image: url("../_images/menu_arrow.gif");
			background-position: 7px 11px;
			background-repeat: no-repeat;
			padding: 12px 20px 12px 40px;
}
div.breadCrumbs a.section2 
{
    display: inline-block;
	background-color: #B0E1ED;
			color: #1E5EA9;
			text-decoration: none;
			background-image: url("../_images/menu_arrow.gif");
			background-position: 7px 11px;
			background-repeat: no-repeat;
			padding: 12px 20px 12px 40px;
}
div.breadCrumbs a.section3 
{
    display: inline-block;
	background-color: #CFB4D5;
			color: #1E5EA9;
			text-decoration: none;
			background-image: url("../_images/menu_arrow.gif");
			background-position: 7px 11px;
			background-repeat: no-repeat;
			padding: 12px 20px 12px 40px;
}
div.breadCrumbs a.section4 
{
    display: inline-block;
	background-color: #E95F28;
			color: #1E5EA9;
			text-decoration: none;
			background-image: url("../_images/menu_arrow.gif");
			background-position: 7px 11px;
			background-repeat: no-repeat;
			padding: 12px 20px 12px 40px;
}
div.breadCrumbs a.section5 
{
    display: inline-block;
	background-color: #9BAF3A;
			color: #1E5EA9;
			text-decoration: none;
			background-image: url("../_images/menu_arrow.gif");
			background-position: 7px 11px;
			background-repeat: no-repeat;
			padding: 12px 20px 12px 40px;
}
div.breadCrumbs a.sectionEnd0
{
    display: inline-block;
	background-color: #FCEF42;
			color: #1E5EA9;
			text-decoration: none;
			background-position: 7px 11px;
			background-repeat: no-repeat;
			padding: 12px 20px 12px 40px;
}
div.breadCrumbs a.sectionEnd1 
{
    display: inline-block;
	background-color: #FACBE0;
			color: #1E5EA9;
			text-decoration: none;
			background-position: 7px 11px;
			background-repeat: no-repeat;
			padding: 12px 20px 12px 40px;
}
div.breadCrumbs a.sectionEnd2 
{
    display: inline-block;
	background-color: #B0E1ED;
			color: #1E5EA9;
			text-decoration: none;
			background-position: 7px 11px;
			background-repeat: no-repeat;
			padding: 12px 20px 12px 40px;
}
div.breadCrumbs a.sectionEnd3 
{
    display: inline-block;
	background-color: #CFB4D5;
			color: #1E5EA9;
			text-decoration: none;
			background-position: 7px 11px;
			background-repeat: no-repeat;
			padding: 12px 20px 12px 40px;
}
div.breadCrumbs a.sectionEnd4 
{
    display: inline-block;
	background-color: #E95F28;
			color: #1E5EA9;
			text-decoration: none;
			background-position: 7px 11px;
			background-repeat: no-repeat;
			padding: 12px 20px 12px 40px;
}
div.breadCrumbs a.sectionEnd5 
{
    display: inline-block;
	background-color: #9BAF3A;
			color: #1E5EA9;
			text-decoration: none;
			background-position: 7px 11px;
			background-repeat: no-repeat;
			padding: 12px 20px 12px 40px;
}
/*
    ALUMNI DIRECTORY PAGE -- SearchForm & Results
*/
    /* div */
div#AlumniSearchForm
{
    font-size: small;
}
div#AlumniSearchResults
{
    font-size: small;
}

    /* tables */
div#AlumniSearchForm table
{
}
    div#AlumniSearchForm table tr {
    }
	div#AlumniSearchForm table th {
	}
    div#AlumniSearchForm table td
    {
    }
div#AlumniSearchResults table
{
}
    div#AlumniSearchResults table tr {
    }
	div#AlumniSearchResults table th {
	}
    div#AlumniSearchResults table td
    {
    }

/*
    CLIENT REQUESTs
*/

    /* Links (Global) Color */

a
{
    color: #BC6DFF;
}
a:visited
{
    color: #823892;
}
a:hover
{
    text-decoration: none !important;
    color: #786BC2 !important;
}

/* Admin "Button" */

.adminLink
{
    color:White !important;
    border-style:double;
    background-color: #CC0000 !important;
    border-color: #CC0000 !important;
    border-width:medium;
    text-decoration: none !important;
}

/* Sponsor */

.sponsorLogo
{
    position:absolute;
    bottom: 20px;
    left:20px;
}


/*************************
 * Alumni > Lecture Series
 */
table#lecture-table {
    border-collapse:collapse;
}
table#lecture-table td {font-size:10pt; border:1px solid #ccc;}
table#lecture-table tr.odd td {background-color:#e5ecf9;}
table#lecture-table {}

/*************************
 * Alumni > Notebook Handouts
 */
table#notes-table {
    border-collapse:collapse;
}
table#notes-table td {font-size:10pt; border:1px solid #ccc;}
table#notes-table tr.odd td {background-color:#e5ecf9;}
table#notes-table a {color: #1E5EA9;}
table#notes-table a:visited {color: #1E5EA9;}
table#notes-table {}
/*************************
 * Program Calendar
 */

table.program-calendar TH {text-align:left;  border-bottom:1px solid #ccc;}
table.program-calendar td, 
table.program-calendar th {font-size:12pt;padding-right:10px;}


.GroupPhotos
{
    margin: 5px;
    padding: 3em;
    width: 85%;
    vertical-align: top;
    text-align: center;
}
.GroupPhotosHidden
{
    padding: 0px;
    width: 1px;
} 

.Panel_Photo_Image{
    width: 113%;
    margin: 0px;
    padding: 0px;
    margin-left:-50px;
	margin-right: 0px;
}

/*Modal Popup*/
.modalBackground {
	background-color:White;
	filter:alpha(opacity=55);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color: Gray;
	padding:3px;
	width:350px;
}

.AlumniResults_Right
{
    display: inline-block;
    padding-left: 30px;
    padding-bottom: 15px;
}

.AlumniResults_ContactInfo
{
    display: inline-block;
    float:left;
    width:240px;
}

.AlumniResults_Name{
    display:block;
    padding:0;
    text-align:left;
}