body { margin: 0; padding: 0; color: #424242; background: #c0c0c0; font: 80% Arial, Helvetica, sans-serif !important; }

a { color: #424242; }
a:hover { text-decoration: underline !important; }
a img { border-style: none; }
.cb { clear: both; width: 100%; height: 1px; }

h1, h2, h3, h4, h5 { font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; }
h1 { font-size: 180%; margin: 10px 0; text-indent: -8px; }
h2 { font-size: 150%; margin-bottom: 0; }
h3 { font-size: 120%; margin-bottom: 0; }
h4 { font-size: 90%; text-transform: uppercase; }
h5 { }

p, ul { margin-top: 8px; margin-bottom: 8px; }

ul { list-style-image: url('/design/bullet_arrow.png'); }
li { margin-bottom: 4px; }


/* Master Page Layout ================================================== */

#designLayout { width: 980px; margin: 0 auto; position: relative; background: #fff; }
#topMenu { border: 0px dotted red; width: 980px; background-color: #ffffff; margin: 0 auto; position: relative; z-index: 0; }

/* login controls */

#loginPanels { position: absolute; top: 0; right: 300px; width: 225px; color: #fff; }
#loginPanels a { color: #fff; text-decoration: none; }
#loginLink {
	z-index: 100; 
	width: 195px; height: 24px;
	padding-top: 8px; padding-left: 30px;
	text-transform: uppercase;
	font-size: 80% !important; line-height: 100% !important; font-weight: bold;
	color: #fff; background: url('/design/LoginGradient_closed.png') no-repeat left top;
	}
#loginWelcomeContainer a.explicitLogin { margin-top: 4px; font-size: 90% !important; line-height: 100% !important; }				

#loginControl { 
		/*z-index: 100;
		padding: 50px 10px;
		width: 205px;
		height: 100px;
		background: url('/design/LoginGradient_open.png') no-repeat left bottom;*/
	}
	.tbxLoginUsername, .tbxLoginPassword { margin: 3px 0; width: 190px; height: 12px; font-size:85%; }
	.loginFieldButton { margin: 4px 0; }
	.loginVisitorLink { margin-top: 12px; margin-left: 20px; width: 130px; float: left; line-height: 100%; }
	.loginVisitorLink a { font-size: 85% !important; font-weight: bold; }
	.loginButtonClose { margin-top: 12px; width: 17px; float: right; }

#headerLayout { height: 25px; z-index: 0; padding: 5px 20px 0 20px; font-size: 85%; font-weight: bold; color: #000; background: #dadada url('/design/header_backgrd.jpg') no-repeat left bottom; }
	#contactInfo { width: 400px; height: 16px; float: left; padding-left: 15px; padding-top: 2px; background: url('/design/icon_cell.png') center left no-repeat; }
	#siteLinks { width: 300px; margin-top: 3px; float: right; text-align: right; text-transform: uppercase; vertical-align: top; }
	#socialLinks { float: right; text-align: right; padding-left: 10px; border-left: 1px dotted #828282; }
	#siteLinks a { color: #000; text-decoration: none; padding-right: 10px; padding-bottom: 4px; }
	
#bannerLayout { height: 99px; background: #fff url("../../../../design/banner_backgrd.png") top left no-repeat; }
	#bannerLogo { width: 615px; float: left; }
	#bannerTools{ width: 300px; margin-top: 20px; margin-right: 20px; float: right; text-align: right; }
	#bannerTools #SRSB { width: 275px; }
	#bannerTools .ms-sbtable { background: url('/design/search_backgrd.gif') no-repeat left 50%; }
	#bannerTools .ms-sbcell { padding-left: 10px; }
	#bannerTools input { border-style: none; background: transparent; }
	#bannerTools .ms-sbgo { width: 29px; padding: 0; background: #fff; text-align: left; }
	#bannerTools .ms-sbLastcell { background: #fff; }
	#mossWelcome { margin-top: 15px; font-size: 85%; text-align: right; float: right; margin-right: 20px; }
	#mossActions { margin-top: 15px;  float: right; font-size: 85%; text-align: right; }

#masterContentContainer { padding-top: 10px; padding-left: 20px; background: #fff url('/design/PageContentTop.gif') top left no-repeat; }

table#masterColumnLayout { width: 960px; border-collapse: collapse; border-top: 1px dotted #ccc;  }
	#masterColumnLayout td { vertical-align: top; border-collapse: collapse; }	
	td#masterColumnLeft { width: 220px; padding: 30px 20px 50px 0; }
	td#masterColumnRight { width: 720px; padding-bottom: 20px; }

/* navigation menus */
#siteTitle { margin-top: 0; margin-bottom: 5px; color: #000; font: bold 160%/100% "Myriad Pro", Arial, Helvetica, sans-serif; }
#mainNavigationBar { z-index:0; padding: 0 10px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; color: #000; background:  url('/design/nav_backgrd.jpg') no-repeat left top; }
	
