/*
	New Trier
	Cascading Style Sheet
	Blend Interactive
	Benjamin Bertrand
	2007/11/25
*/


/***** RESET *****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; } 
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }


/***** TYPOGRAPHY *****/
body {
	background-color:#0066A4;
	font-size:12px;
	font-family: Arial, Calibri, Helvetica, "Helvetica Neue","Tahoma MS", sans-serif;
	padding:10px 5px 0 5px; }
	
html>body>#Container { font-size:12px; }

/*  24px  */	h1, .One { font-size:2.000em; line-height:1.2em; margin:0.75em 0 0.25em 0; }
/*  20px  */	h2, .Two { font-size:18px; line-height:1.2em; margin:0.90em 0 0.30em 0; }
/*  14px  */	h3, .Tre { font-size:16px; line-height:1.25em;margin:1.29em 0 1.43em 0; }
/*  12px  */	h4, .For { font-size:14px; line-height:1.2em; margin:1.50em 0 0.50em 0; }
/*  10px  */	h5, .Fiv { font-size:12px; line-height:1.2em; margin:1.80em 0 0.60em 0; }
/*   8px  */	h6, .Six { font-size:0.750em; line-height:1.2em; margin:2.25em 0 0.75em 0; }

p { font-size:1em; line-height:1.4em; margin:1.5em 0 0.5em 0; padding:0; }

a { color: rgb(0, 101, 165); text-decoration: none; }
a:hover { text-decoration: underline; cursor: hand; } 
a:visited { color: Purple; }

//div {border:1px solid brown;}


/***** LAYOUT *****/
#Wrapper{width:960px; margin:0 auto;}
#Header	{width:956px; height:93px;}
#Sidebar{width:154px; float:left;}
#Main	{width:806px; float:right;}
#PageContent
		{width:630px; float:left;}
#Related{width:166px; float:right;}
/*#Footer	{width:806px; margin-left:154px;}*/


/***** WRAPPER *****/
#Wrapper {position:relative; margin-top:10px; background:transparent url(/media/images/structural/images/watermark.jpg) 0 464px no-repeat; border:1px solid #82B4D2;}
body.HomePage #Wrapper {border: none;}

/***** HEADER *****/
#Header {background-color:#FFF; border-left:2px solid #82B4D2; border-right:2px solid #82B4D2; border-top:2px solid #82B4D2; border-bottom:3px solid #82B4D2; }
#Header h1 {position:absolute; top:17px; left:19px; background:transparent url(/media/images/structural/NewTrier.png) top left no-repeat; width:413px; height:43px; margin:0; padding:0;}
#Header h1 span {display:none; margin:0; padding:0;}

p.Header {margin:0; padding:0;}

#FixedHeader {position:absolute; top:20px; left:225px; color:#00AA78;}
#FixedHeader a {color:#000; text-decoration:none;}
#FixedHeader a:hover {color:#E2CA34;}

#SearchHeader {float:right; position:relative; top:16px; right:16px;}


/***** TOPNAV *****/
#TopNav {clear:both; border-top:1px solid #82B4D2; position:absolute; top:69px; left:0; width:100%; font-size:1.160em; line-height:25px;}
#TopNav td { background:#00AA78;  border-left:1px solid #82B4D2;text-align:center; font-size: 14px;}
#TopNav table.Navigation { width: 960px; }
#TopNav a {color:#fff; font-weight:bold; text-decoration:none; display: block; /*width: 100%; height: 100%;*/}
#TopNav a:hover {color:#fff; font-weight:bold; background:#E2CA34;}
#TopNav td.First { border: none; }


/***** BANNER *****/
#Banner {border-bottom:1px solid #82B4D2; height:107px; width:100%; background:#82B4D2; position: relative;}
div.TitleBanner {position: relative; float:left; margin-left:0px; width:340px; height:107px; background:transparent url(/media/images/structural/images/activities_banner.png) top left no-repeat;}
/*div.TitleBanner h2 span {display:none;}*/
#Banner img {float:right; margin-right:0px;}
div.TitleBanner h2 { font-size: 24px; color: white; position: absolute; bottom: 10px; left: 30px;}
.ImageBanner { height: 107px; }
#FlashTitle { position: absolute; bottom: 10px; height: 45px; left: 20px; }

