/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: #ffffff;}

body {font-family: Georgia, "Times New Roman", Serif; font-size: 62.5%; }

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin-top: 0;}

:focus {outline: 0;}

h1{ margin: 0; font-family: Arial, Verdana, Sans-Serif; font-size: 2.3em; color: #006666; }
h1.pageTitle{ font-family: Clarendon, Georgia, Times, serif; font-size: 4.1em; margin: -3px 0 18px 0; padding: 0; line-height: 1em; font-weight: normal; }
	h1.accent1{ color: #B2BB1C; } /* yellow, for home */
	h1.accent2{ color: #00788A; } /* blue, for portal */
	h1.accent3{ color: #F47321; } /* orange, for others */
	h1.accent4{ color: #e4efc1; } /* pale green, for photo gallery */
	/* orange,  wit image used in eventportals ../../images/icons/arrowmarker.png */
	h1.accent5{
	color: #F47321;
	background-image: url("../../images/icons/arrowmarker.png");
	background-position: left center;
	background-repeat: no-repeat;
	text-align: left;
	text-indent: 22px;
}

h2 {margin: 0 0 20px 0; font-size: 1.4em; color: #003366;}
.defaultCopy h2 {margin: 0 0 5px 0; font-size: 1.76em;}
h2 span.date{ display: block; font-size: 0.75em; margin-top: 5px; }
h3 {margin: 0; color: #003366;}
h3.serif { font-family: Georgia, "Times New Roman", serif; }
body.newsArticle h2 {margin: 0 0 30px 0; font-family: Arial, Verdana, Sans-Serif; font-size: 2.3em;}
h4 {margin: 0;}

a {color: #ff6633; text-decoration: none;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.defaultCopy,
.defaultCopySmall {font: 1.3em/1.62em Arial;}
.defaultCopySmall {font-size: 1.2em;}
.introCopy {font-size: 1.2em; line-height: 1.67em;}
.introCopy h2 {margin: 0; font-size: 1.17em;}

img.left {float: left; margin: 0 25px 20px 0;}
img.contentImage{ display: block; margin: 20px 0; }

div.separator {width: 80%; height: 3px; margin: 20px 0; background: #e4efc1; font-size: 1px; line-height: 1px;}

a.audio {font-family: Arial, Verdana, Sans-Serif; font-size: 1.4em; font-weight: bold; background: url(../../images/icons/audio.gif) no-repeat; padding-left: 20px;}

.mediaDuration {font-family: Arial, Verdana, Sans-Serif; color: #999966;}

.accent {color: #006666;}

/**
 * Lists
 */
ul.inline {margin: 0; padding: 0; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0; padding: 0; list-style-type: none;}

ul.subnav {margin: 0 0 10px 0; padding: 0; list-style-type: none; font-size: 1.3em; line-height: 1.31em; text-transform: uppercase; font-weight: bold;}
ul.subnav li {padding: 0 0 10px 0;}
ul.subnav li a {color: #006666; text-decoration: none;}
ul.subnav li a:hover {color: #66cccc;}

ul.topicNav {margin: 0 0 20px 0; padding: 0; list-style-type: none; font: 1.3em/1.31em Arial;}
ul.topicNav li {padding: 0 0 5px 0;}
ul.topicNav li.title {padding: 0 0 10px 0;}
ul.topicNav li a {color: #000; text-decoration: none;}
ul.topicNav li a:hover {color: #ffe010;}

ul.topicNavAccent li a {color: #006666;}
ul.topicNavAccent li a:hover {color: #ffe010;}

ul.index {margin: 0 0 20px 0; padding: 0; list-style-type: none;}
ul.index a {color: #000; text-decoration: none;}
ul.index a:hover {color: #000; text-decoration: none;}

ul.index.rollLinks a:hover {color: #F47321; text-decoration: none;}

ul.newsArchive {margin: 0 0 20px 0; padding: 0 0 0 20px; list-style-type: none;}
ul.newsArchive a {color: #000; text-decoration: none;}
ul.newsArchive a:hover {color: #000; text-decoration: none;}

ul.noIndent {margin: 20px 0; padding: 0 0 0 20px;}

ul.extend li {padding-bottom: 20px;}

ul.aZ {margin: 0 0 20px -8px; padding: 0; list-style-type: none;}
ul.aZ li {display: inline;}
ul.aZ li a {padding: 0 8px; color: #111; text-decoration: none;}
ul.aZ li a:hover {color: #111;}

ul.pager {margin: 0 0 20px -5px; padding: 0; list-style-type: none;}
ul.pager li {float: left; padding: 0 5px;}
ul.pager li a {display: block; float: left; width: 24px; height: 24px; text-align: center; color: #000; text-decoration: none; border: solid 1px #000; line-height: 1.84em;}
ul.pager li.jump a {border: none; width: auto; text-decoration: underline;}
ul.pager li.on a {background: #edefcf; font-weight: bold;}

ul.pager.searchResults{ margin: 10px 0 40px;
	float: left;
	clear: both; }

/**
 * Layout
 */
#master {width: 1024px; margin: auto;}

#header {position: relative; height: 45px; z-index: 9999;}
#header ul.nav {margin: 0; padding: 0; list-style-type: none; position: absolute; top: 15px; right: 15px; font: .9em/2em Arial; color: #000;}
#header ul.nav li {display: inline;}
#header ul.nav li a {color: #000; text-decoration: none; padding: 0 6px;}
#header ul.nav li.quickLinks {padding-right: 5px; padding-bottom: 5px; float: left; margin-top: 1px; }

#header ul.nav li.quickLinks:hover ul{ display: block !important; }


#header ul.nav li ul {position: absolute; z-index: 1000; top: 13px; left: -8px; margin: 0; padding: 10px 10px 5px 15px; list-style-type: none; width: 125px; background: url(../../images/bg-quick-links.png); font-size: 1.22em; line-height: 1.27em;}
#header ul.nav li ul li {display: block; padding: 0 0 10px 0;}
#header ul.nav li ul li a {color: #000; padding: 0;}
#header ul.nav li ul li a:hover {color: #006666;}
#header form.search {position: absolute; top: 13px; right: 15px;}
#header form.search input[type="text"] {float: left; width: 140px; padding: 2px; border: solid 1px #c7c8ca; font: 11px Arial;}
#header form.search input[type="submit"], #header form.search input.go {float: left; font: 10px/20px Arial; color: #fff; text-transform: uppercase; background: #717174; border: none; height: 20px; margin: 0 0 0 4px;}

input.go{ font: 10px/20px Arial; color: #fff; text-transform: uppercase; background: #717174; border: none; height: 20px; margin: 0 0 0 4px; }
form.rssFeed{ display: inline; margin: 0; padding: 0; }

body.navless #header ul.nav {right: 210px;}

#nav {padding: 0 0 0 15px; background: #f47321; width: 1009px;}
#nav ul {float: left; width: 820px; margin: 0; padding: 0; list-style-type: none;}
#nav ul li {float: left; display: block; background: url(../../images/nav-separator.gif) no-repeat right top; padding-right: 1px;}
#nav ul li img {float: left; display: block;}
#nav ul li.lastItem {background: none;}
#nav form {float: right; width: 180px;}
#nav form input[type="text"] {float: left; margin: 5px 0 0 0; width: 120px; padding: 2px; border: solid 1px #c7c8ca; font: 11px Arial;}
#nav form input[type="submit"] {float: left; font: 10px/20px Arial; color: #fff; text-transform: uppercase; background: #717174; border: none; height: 20px; margin: 5px 0 0 4px;}

div.boxSort button{ font: 10px/12px Arial; color: #fff; text-transform: uppercase; background: #717174; border: none; height: 16px; margin: 0; width: auto; padding: 0;}

#banner {position: relative; padding-bottom: 20px;}
#banner img {display: block;}
.logo#banner {height: 130px; background: url(../../images/bg-logo-banner.gif) no-repeat left 20px;}
.logo#banner img {position: absolute; top: 46px; left: 34px;}
body.thirdTier #banner, body.clone #banner {height: 292px; width: 100%; background-repeat: repeat-x;}
body.thirdTier #banner .logo {position: absolute; top: 24px; left: 0; background: #006c64; width: 283px; height: 71px; padding: 23px 0 0 29px;}
body.thirdTier #banner .topicNav {position: absolute; top: 120px; left: 24px; width: 190px; font-size: 1.3em; font-weight: bold; color: #006666; text-transform: uppercase;}
body.thirdTier #banner .topicNav ul {margin: 0; padding: 0; list-style-type: none;}
body.thirdTier #banner .topicNav ul li {padding-top: 10px;}
body.thirdTier #banner .topicNav ul li a {color: #006666; text-decoration: none;}
body.thirdTier #banner .topicNav ul li a:hover {color: #66cccc; text-decoration: none;}
body.thirdTier #banner .topicNav ul li ul {padding-left: 35px;}
body.thirdTier #banner .overlay {position: absolute; bottom: 20px; right: 0; background: url(../../images/banner-overlay-trans.png); width: 672px; padding: 10px 20px; font: 1.2em/1.17em Arial; color: #fff;}


#banner > img{ position: absolute; top: 0; }
#banner img.topRightImage{ right: 0; }

/* Top Left Image, Top Right Image, Top Image */
#banner.InformationDetail img.topImage{ left: 312px; }
#banner.InformationDetailNoNews img.topImage{ left: 312px; }
#banner.InformationDetailLinks img.topImage{ left: 312px; }
#banner.InformationDetailFAQ img.topImage{ left: 312px; }
#banner.SectionCalendar img.topImage{ left: 312px; }
#banner.Alumni img.topImage{ left: 312px; }
#banner.AcademicDepartment img.topImage{ left: 312px; }
#banner.AcademicProgram img.topImage{ left: 312px; }
#banner.SectionFront img.topImage{ left: 312px; }
#banner.SectionFrontLinks img.topImage{ left: 312px; }
#banner.LibraryHomepage img.topImage{ left: 312px; }
#banner.CounselingCenters img.topImage{ left: 312px; }
#banner.EventPortal img.topImage{ left: 312px; }



#sidebar {float: left; width: 175px; padding: 30px 20px 0 30px;}
#sidebar .promoBox {margin-bottom: 20px;}

#content {float: left; width: 455px; padding-bottom: 20px;}
#content .pageMeta {width: 455px; padding: 0 0 20px 0; font: 0.9em Arial;}
#content .pageMeta .breadcrumbs {float: left;}
#content .pageMeta .breadcrumbs a {color: #000; text-decoration: none;}
#content .pageMeta .breadcrumbs a:hover {color: #000; text-decoration: none;}
#content .pageMeta .actions {float: right; text-align: right; color: #b7af86;}
#content .pageMeta .actions a {color: #b7af86; text-decoration: none;}
body.twoColumnLayoutSidebar #content {width: 799px;}
body.twoColumnLayoutSidebarRight #content {width: 630px; padding: 0 30px 20px 30px;}
body.fullPageLayout #content {float: none; width: 964px; padding: 0 30px 20px 30px;}
body.newsArticle #content {width: 775px;}
body.event #content {width: 720px;}

#rightSidebar {float: right; width: 320px;}
#rightSidebar div.quote {width: 230px; color: #409aa7; margin-bottom: 20px; padding-left: 15px;}
#rightSidebar div.quote p.quote {font-size: 1.6em; margin-bottom: 10px; line-height: 1.5em; margin-left: 8px; text-indent: -8px;}
#rightSidebar div.quote p.author {font: bold 1.1em Arial; margin: 0 0 0 8px;}
#rightSidebar div.quote p.title {font: 1.1em Arial; margin: 0 0 0 8px;}
#rightSidebar div.quoteBottom {width: 245px; margin-top: 45px; padding-left: 0;}

#footer {padding: 20px 0; font: 1em/2.4em Arial; text-align: center;}
#footer .contact {font-size: 1.3em; color: #006699;}
#footer .nav ul {margin: 0; padding: 0; list-style-type: none;}
#footer .nav ul li {display: inline;}
#footer .nav ul li a {padding: 0 4px; color: #000; text-decoration: underline;}

/**
 * Front Page
 */
body.front #content .introCopy {font-size: 1.5em; line-height: 2em;}

/**
 * Section Front
 */
body.sectionFront #rightSidebar {padding-top: 30px;}

/**
 * Third Tier
 */
body.thirdTier ul.topicNav li {padding-bottom: 10px;}



/**
 * Event Portal 
 change image location to ../../images/ep-background.png before publish
 */
body.eventportal {background-attachment: scroll;
					background-image: url(ep-background.png);
					background-repeat: no-repeat;
					background-position: 50% 60%;
					
				}
				

/**
 * Boxes
 */
div.box .title {padding: 15px 0 15px 20px; min-height: 12px; font: bold 1.4em Arial; color: #fff;}
div.box .title img {display: block;}
div.box .title ul {margin: 0; padding: 0; list-style-type: none;}
div.box .title ul li {float: left; background: url(../../images/nav-separator-box.gif) no-repeat right top; padding: 0 12px 0 10px;}
div.box .title ul li.firstItem {padding-left: 0;}
div.box .title ul li.lastItem {background: none; padding-right: 0;}
div.box .content {padding: 15px 35px 0 15px; font: 1.2em/1.25em Arial;}


div.boxSort .title {background: #badadf;}
div.boxSort .title img {float: left;}
div.boxSort .title form {float: left;}
div.boxSort .title form select {width: 120px; border: solid 1px #c7c8ca; font: 11px Arial; margin: -3px 0 0 10px;}

div.boxEventView {width: 320px;}
div.boxEventView .title {background: #badadf;}
div.boxEventView .title ul li {background-image: url(../../images/nav-separator-box-white.gif);}

div.boxNews .title {background: #badadf;}
div.boxNews .content {font: 1.35em/1.62em Arial;}
div.boxNews .content h4 {font-size: 1em;}
div.boxNews .content h4 a {color: #006666; text-decoration: none;}
div.boxNews .content h4 a:hover {color: #006666; text-decoration: none;}
div.boxNews .content ul {margin: 0; padding: 0; list-style-type: none;}

div.boxNews .content.showNews #igxCal{ display: none; }
div.boxNews .content.showCal ul#newsEvents{ display: none; }

div.boxStory {margin-bottom: 15px;}
div.boxStory .title {background: #78a22f;}
div.boxStory .content {padding: 0;}
div.boxStory .content .photo {float: left; width: 122px;}
div.boxStory .content.noPic .content{ float: none; width: auto; }
div.boxStory .content .content { float: left; width: 150px; padding: 5px 40px 0 8px; font: 0.92em/1.45em Arial;}
div.boxStory .content .content .mediaDuration {font-size: 0.91em;}

div.boxSecondStory .title {background: #e5b53b;}

div.boxVideo, div.boxAudio {margin-bottom: 15px;}
div.boxVideo .title, div.boxAudio .title {background: #006c64;}
div.boxVideo .content, div.boxAudio .content {padding: 0;}

ul.boxNav {margin: 0; padding: 0; list-style-type: none;}
ul.boxNav li {padding: 0 0 13px 0; height: 45px;}
ul.boxNav img {display: block;}

div.boxAdmissions .title {padding: 0;}
div.boxAdmissions .content {font: 1.13em/1.36em Arial;}

div.boxContactLocation .title {padding: 0;}
div.boxContactLocation .content {font: 1.13em/1.36em Arial; padding: 15px 0 15px 15px;}
div.boxContactLocation .content .contact {float: left; width: 135px;}
div.boxContactLocation .content .location {float: right; width: 143px;}

div.boxImageTitle .title {padding: 0;}

/**
 * Sharing Section/Links
 */
#socialBookmarks {padding: 0 340px 20px 225px;}


body.fullPageLayout #socialBookmarks,
body.twoColumnLayoutSidebarRight #socialBookmarks {padding-left: 30px; padding-right: 0;}
body.event #socialBookmarks {padding-left: 395px; padding-right: 0;}

div.share {font: 1.3em Arial; color: #000;}
div.share ul {margin: 0; padding: 0; list-style-type: none;}
div.share ul li {display: inline;}
div.share ul li a {color: #000; text-decoration: underline; padding: 0 4px 0 15px; background: no-repeat 0 3px;}
div.share ul li.rssFeeds{ padding-left: 15px; background: url(../../images/icons/rss.gif) scroll left center no-repeat; }

/**
 * Features (i.e. banner at bottom of page)
 */
.featureSet1#features .firstFeature a:hover {color: #ff6633;}
.featureSet1#features .secondFeature h4 {color: #006699;}
.featureSet1#features .secondFeature a {color: #996633;}
.featureSet1#features .thirdFeature a:hover {color: #ff6633;}

.featureSet2#features {background: #fff6aa;}
.featureSet2#features .firstFeature a {color: #996633;}
.featureSet2#features .secondFeature {color: #fff6aa;}
.featureSet2#features .secondFeature h4 {color: #fff;}
.featureSet2#features .secondFeature a {color: #fff6aa;}


.featureSet3#features {background: #e7f0c0;}
.featureSet3#features .firstFeature h4 {color: #006666;}
.featureSet3#features .firstFeature a {color: #996633;}
.featureSet3#features .thirdFeature {color: #996633;}
.featureSet3#features .thirdFeature h4 {color: #006666;}
.featureSet3#features .thirdFeature a {color: #996633;}

#features {background: #fffce1; height: 143px; overflow: hidden; color: #006699;}
#features .feature {float: left; width: 300px; padding: 0 30px 0 10px; font: 1.1em/1.27em Arial; background: repeat-y right top; height: 143px; overflow: hidden;}
#features .feature h4 {margin-bottom: 20px; font-family: Georgia, Times New Roman, Serif; font-size: 1.64em; line-height: 1.33em; font-weight: normal; color: #ff6633;}
#features .feature a {color: #006699;}
#features .feature a:hover {color: #006699;}
#features .feature .content {padding: 10px 0 0 0;}
#features .feature img {float: left; display: block; padding-right: 20px;}
#features .firstFeature {padding-left: 0;}

/**
 * News
 */
div.newsList {width: 615px; font: 1.35em/1.62em Arial;}
div.newsList > div {padding-bottom: 60px;}
div.newsList .photo {float: left; width: 82px;}
div.newsList .content {float: right; width: 508px;}
div.newsList .noPic .content{ float: none; width: auto; }
div.newsList .content h3 {margin: 0; font-size: 1em;}
div.newsList .content h3 a {color: #006666; text-decoration: none;}
div.newsList .content h3 a:hover {color: #006666; text-decoration: none;}
div.newsList .feature .photo {width: 213px;}
div.newsList .feature .content {width: 377px;}

div.newsList .feature.nopic .content,
div.newsList .newsThumb.nopic .content{ float: none; }

div.newsList.eventsList.sectionCalendar{ width: 455px !important; }
div.newsList.eventsList.sectionCalendar .content{ width: 348px !important; }

body.fullPageLayout .sortHead{ position: relative; left: 30px; }

div.sortHead > div.title {float: left; width: 455px;}
div.sortHead .sort {float: right; width: 320px;}

/**
 * Events
 */
#featuredEvent {width: 555px;}
#featuredEvent .photo {float: left; width: 212px;}
#featuredEvent .content {float: right; width: 315px;}

.eventListNav {font: 1.4em Arial; color: #111; margin: 10px 0 30px 0; padding: 0 0 0 20px;}
.eventListNav .previous {padding-right: 10px;}
.eventListNav .next {padding-left: 10px;}

div.eventsList > div {padding-bottom: 40px;}

body.event h2 {font-family: Arial, Verdana, Sans-Serif; font-size: 1.6em;}

/**
 * Story
 */
div.story {width: 575px; font: 1.3em/1.62em Arial;}
div.story img.photo {display: block; margin-bottom: 20px;}
div.story h2 {font-size: 1.23em;}
div.story h3 {margin: 0 0 20px 0; font: bold 1.38em/1.44em Georgia; color: #006666;}
div.story h4 {margin: 0; font: 1.23em Georgia; color: #006666;}
div.story .section .photo {float: left; width: 155px; font-size: 0.77em; line-height: 1.6em;}
div.story .section .photo img {display: block; margin-bottom: 10px;}
div.story .section.nopic .content{ float: none; width: auto; }
div.story .section .content {float: right; width: 400px;}


/**
 * Photo Gallery
 */
body.photoGallery #master {background: #404041; color: #fff; }

body.photoGallery #header ul.nav {color: #fff;}
body.photoGallery #header ul.nav li a {color: #fff;}
body.photoGallery #header ul.nav li ul li a {color: #000; padding: 0;}
body.photoGallery #header ul.nav li ul li a:hover {color: #006666;}

body.photoGallery #banner {height: 105px; background: #231f20; padding-bottom: 0; margin-bottom: 20px;}
body.photoGallery #banner img {top: 25px;}

body.photoGallery #content{ padding: 30px; }

body.photoGallery #content .pageMeta .breadcrumbs,
body.photoGallery #content .pageMeta .breadcrumbs a,
body.photoGallery #content .pageMeta .actions,
body.photoGallery #content .pageMeta .actions a {color: #fff;}
body.photoGallery #content .introCopy {font-size: 1.4em; line-height: 1.57em; color: #fff;}
body.photoGallery #nav {display: none;}

body.photoGallery #footer,
body.photoGallery #footer .contact,
body.photoGallery #footer .nav ul li a {color: #fff;}

#photoGalleryPhoto {padding: 20px 0 0 0;}

#photoGalleryNav {background: #231f20; padding: 12px 50px 14px 50px; position: relative; zoom: 1;}
#photoGalleryNav ul {float: left; margin: 0; padding: 0; list-style-type: none;}
#photoGalleryNav ul li {display: inline;}
#photoGalleryNav ul.thumbs {padding: 0 35px; width: 718px; text-align: center; }
#photoGalleryNav ul.thumbs li {padding: 0 5px; line-height: 30px; }
#photoGalleryNav ul.controls {margin-top: 20px;}
#photoGalleryNav ul.controls li {padding: 0 5px;}

#photoGalleryNav ul#leftControls, #photoGalleryNav ul#rightControls{ width: 68px; }



#photoGalleryPhoto{ color: #fff; }
.nsPhoto{ margin: 20px auto 0 auto; color: #fff; padding-top: 20px; }

.nsPhoto.hide{ margin: 0 !important; padding: 0 !important; height: 0; width: 0 !important; overflow: hidden; visibility: hidden; }

.nsPhoto a.thumb{ text-transform: uppercase; display: block; color: #fff;
	float: right; margin-left: 10px; }
	
.controls.hidden{ display: none; }

#tehBucket.dynamic{ display: none;
	position: absolute;
	bottom: 100%; }
#tehBucket{ width: 865px;
	background: #231F20; }
#tehBucket h2{ letter-spacing: 2px;
	color: #e4efc1;
	text-transform: uppercase;
	margin: 20px 0;
	text-align: center; }
#tehBucket ul{ list-style: none;
	margin: 10px;
	padding: 0; }
#tehBucket ul li{ padding: 0;
	margin: 10px;
	width: 400px;
	min-height: 80px;
	height: auto;
	background: #222;
	border: 1px #333 solid;
	float: left; }
	
#tehBucket ul li a{  }
	
#tehBucket ul li:hover{ border-color: #000; }
	
#tehBucket ul li img{ margin: 5px;
	padding: 1px;
	background: #000;
	float: left; }
	
#tehBucket h3{ margin-left: 83px;
	color: #fff;
	font-size: 1.35em;
	margin-top: 5px;}
	
#tehBucket ul li:hover h3{ color: #cfe294; }
#tehBucket ul li a:hover h3{ text-decoration: underline; }

#tehBucket p{ margin-left: 83px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
	margin: 5px 5px 5px 83px;
	font-size: 1.2em;
	height: 3.5em;
	text-overflow: ellipsis; }
	
#tehBucket a#closeBucket{
	position: absolute;
	right: 15px;
	top: 15px;
	color: #E4EFC1;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 0.9em;
}

/**
 * FAQ Accordion Menu
 */
.faq p {font: Georgia, "Times New Roman", Times, serif; color:black; }
.faq a {font: Georgia, "Times New Roman", Times, serif; font-weight: bold; color:black; }
.faq .faqholder .faqquestion {margin-top:8px; }
.faq .faqholder .faqquestion a {font: Georgia, "Times New Roman", Times, serif; text-decoration:none; font-weight:bold;}
.faq .faqholder .faqanswer{ display:none;}
 
 /**
 * Forms
 */
.form {width: 100%;}
.form .row {padding: 0px 0px 5px 0px;}
.form .label {float: left; width: 80px;}
.form .field {float: left; width: 160px;}
.form .button {float: left; width: 80px;}

form#directorySearch {width: 320px;}
form#directorySearch {margin: 20px 0; padding: 10px 10px 5px 10px; background: #fafbf2;}
form#directorySearch input[type="text"] {width: 145px; border: solid 1px #d5d6d7;}


form#makeAGift{ margin: 30px auto; width: 940px; }
form#makeAGift p {width: 710px;}
form#makeAGift input[type="text"],
form#makeAGift select,
form#makeAGift textarea {width: 280px; border: solid 1px #d5d6d7; font-family: Arial, Verdana, Sans-Serif; font-size: 12px;}
form#makeAGift select {background: #fafbf2;}
form#makeAGift .form {margin-bottom: 5px;}
form#makeAGift .form .row {padding-bottom: 8px;}
form#makeAGift .form .label {width: 120px;}
form#makeAGift .form .field {width: 300px;}
form#makeAGift .wideLabelForm .label {width: 200px;}

.noticeMe .label{ font-weight: bold; }

.noticeMe .field input, .noticeMen .field select{ border-color: #00788A !important; }


/* make a gift validation */
div#notices{ position: fixed;
	left: 50%;
	top: 480px;
	width: 300px;
	height: 200px;
	margin-left: 212px;
	display: none; }

select#rssFeeds{ border: solid 1px #d5d6d7; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; }

/* required some hacking for a few layout changes */
form#submitNewsArticle p {width: 710px;}
form#submitNewsArticle .form .label {width: auto; float: none;}
form#submitNewsArticle .form .field {width: 650px;}
form#submitNewsArticle input[type="text"],
form#submitNewsArticle select,
form#submitNewsArticle textarea {width: 545px; border: solid 1px #d5d6d7; font-family: Arial, Verdana, Sans-Serif; font-size: 12px;}


body.submitNewsArticle #master{ width: 771px; margin: 20px auto; }
body.submitNewsArticle #content{ width: auto; }

/**
 * Tables
 */
table {margin-bottom: 20px; border-collapse: collapse;}

table.nameValue td {padding-right: 10px;}

table.extend td {padding-bottom: 10px;}


div.result{ margin-bottom: 30px;
	font: 1.3em/1.62em Arial, Helvetica, sans-serif; }
	
div.result h2{ font-size: 1.0em;
	margin: 0;
	text-transform: uppercase;
	font-weight: normal; }
	
div.result h2 a{ color: #00788A; }
	
div.result p{ margin: 0; }

.thirty{ margin: 30px 0; }

/**
 * Ingeniux Mini-calendar component
 */
.igxMiniCal {
	width: 320px;
	font: 1.5em Arial;
	margin: 10px 0;
}

.igxMiniCal table{
	border-bottom: solid 1px #badadf;
}

.igxMiniCal a {
	color: #00788a;
	text-decoration: none;
}

.igxMiniCal a:hover {
}

.igxMiniCal .nav {
	background: #78a22f;
	border: solid 1px #78a22f;
	border-width: 1px 1px 0px 1px;
	text-transform: uppercase;
}

.igxMiniCal .nav a {
	color: #fff;
}

.igxMiniCal .nav .previousMonth, .igxMiniCal .nav .nextMonth {
	line-height: 2.5em;	
	font-weight: bold;
	float: left;
}

.igxMiniCal .nav .previousMonth img, .igxMiniCal .nav .nextMonth img {
	display: block;
}

.igxMiniCal .nav .previousMonth {
	padding: 0 10px 0 65px;
}

.igxMiniCal .nav .month {
	float: left;
	padding: 0px 20px 0px 10px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	color: #fff;
	line-height: 2.5em;	
}

.igxMiniCal .nav .year {
	float: left;
	width: 60px;
	padding-top: 3px;
	padding-left: 5px;
}

.igxMiniCal .nav select {
	font-family: Arial, Verdana, Sans-Serif;
}

.igxMiniCal .calendar-weekName {
	font-weight: bold;
	color: #658135;
	text-align: center;
	border: solid 1px #fff;
	border-width: 0px 1px 1px 0px;
	width: 45px;
	line-height: 2em;	
}


.igxMiniCal tr .day {
	text-align: center;
	border: solid 1px #badadf;
	border-width: 1px 1px 1px 0px;
	width: 45px;
	line-height: 3em;
	background: #badadf;
}

.igxMiniCal tr .day.selected{
	color: #00788a;
}

.igxMiniCal tr td:first-child {
	width: 42px;
	border-left-width: 1px;
}

.igxMiniCal tr .today {
	font-weight: bold;
}

.igxMiniCal tr .today a {
	color: #fff;
}

.igxMiniCal tr .adjacentMonthDay {
	color: #9da6aa;
}

.igxMiniCal span.day[onclick]{ font-weight: bold; }

#emergencyAlert{ background-color: #fff16e;
	color: #f47321;
	padding: 1em;
	font-family: Arial, sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	margin: -20px 0 10px 0; }
	
#igx_overlay{ background: #222;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: block; }
	
#igx_overlay iframe{ border: 0;
	width: 1024px;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 -512px; }
	
a#close_overlay{ display: block;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background: transparent url(../../images/overlay_close.png) scroll left top no-repeat;
	position: absolute;
	left: 50%;
	margin-left: 500px;
	top: 0;
	z-index: 10001;
	cursor: pointer;
	cursor: hand; }
	
html.overlayed, html.overlayed body{ overflow: hidden; }


/* jump navigation */
select.jumpNav{ font-family: inherit; font-size: 1.087em; width: 300px; }

/* flash-look-alike bidness. */
img#logoOverlay{ margin-top: 20px;
	z-index: 10; }
	
div.slide{ position: absolute;
	left: 0;
	top: 0;
	display: none; }
	
div.slide.hidden{ height: 0; width: 0; opacity: 0; }
	
div.slide#slide1{ display: block; }

div.slide h1{ color: #fff;
	position: absolute;
	left: 30px;
	top: 175px;
	z-index: 2;
	font-size: 3.5em;
	width: 413px; }
	
div.slide p{ position: absolute;
	color: #fff;
	width: 400px;
	left: 30px;
	top: 255px;
	font: 1.3em Arial, Helvetica, sans-serif; }
	
div#banner.home{ width: 1024px; height: 393px; }
	
div#banner.portal { background: url(../../Images/portal_flash_swatch.jpg) scroll left top no-repeat;
	width: 1024px;
	height: 390px; }
	
	
	
div#banner a#portalHomeLink{ display: block; width: 312px; height: 94px; position: absolute; top: 20px; }
div#banner a#portalHomeLink img{ display: block; width: 312px; height: 94px; border: 0; }
	
div.ps{ position: absolute;
	left: 0;
	top: 0;
	width: 1024px;
	height: 390px; }
	
div.ps#slide1{ visibility: visible; }

div.ps.hidden{ visibility: hidden; }
	
div.ps h1{ color: #ffcc41;
	position: absolute;
	left: 32px;
	top: 170px;
	z-index: 2;
	font-size: 3.5em;
	width: 245px; }
	
div.ps p{ color: #fff; 
	position: absolute; 
	left: 32px;
	top: 290px;
	width: 245px;
	font: 1.3em Arial, Helvetica, sans-serif; }
	
div.ps object{ position: absolute;
	left: 310px; }
	
div.ps img.portalImage{ position: absolute;
	left: 310px; }
	
div.slide a{ color: #CCCC00; }

ul#count{ list-style: none;
	position: absolute;
	bottom: 0.8em;
	left: 30px;
	font: 1.6em Georgia, serif;
	margin: 0 0 15px;
	padding: 0; }

ul#count li{ display: inline;
	padding: 0;
	margin-right: 0.5em; }
	
ul#count li.lit a{ color: #CCCC00; }
	
ul#count li a{ color: #fff; font-weight: bold; }