/* primary navigation */
.globalNav { margin-top: -1px; border-collapse: collapse !important; border-style: none !important; z-index: 60 !important; }
.globalNavItem { height: 45px; padding-left: 6px; border-style: none; }
.globalNavItem a { display: block; height: 30px; color: #000; padding: 13px 12px 0 6px; font-size: 115% !important; text-decoration: none; background: url('/design/navarrow.png') no-repeat left 50%; }
.globalNavItemHover { }
.globalNavItemActive { background: url('/design/navHilite.png') top left no-repeat; }
.globalNavItemActive a { background: url('/design/navHiliteRight.png') top right no-repeat; }

.globalNavMenuItem { background: #e9e9e9; border-bottom: 1px solid #c6c6c6; z-index: 60 !important;}
.globalNavMenuItem a { 
	display: block; 
	padding: 4px 8px 4px 15px;
	font-size: 100% !important;
	text-decoration: none; 
	color: #000; 
	background: url('/design/SubNavArrow.png') 50% left no-repeat; 
	}
.globalNavMenuItem a:hover { color: #fff; background: #be0f34; text-decoration: none; }
.globalNavMenuItemHover { }
.globalNavMenuItemActive { }

/* secondary navigation */
.currentNav  { width: 100%; border-bottom: 1px dotted #ccc; }
	.currentNavHeader { border-top: 1px dotted #ccc;  }
	.currentNavHeader a { display: block; padding: 5px 10px; font-weight: bold; font-size: 110% !important; text-decoration: none; color: #424242; background: url('/design/navarrow.png') no-repeat left 50%; }
	.currentNavHeaderActive { }
	.currentNavItem1 a { display: block; padding: 4px 10px 4px 0; font-size: 100% !important; color: #424242; }
	.currentNavItem { }
	.currentNavItemActive { }
	
#breadcrumbTrail { margin-bottom: 10px; font-size: 85%; }
#breadcrumbTrail span.tag { font-weight: bold; }

/* footer area */

#footerMap { margin-top: 10px; margin-right: 20px; padding: 0; border-top: 1px dotted #000; }
	#footerMap table.toc-layout-main { width: 100%; }
	#footerMap table.toc-layout-main td {  }
	#footerMap table.toc-layout-main a { text-decoration: none; }
	#footerMap div.level-section { font-size: 85%; }
	#footerMap div.level-header { margin: 0; padding: 0; }
	#footerMap span.headertitle-large { display: block; margin-top: 15px; font-weight: bold; color: #000; }
	#footerMap span.headertitle-large a { color: #000; }
	#footerMap span.headertitle { font-weight: normal; margin: 0; padding: 0; }
	
#footerLayout { padding: 35px 20px; font-size: 85%; background: #e9e9e9 url('/design/footer_backgrd.jpg') no-repeat left top; }
	#copyright { width: 275px; float: left; font-weight: bold; }
	#footerLinks { width: 625px; float: right; text-align: right; font-weight: bold; }
	#footerLinks ul { list-style: none; margin-top: 0; margin-bottom: 0; }
	#footerLinks li { display: inline; padding-left: 5px; border-right: 1px dotted #424242; white-space: nowrap; }
	#footerLinks li.last { border-right-style: none; }
	#footerLinks a { text-decoration: none;  }
	#footerLayout address { margin-top: 30px; clear: both; }

/* Interior Page layouts  ================================================================== */

.innerLayoutContainer { padding-right: 20px; }
.pageImage { }
.pageContent { margin: 10px 0; } /* page content text fields */

table.pageLayout { width: 700px; border-collapse: collapse; }
	td.pageLeft { width: 460px; padding-right: 20px; }
	td.pageRight { width: 220px; }

table.doubleColumnLayout { width: 700px; border-collapse: collapse; }
	.doubleColumnLayout td.pageLeft { width: 350px; padding-right: 10px; }
	.doubleColumnLayout td.pageRight { width: 350px; padding-left: 10px; }
	
#subLandingLayout td.pageRight { padding-top: 15px; }
#eventPageLayout td.pageRight { padding-top: 15px; }
#landingPageLayout .pageLayout {  }
#landingPageLayout td.pageRight { padding-top: 10px; }


/* content metadata */
fieldset { margin-top: 15px; border: 1px solid green; padding: 10px; }
legend { font-weight: bold; color: green; }
fieldset.metadata { width: 650px; }
	fieldset.metadata .ms-formfieldcontainter, #newsRedirectPage .ms-formfieldcontainer { margin-bottom: 10px; }
	table.editModePanel { margin: 10px 0; }
	table.editModePanel td { vertical-align: top; }
	table.editModePanel td.thumbPanel { width: 48%; padding-right: 2%;}
	table.editModePanel td.abstractPanel { width: 48%; padding-left: 2%;}

/* page components */
.sectionImage { width: 720px; overflow: hidden; }
.articleDeck { font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; font-size: 110%; }
.articleDeck p { margin-top: 0; }
.newsPageTitle { margin-bottom: 0; }
.newsByline { margin-top: 5px; }

/* sharepoint component styling =========================================================================== */

/* item style: section rollup */

.sectionRollupItem { margin: 10px 0; }
	.rollupImage { width: 140px; float: left; overflow: hidden; }
	.rollupText { margin-left: 155px; }
	.rollupText h3 { margin-top: 0; font-size: 100%; }
	.rollupText h3 a { text-decoration: none; color: #000; }
	.rollupText .description { font-size: 90%; }
	.rollupLink { padding-left: 13px; font-size: 80%; background: url('/design/bullet_arrow.png') left center no-repeat; }

/* web parts and web zones */
#masterColumnLeft .webZone { margin: 10px 0; }

.ms-WPHeader td { }
.ms-partline { padding: 5px 0; }

/* lists */
.link-item a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; }
.ms-menutoolbar, table.ms-toolbar, .ms-toolbarContainer { background: #dddddd; }
.ms-separator img { background: #cccccc; }
.ms-viewheadertr { background: #f3f3f3; font-size: .8em; }

/* forms */
.ms-formlabel { border-top: 1px #cccccc dotted; }
.ms-formbody { background: #f3f3f3; border-top: 1px #cccccc dotted; }
.ms-formline { border-top: 1px #cccccc dotted; }

/* calendar */
.ms-cal-gempty { font-size: .8em; }
.ms-datepickerouter { font-size: .8em; }

/* discussions */
.ms-disc-bar { background: #f3f3f3; }
.ms-disc-bordered-noleft { border-color: #cccccc; }

/* blogs */
.ms-PostDate { font-size: 1em; font-weight: normal; border-bottom: 1px #cccccc dotted; }
.ms-PostTitle { font-size: 1.3em; border-bottom: 1px #cccccc solid; }
.ms-blogedit { }
.ms-PostBody { }
.ms-PostFooter { }
.ms-CommentHeader { border-bottom: 1px #cccccc dotted; }
.ms-CommentTitle { }
.ms-CommentBody { }

/* wiki */
.ms-wikieditouter { background: #f3f3f3; }
a.ms-wikilink { text-decoration: none; }
a.ms-missinglink { border-bottom: 1px #cccccc dashed; }

/* bullets */
.bullet, .level-bullet { padding-left: 12px; background: url('/design/bullet_arrow.png') center left no-repeat; }

/* helpful links */
.OSUAAHelpfulLinkHeader	{ line-height:18px; display: block; font-weight: bold; color: #000; }
.OSUAAHelpfulLink a { line-height:18px; text-decoration:underline; }
.OSUAAHelpfulLink li:before { content: "\00BB \0020"; }

/* BDC Styles ======================================================================================= */

.cb { clear: both; }
.showHide { float: right; padding: 5px 10px 5px 0; }
.facilityTitle, .individualTitle { padding: 5px 10px; border-bottom: 1px #cccccc solid; }
.facilityPanel, .individualPanel { padding: 5px 10px; margin: 0 0 5px 0; background: #f4f4f4; color: #444444; font-size: 95%; border-bottom: 1px #cccccc solid; }
.facilityDetailsLeft, .individualDetailsLeft { float: left; }
.facilityDetailsRight, .individualDetailsRight { text-align: right; float: right; }

/* eWeb style issues 12-11-09 =========================================================== */

#xeWebContentPaneTable { position: relative; }
#xWizardContentTable { position: relative; z-index: 0; }


 /* modal dialog */
 #simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#fff; border:8px solid #444; padding:12px;}
#simplemodal-container a.modalCloseImg {
	background:url(/design/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}


/* login controls - Remove Login Box by Nate on 2/22/10 

#loginPanels { display:none !important; position: absolute; top: 0; right: 300px; width: 225px; color: #fff; }
#loginPanels a { display:none !important; color: #fff; text-decoration: none; }
#loginLink {
	z-index: 100; 
	width: 195px; height: 24px;
	padding-top: 8px; padding-left: 30px;
	text-transform: uppercase;
	font-size: 80% !important; line-height: 100% !important; font-weight: bold;
	color: #fff; background: url('/design/LoginGradient_closed.png') no-repeat left top;
	}
#loginWelcomeContainer a.explicitLogin { margin-top: 4px; font-size: 90% !important; line-height: 100% !important; }				

#loginControl { 
		z-index: 100;
		padding: 5px 10px;
		width: 205px;
		height: 100px;
		background: url('/design/LoginGradient_open.png') no-repeat left bottom;
	}
	.tbxLoginUsername, .tbxLoginPassword { margin: 3px 0; width: 190px; height: 12px; font-size:85%; }
	.loginFieldButton { margin: 4px 0; }
	.loginVisitorLink { margin-top: 12px; margin-left: 20px; width: 130px; float: left; line-height: 100%; }
	.loginVisitorLink a { font-size: 85% !important; font-weight: bold; }
	.loginButtonClose { margin-top: 12px; width: 17px; float: right; } 
	
	*/