/***** CONTENT *****/
#Main {background:#fff; }
.PageInner{margin:0 13px 30px 13px; }
#PageTitle h3 {background:#1371AB; color:#fff; padding: 3px 0 3px 7px; }
body.PageTitle-BlueFade #PageTitle h3 { padding: 2px 0 1px 5px; font-size: 11px; text-transform: uppercase; font-weight: normal; background: url(/media/images/structural/related.jpg); }
.PageInner ul, .PageInner ol, .Heading {padding-left:7px; display:block;}
.PageInner ul, .PageInner ol {list-style-position:inside; list-style-type:disc;} 
.PagerInner p { line-height: 18px; }
.PageInner h2 { color: rgb(8, 109, 181); margin-bottom: 8px; }
.PageInner h3 { color: rgb(8, 109, 181); margin-bottom: 8px; }
.PageInner h4 { color: rgb(8, 109, 181); margin-bottom: 8px; }

/***** IMAGES *****/
.PageInner span.AlignLeft {float: left; margin: 0 1em 1em 0; clear: left; }
.PageInner span.AlignRight {float: right; margin: 0 0 1em 1em; clear: right; }
.PageInner span.ImageContainer { display: block; text-align: center; font-size: 11px; margin-bottom: 1em; }
.PageInner span.ImageContainer img { display: block; margin-bottom: 5px; }

/***** PAGE AREA *****/
body.ContentBackground-Blue .PageInner { background-color: rgb(236,244,248); }

/***** SIDEBAR *****/
#Sidebar {background:rgb(0, 121, 181);font-size:1.160em; line-height:23px;}
#Sidebar a {text-decoration:none;}


#LeftNav {border-left:1px solid #FFF; border-top:1px solid #FFF; }
#SectionLabel, #LeftNav li {display:block; border-bottom:1px solid #FFF; margin:0; position:relative;}
#SectionLabel a, #LeftNav li a { font-size: 11px; display:block; width:143px; padding-left:10px; color:#fff; font-weight:bold; background-color:#82B4D2;}
#SectionLabel a:hover, #LeftNav li a:hover,
#SectionLabel, #LeftNav li a.Selected {color:#fff; background:#DFECF3; color:#3A789D;}
//#LeftNav li ul{display:none; float:left; }
//#LeftNav li:hover ul { display: block; z-index: 6000; }


#SectionLabel, #LeftNav li.Menu
{
line-height: 15px;
}

#SectionLabel a, #LeftNav li.Menu a
{
padding: 5px 5px;
}



#LeftNav .SubMenu {position:absolute; top:0px; left:152px; border:1px solid #3A789D; line-height:18px;z-index:1000;}
#LeftNav .SubMenu li {border:none;}
#LeftNav .SubMenu li a {background:#DFECF3; width:141px; padding:0 5px; color:#3A789D; font-weight:normal;}
#LeftNav .SubMenu li a:hover {color:#FFF; background:#1371AB;}


