@charset "ISO-8859-1";
/* >>>>>>>>>>>>>>>>>>>>>>>>>>> General Layout and Styling Elements >>>>>>>>>>>>>>>>>>>>>>>>> */

    body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 0;
	background-color: #FFFFFF;
	font-family: "Lucida Grande","Verdana",sans-serif;
	font-style: normal;
	font-size: 13px;
	text-align: left;
	line-height: 24px;
	color: #222222;
}
/* Headings */

    p {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
}
.introtext {
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	color: #003399;
}
.caption {
	padding-top: 8px;
	padding-bottom: 0px;
	font-size: 11px;
	line-height: 18px;
	color: #5B564C;
}
.photocaption {
	padding-top: 0px;
	line-height:14px;
	font-size: 11px;
	color: #aca08d;
}
h1 {
	text-transform: uppercase;
	letter-spacing:1px;
	color: #003399;
	border: 0px;
	text-decoration: none;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	line-height: 22px;
	padding-top: 0px;
	padding-bottom: 20px;
}
h2 {
	text-transform: uppercase;
	color: #003399;
	font-size: 13px;
	border-bottom: 1px solid #aca08d;
	font-weight: normal;
	letter-spacing: .1em;
}
h3 {
	color: #003399;
	font-size: 13px;
	font-weight: bold;
}
h4 {
	color: #333;
	font-size: small;
	font-weight: bold;
}
/* Links */
	
    a:link {
	color: #003399;
	background-color: transparent;
	text-decoration:none;
}
a:visited, a:active {
	color: #003399;
	background-color: transparent;
	text-decoration:none;
}
a:hover {
	color: #0066CC;
	background-color: transparent;
	text-decoration: underline;
}
a.pointer:link, a.pointer:visited, a.pointer:active {
	color: #003399;
	text-decoration: none;
	text-decoration:none;
}
a.pointer:hover {
	text-decoration: underline;
	color: #0066CC;
}
/* HR */

    hr {
	border: none 0;
	border-top: 1px dotted #3399CC;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}
/* Lists */

    ul, ol, dl {
}
dt {
	font-weight: bold;
}
ul li {
	list-style: circle;
	margin-left: -20px;
}
ul li li {
	list-style: square;
}
ul li li li {
	list-style: disc;
}
ul li li li li {
	list-style: square;
}
ul li li li li li {
	list-style: disc;
}
ul li li li li li li {
	list-style: circle;
}
ul li li li li li li li {
	list-style: square;
}
strong {
	font-weight: bold;
	color: #333333;
}
th {
	line-height: 18px;
	color: #333333;
	vertical-align:top
}

.geog_footnote {
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #888888;
	text-align:center
}
/* Layout (Banner, Borders etc.) */

.DeptTableMaster {
	width: 822px;
	border:0px;
	border-spacing:0px;
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
}
.DeptTableCellContent {
	width: 790px;
}
.DeptBrownBkgnd {
	width: 788px;/* background-image: url(../images/layout/brown.gif); */
	padding-top: 0px;
}
.DeptTableCornerLeft {
	width: 16px;
	background-color: #003399;
	background-image: url(../images/layout/dept_corner_l.gif);
	background-repeat: no-repeat;
}
.DeptTableCornerRight {
	width: 16px;
	background-color: #003399;
	background-image: url(../images/layout/dept_corner_r.gif);
	background-repeat: no-repeat;
}
.DeptDivContainer {
	width: 822px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.DeptBlueTitle {
	background-color: #003399;
	height: 26px;
	vertical-align:top;
}
.DeptBlueBanner {
	width: 790px;
	background-color: #003399;
}
.DeptBlueBorder {
	width: 1px;
	background-color: #3399CC;
}
#DeptBannerImg {
	width: 788px;
	height: 306px;
}

#DeptBannerImgCell {
	width: 788px;
	height: 306px;
	background-repeat:no-repeat;
	background-position:top;
}
/* Layout (Shadow) */

