/*
Name:        layout.css
Author:      Kyle Brickman, Kurt Jull
Description: CSS layout definitions
Created:     24 March 2009
Modified:    9 Nov 2011 by Roxanne Martinez
Notes:       This file should contain ONLY definitions for what appears in site layout templates
*/

@media all
{
	@font-face {
		font-family: 'open-sans';
	    src: /*url('myfont.woff') format('woff'),*/ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	    url('/fonts/OpenSans-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
	}
	/* Default Tags *********************************/
	body
	{
		/*text-align:  center;*/
		font-family: open-sans !important;
		font-size:   12px;
		color:       #666 !important;
		line-height: 19px;
		min-width:   500px;
		padding:     0;
		margin:      0;
	}

	table
	{
		border-collapse: collapse;
		border: 0px;
	}

	td
	{
		padding: 0px;
	}

	img
	{
		border: 0px;
	}

	form
	{
		margin: 0;
	}

	/* Public Layout ********************************/
	table.layPage
	{
		margin-left:  auto;
		margin-right: auto;
		text-align:   left;
		width:        1000px;
	}

	td.layHeader
	{
		background-color: #ccc;
	}

	td.layNavLeft
	{
		background-color: #999;
		vertical-align:   top;
		width:            200px;
		padding:          0px;
	}

	td.layBody
	{
		background-color: #fff;
		vertical-align:   top;
		padding:          0px;
		padding-bottom:   20px;
		padding-right:    10px;
	}

	td.layBodyAdmin
	{
		background-color: #fff;
		vertical-align:   top;
		padding:          0px;
		padding-bottom:   20px;
		border-right:     1px solid #e4e4e4;
	}

	td.layNavRight
	{
		background-color: #999;
		width:            200px;
		vertical-align:   top;
		padding:          0px;
	}

	td.layFooter
	{
		background-color: #ccc;
		text-align:       right;
	}

	td.layFooterLogo
	{
		width:      60px;
		text-align: center;
		padding:    6px;
	}

	.bannerRow
	{
		background-image: url(../images/layout/banner_bg_layer1_x.jpg);
		background-repeat: repeat-x;
		height: 228px;
	}

	.bannerRowblue
	{
		background-image: url(../images/layout/banner_bg_layer1_blue.jpg);
		background-repeat: repeat-x;
		height: 228px;
	}

	.bannerRowwhite
	{
		background-image: url(../images/layout/banner_bg_layer1_grey.jpg);
		background-repeat: repeat-x;
		height: 228px;
	}

	table.banner
	{
		background-image: url(../images/layout/banner_bg_layer2.png);
		background-repeat: no-repeat;
		background-position: left;
		height: 228px;
	}

	table.bannerSm
	{
		background-image: url(../images/layout/bannerSm_5.png);
		background-repeat: no-repeat;
		background-position: left;
		height: 124px;
	}

	.bannerTopShadow
	{
		background-image: url(../images/layout/banner_topShadow.png);
		background-repeat: repeat-x;
		height: 12px;
		top: 0;
	}

	.bannerGlow
	{
		background-image: url(../images/layout/Glow_grey.png);
		background-repeat: repeat-x;
		height: 35px;
		top: 0;
	}

	.bannerGlowblue
	{
		background-image: url(../images/layout/Glow_blue.png);
		background-repeat: repeat-x;
		height: 35px;
		top: 0;
	}

	.bannerGlowgold
	{
		background-image: url(../images/layout/Glow_gold.png);
		background-repeat: repeat-x;
		height: 35px;
		top: 0;
	}

	td.bannerBottomShadow
	{
		background-image: url(../images/layout/banner_bottomShadow.png);
		background-repeat: repeat-x;
		height: 14px;
		bottom: 0;
	}

	input.ctaBtn
	{
		width:               197px;
		height:              33px;
		background-repeat:   no-repeat;
		background-position: top left;
		font-size:   14px;
		font-weight: bold;
		color:               #fff;
		font-family:         open-sans;
		background:transparent url(/images/layout/ctaEmptyBtn1.png) no-repeat center top;
		overflow: hidden;
		margin: 0;
		border: 0;
		cursor: pointer; /* hand-shaped cursor */
 		cursor: hand; /* for IE 5.x */

	}

	input.ctaBtn:hover
	{
		background:          url(/images/layout/ctaEmptyBtn2.png);
	}

	a.learnWhich
	{
		width:               197px;
		height:              33px;
		background:          url(/images/layout/whichCourse1.png);
		background-repeat:   no-repeat;
		background-position: top left;
		text-indent:         -9999px;
		display:             block;
		position:            relative;
		top:                 230px;
	}

	a.learnWhich:hover
	{
		background:          url(/images/layout/whichCourse2.png);
	}

	a.findCourse
	{
		width:               197px;
		height:              33px;
		background:          url(/images/layout/findCourse1.png);
		background-repeat:   no-repeat;
		background-position: top left;
		text-indent:         -9999px;
		display:             block;
		position:            relative;
		top:                 230px;
	}

	a.findCourse:hover
	{
		background:          url(/images/layout/findCourse2.png);
	}

	.footer, .footerblue, .footergold
	{
		background-image: url(../images/layout/foot_bg.png);
		background-repeat:repeat-x;
		height: 45px;
		font-size:11px;
		font-family:open-sans;
		color:  #ccc;
	/*	width: 33%;*/
		text-align: center;
	}

	.footerblue
	{
		background-image: url(../images/layout/foot_bg_blue.png);
	}

	.footergold
	{
		background-image: url(../images/layout/foot_bg_gold.png);
	}

	.footer a, .footerblue a, .footergold a
	{
		font-size:11px;
		font-family:open-sans;
		color:  #ccc;
	}

	.footer a:hover, .footerblue a:hover, .footergold a:hover
	{
		color: #fff;
	}

	td.footerText
	{
		padding-left: 15px;
		padding-top:  4px;
	}

	img.slogan, img.sloganHome
	{
		margin-bottom: -15px;
		margin-left: 220px;
	}

	img.sloganHome
	{
		z-index: 20;
		margin-bottom: -34px;
		position: relative;
	}

	div.leftBar
	{
		float: left; display: inline;
		padding-left: 15px;
		padding-right: 50px;
		padding-bottom: 20px;
		margin-top: -172px;
		z-index: 5; position: relative;
	}

	/*
div.leftBar table, div.leftBar table tr, div.leftBar table img, .leftContent, .leftContent3
	{
		z-index: 5; position: relative;
	}
*/


	div.feature
	{
		background: url(/images/layout/featureBG.png) no-repeat;
		/*width:      290px;*/
		height:     230px;
		padding:    0px 15px 15px 15px;
		overflow:   hidden;
	}

	div.cta1
	{
		background: url(/images/layout/ctaBG1.png) no-repeat;
		width:      290px;
		height:     281px;
	}

	div.cta2
	{
		background: url(/images/layout/ctaBG2.png) no-repeat;
		width:      290px;
		height:     281px;
	}

	div.featureBG
	{
		width:      290px;
		height:     245px;/*230px*/
		padding-bottom: 15px;
	}

	div.ctaMask
	{
		background: url(/images/layout/ctaMask.png) no-repeat;
		width:      290px;
		height:     281px;
	}

	div.ctaMask h1
	{
		color:      #906e02;
		letter-spacing: 0px !important;
		font-size: 18px;

	}

	div.ctaMask div.text
	{
		padding:    15px 15px 5px 15px;
		height:     207px;
		overflow:   hidden;
	}

	div.topSpace div.text
	{
		/*padding:    0px 35px 5px 0px;*/
		height:     135px;/*130px*/
		overflow:   hidden;
	}

	/*div.topSpace input.ctaBtn
	{
		margin-right: 30px;
	}*/

	td.ctaContainer
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.topSpace
	{
		padding-top: 40px;
	}

	.leftText
	{
		font-family: open-sans;
		font-size:   12px;
		color:       #ffc407;
	}

	.leftHeader{
		font-size:16px;
		font-weight:bold;
		color:#000;
		letter-spacing:2px;
		line-height:21px;
		margin:0px;
		padding: 0px;
	}

	.leftContent
	{
		background-image: url(../images/layout/left_bgRepeat_y.png);
		background-repeat: repeat-y;
		font-size:11px;
		color: #999;
	}

	.leftContent a
	{
		font-family: open-sans;
		font-size:   12px;
		color:       #ffc407;
		text-decoration: underline;
	}

	.leftContent a:hover
	{
		color:       #fff;
	}

	.leftContent2
	{
		background-image: url(../images/layout/left_bgTall.jpg);
		background-repeat: no-repeat;
		background-position:left;
		height: 93px;
		font-size: 11px;
		color: #999;
	}

	.leftContent3
	{
		background-image: url(../images/layout/left_bgShort.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		height: 52px;/*50px*/
		font-size: 11px;
		color: #999;
	}

	.osuIcon,
	tr.leftContent td div.osuIcon
	{
		background-image: url(../images/layout/OSUlogo2018.png);
		background-size: auto 100%;
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
		padding: 0;
		width: 100%;
		height: 150px;
		box-sizing: border-box;
		border-right: 8px solid transparent;
		margin: 10px 0 15px 0;
	}

	.osuIcon:after
	{
		content: '';
		padding: 55.5px 44px;
	}

	.chWhite{
		color: #ffc407;
	}

	.contactInfo
	{
		padding-right: 20px;
	}

	td.leftTop
	{
		background-image: url(../images/layout/left_top.png);
		background-repeat: no-repeat;
		height: 6px;
		width: 207px;
	}

	td.leftBottom
	{
		width:  207px;
		height: 16px;
		background: url(../images/layout/left_bottom.png) no-repeat;
	}


	/* Homepage slideshow ***************************/

	div.homeSlides
	{
		position: absolute;
		top: 37px;
		z-index: 3;
	}

	div#slideshow
	{
		z-index: 3;
	}

	div.homeSlides img
	{
		position: absolute;
	}

	#selectImage
	{
		float: right;
	}

	#selectImage ul {
		margin: 0;
		position: relative;
		bottom: -7px;
		/*left: 773px;*/
	}
	#selectImage li {
		background: transparent url(/images/layout/box1.png) no-repeat;
		height: 21px;
		width: 21px;
		margin: 0 1px;
		display: inline;
		position: relative;
	}

	#selectImage li.active {
		background-image: url(/images/layout/box2.png);
	}

	/* BULLET NAV */
	.orbit-bullets { z-index: 1000; list-style: none;  margin: 0; padding: 0; }
	.orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(/images/orbit/bullets.png) no-repeat 0 0; width: 7px; height: 7px; overflow: hidden; }
	.orbit-bullets li.active { color: #222; background-position: -7px 0; }

	/* Admin Layout *********************************/
	td.layHeaderAdmin
	{
		background-color: #0e0e0e;
		border-bottom:    1px solid #000;
	}

	td.layNavLeftAdmin
	{
		background-color: #ececec;
		vertical-align:   top;
		width:            140px;
		padding:          0px;
	}

	td.layFooterAdmin
	{
		background-color: #fff;
		border-top:    8px solid #000;
	}

	div.adminNavFloat
	{
		float:         right;
		text-align:    right;
		padding-top:   20px;
		padding-right: 10px;
	}

	.adminBody
	{
		background-color: #fff;
		background: url(../images/admin/BGmap.jpg) no-repeat;
		background-position:top;
	}

	.cpLeft
	{
		width:			20%;
		padding-right:	10px;
	}


	/* Backgrounds **********************************/

	.nonCourseTop {
	background-image:url(../images/layout/nonCourseBG_top.jpg);
	background-repeat:no-repeat;
	height:17px;
	width:575;
	padding:0px;
	margin:0px;
}

.nonCourseRepeat {
	background-image:url(../images/layout/nonCourseBG_repeat-y.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	width:575;
	padding:0px;
	margin:0px;
}

.nonCourseBottom {
	background-image:url(../images/layout/nonCourseBG_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:575;
	padding: 0px;
	margin:0px;

}

/**************************************************************************
Tablet-specific Styles
**************************************************************************/

@media only screen and ( max-width: 768px )
{
	td.layBody
	{
		height: 1000px;
	}
}