/***** RELATED INFO *****/
#Related {width:160px; margin-right:12px; font-size:0.9167em;}
.RelatedBox {width:155px; border:3px solid #82B4D2; margin-top:15px; background:#ecf4f8;}
.RelatedTitle {display:block; padding: 2px 3px 3px 8px; color:#FFF; background:#1371AB url(../images/header_gradient.gif) top left repeat-x; text-transform:uppercase;}
.RelatedBox ul {list-style-position:inside; color:#1B76AF; margin:4px 0 8px 0;}
.RelatedBox ul li {list-style-type:disc; padding-left:6px;}
.RelatedBox a {padding:0px; width:140px; color:#1B76AF; text-decoration:none;}
.RelatedBox a:hover { color:#00AA78; text-decoration:underline;}
.RelatedBox .Inner { margin: 0.419em; }
/*****.RelatedBox .Inner { margin: 0.5em; } *****/

.RelatedBox .Vcard {margin:0; padding:0.5em; border-bottom:1px solid #1371AB; border-left:1px solid #1371AB; border-right:1px solid #1371AB; background:#F9FCD0;}
.RelatedBox .Vcard span {display:block;}
.RelatedBox .Vcard .Name {font-weight:bold;}



/***** FOOTER *****/
#Footer { clear:both;color:#999; text-align:center; font-size:80%; padding-bottom:5px; }
#Footer a:hover {color:#1371AB; text-decoration:underline;}


/***** FORM *****/
form input{vertical-align:bottom;}
form input.TextBox {font-family:Arial, sans-serif; width:85px; height:14px; line-height:1em;}


/***** CLASSES *****/
.Blue {color:#0066A4;}
.BabyBlue {color:#82B4D2;}
.LightBlue {color:#DFECF3;}
.IceBlue {color:#F4FBF9;}
.Green {color:#00AA78;}
.Gold {color:#E2CA34;}

.Ampersand, .Asterisk { font-family:serif; font-size:110%; }
.Center { text-align:center; }
.Clear {clear:both;}
.FloatLeft {float:left; }
.FloatRight { float:right; }
.TextBox {border:1px solid #e3e3e3; padding:2px;}
.ImageButton {padding-left:5px;}

table.Data th { text-align: left; font-weight: bold; }
table.Data td, table.Data th { padding: 4px;  }
table.Data th, table.Data tr.Even td, table.Data tr.Even th  { background-color: rgb(223, 238, 255); }
table.Data tr.EventRow td { border: solid 1px white; }
table.Data tr.ColumnHeadings th { background-color: rgb(150,150,150); }


div.Calendar { margin-top: 2em; clear: both; }
div.Calendar table { width: 100%; }
div.Calendar table td { padding: 8px 15px 8px 5px; vertical-align: top; }
/*div.Calendar table th { padding: 3px 15px 3px 5px; vertical-align: top; background-color: rgb(156, 178, 198); color: White; font-weight: bold; }*/
div.Calendar table th { padding: 3px 15px 3px 5px; vertical-align: top; background-color: rgb(99, 166, 206); color: White; font-weight: bold; }
div.Calendar table td.CalendarLink { text-align: right; padding-right: 2px; }
div.Calendar tr.TitleRow td { background-color: rgb(99, 166, 206); color: White; font-weight: bold; padding: 5px 0px 5px 5px; border-bottom: solid 1px white; }

div.Calendar table td.CalendarLink a { color: White; }

div.Person { margin-bottom: 0.75em; }

#PageContent ol { list-style-type: decimal;}
#PageContent ol, #PageContent ul { list-style-position: outside; padding-left: 1.5em; } 
#PageContent ol li,  #PageContent ul li { margin-bottom: 0.5em; margin-top: 0.5em; } 

ul.EmbeddedFolder, div.EmbeddedFolder, div.EmbeddedNewsList { clear: both; background-color: rgb(239, 247, 247); padding: 4px 10px 0 10px; border: solid 2px rgb(156, 178, 198); }
#PageContent ul.EmbeddedFolder li { margin: 0 0 0.5em 0; }
#PageContent ul.EmbeddedFolder li#EmbeddedFolderMore { list-style-type: none; }
div.EmbeddedNewsList a { display: block; }
div.EmbeddedNewsList span.Date { font-size: 11px; }

#WaterMark
{
height: 287px;
background: url(/media/images/structural/watermark.jpg) no-repeat;
background-position: 0 50px;
}

#PageCrumbtrail
{
font-size: 11px;
margin-top: 10px;
}

.Navigation td { border-left: solid 1px rgb(130, 180, 210); }

        body.theme_person #PageTitle h3 { background-color: rgb(8, 88, 121); text-transform: uppercase; font-size: 11px; font-weight: normal; }    
        #StaffList { width: 600px; }
        #StaffList th, #StaffList td { vertical-align: top; padding: 8px 15px; border-bottom: solid 1px white; border-top: solid 1px white; }
        #StaffList tr.Even td { background-color: rgb(236, 244, 247); }
        #StaffList tr.Odd td { background-color: rgb(245, 251, 249); }
        #StaffList th { background-color: rgb(232, 235, 224); font-weight: bold; }
        #StaffList td.Name a { font-weight: bold; }
        #StaffList ul { padding-left: 0; }
        #StaffList ul li { margin-bottom: 0.25em; }
        #StaffList th { color: rgb(0, 101, 165); }
        #StaffList td.Name { width: 150px; }
        #StaffList td.Contact { width: 175px; }
        #StaffList td.List { width: 275px; }