body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #EAEAEA;
}
a:focus {
	color: #990000;
	text-decoration: none;
}

#osu-Navbar {
	width: 84%;
	margin: 0 auto !important;
}

div#osu-NavbarBreadcrumb p#osu, div#osu-NavbarBreadcrumb p.org-breadcrumb
{
  float: left;
  line-height: 2.37;
  font-size: 93%;
}

div#osu-NavbarBreadcrumb p.org-breadcrumb
{
  background: transparent url('../osu-navbar-media/img/arrow_twisty.png') no-repeat left center;
  padding: 0px 5px 0px 14px;
}

div#osu-NavbarBreadcrumb p.org-breadcrumb abbr
{
  border: none;
  text-decoration: none;
}

div#osu-NavbarBreadcrumb p.org-breadcrumb a
{
  color: #3d3d3d;
  text-decoration: none;
}

div#osu-NavbarBreadcrumb p.org-breadcrumb a:hover, 
div#osu-NavbarBreadcrumb p.org-breadcrumb a:focus, 
div#osu-NavbarBreadcrumb p.org-breadcrumb a:active { text-decoration: underline; }

#page {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding: 2%;
}
#header {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 30px;
	padding-bottom: 10px;
}
#header h1 {
	font-size: 150%;
	font-weight: normal;
}
#page-content {
	font-size: 80%;
	line-height: normal;
}
#page-content h2 {
	font-size: 150%;
	font-weight: normal;
}


#page-content ul {
	padding: 20px;
}


#page-content li {
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	margin-bottom: 10px;
}
#footer {
	font-size: 60%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.5em;
}
#osu-logo {
	float: left;
	height: 58px;
	width: 58px;
}
#footer-content {
	padding-left: 65px;
}

/* media queries */

/* smartphone, portrait */
@media screen and (max-width: 320px) {
	#osu-Navbar {
		width: 100%;
		margin: 0;	
	}
	#page {
		width: 100%;
		margin: 0;
	}
	#page-content li {
		backgroun-position: left top;	
	}
}

@media screen and (min-width: 1px) and (max-width: 881px) {
	#osu-NavbarLinks ul {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		top: 10000000em;
	}
}

@media screen and (min-width: 1px) and (max-width: 1333px) {
	.org-breadcrumb {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		top: 10000000em;
	}
}

@media screen and (min-width: 1333px) {
	#osu-Navbar {
		min-width: 1106px;	
	}