.ShadowRightTop {
	width: 32px;
	background-image: url(../images/layout/dept_shd_rt.gif);
	background-repeat: no-repeat;
}
.ShadowRight {
	width: 32px;
	background-image: url(../images/layout/dept_shd_r.gif);
	background-repeat: repeat-y;
}
.ShadowRightBottom {
	width: 32px;
	background-image: url(../images/layout/dept_shd_rb.gif);
	background-repeat: no-repeat;
}
.MainText {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 15px;
	margin-right: 285px;
	vertical-align:top;
}
/* News (Main Page) */

.NewsHeader {
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #222222;
	padding-top: 0px;
}
.NewsContent {
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	color: #5B564C;
	padding-top: 0px;
	padding-bottom:35px;
}
.PeoplePhoto {
	margin-right: 15px;
	padding: 0px;
}
.PeopleDescriptionList {
	margin-top: 0px;
	margin-left: 71px;
	margin-bottom:3px;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	padding: 0px;
}
.PeopleDescriptionListBackground {
	margin-top: 0px;
	margin-left: 71px;
	margin-bottom:6px;
	font-size: 12px;
	font-style: italic;
	line-height: 17px;
	padding: 0px;
}

.CourseIcon {
	margin-top:4px;
	margin-right:10px;
	vertical-align: top;
}

.CourseDescription {
	margin-bottom:3px;
	margin-left:44px;
	line-height: 17px;
}

.ContactTable {
	border-bottom: dotted #3399CC 1px;
	width: 450px;
}
.ContactTabRow {
	border-top: dotted #3399CC 1px;
	width: 450px;
	padding-top:4px;
	padding-bottom:4px;
	margin:0px;
}

.tablecell {
	background-color: #ffffff; 
	line-height: 16px; 
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: 1px solid #e1d8ca;
	border-left: 0px;
	border-right: 0px;
	vertical-align:top;
}

.tablecell_small {
	background-color: #ffffff; 
	line-height: 14px; 
	font-size: 10px; 
	padding-left:3px;
	padding-right:3px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom: 1px solid #e1d8ca;
	border-left: 0px;
	border-right: 0px;
	vertical-align:top;
}

.BookTitle {
	line-height:normal;
	margin-top:6px;
}

.IntextImageLeft {
	 margin-left:0px;
     margin-right:20px;
     margin-top:5px;
     margin-bottom:10px;
	 border:0px;
}

.IntextImageRight {
	 margin-left:20px;
     margin-right:0px;
     margin-top:5px;
     margin-bottom:10px;
	 border:0px;
}

#canada_map {
	width: 460px; 
	height: 350px; 
	border:1px solid #aca08d;
}

#world_map {
	width: 460px; 
	height: 350px; 
	border:1px solid #aca08d;
}

.mainContent {
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.tooltip{
    background-color:#FFFFEE;
	border:1px solid #aca08d;
	padding:1px;
	width:100px;
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
}

/* ------------------------------ Navigation Container Element--------------------------- */

.navcontainer {
	font-size: 9pt;
	line-height:12pt;
	float: right;
	padding-left:30px;
	padding-right:30px;
	padding-top:0px;
	padding-bottom:15px;
	margin-left: 15px;
	margin-top: 0px;
	width: 220px;
	vertical-align:top;
	border-left-style:none;
	border-width:1px;
	border-color:#5B564C;
}
.navcontainer ul {
	margin: 0;
	padding: 0;
}
.navcontainer ul li {
	list-style-type: none;
}
.navcontainer li {
	margin: 0;  /* eliminates unwanted margings in Opera*/
}
.navcontainer span {
	display: block;
	color: #FFF;
	background-color: #FFFFFF;
	background-image:url(../images/layout/dept_sidebar.gif);
	background-repeat:no-repeat;
	padding: 3px 3px 3px 10px;
	text-decoration: none;
	font-weight:bold;
	border-bottom: 1px none #603;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px;
}
.navcontainer a:hover {
	background-color: #003399;
	color: #FFFFFF;
}
.navcontainer li li a {
	display: block;
	color: #003399;
	padding: 3px 3px 3px 10px;
	text-decoration: none;
	border-bottom: 1px solid #aca08d;
	width: 200px;
}

.navspacer{
	line-height:0px;
	padding:0px;
	margin-top: 28px;
}