body,html
{
	margin: 0px;
}

body
{
	background-color: #9D9D9D;
	font-size: 12px;
}

a.footerLink
{
	color: #6979A5;
	font-family: Arial;
	text-decoration: none;
}

a.footerLink:hover
{
	text-decoration: underline;
}

a.headerFacebook
{
	background-image: url('socialFacebook.png');
	background-repeat: no-repeat;
	display: block;
	height: 49px;
	margin-left: 860px;
	margin-top: 20px;
	position: absolute;
	width: 107px;
}

a.headerLogo
{
	background-image: url('sotcLogo.png');
	display: block;
	height: 97px;
	margin-top: 20px;
	margin-left: 20px;
	position: absolute;
	width: 194px;
}

a.headerMenu
{
	background-repeat: no-repeat;
	background-position: center;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	height: 40px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 86px;
}

a.headerMenu:hover
{
	background-color: #4aa22c;
}

a#headerMenuNav1
{
	background-image: url('navHome.png');
}

a#headerMenuNav2
{
	background-image: url('navAbout.png');
	margin-left: 35px;
}

a#headerMenuNav3
{
	background-image: url('navStudents.png');
	/*margin-left: 172px;*/
	margin-left: 35px;
}

a#headerMenuNav4
{
	background-image: url('navJobs.png');
	margin-left: 258px;
}

a#headerMenuNav5
{
	background-image: url('navEmployers.png');
	/*margin-left: 344px;*/
	margin-left: 35px;
}

a#headerMenuNav6
{
	background-image: url('navAlumni.png');
	margin-left: 430px;
}

a#headerMenuNav7
{
	background-image: url('navTimeline.png');
	margin-left: 516px;
}

a#headerMenuNav8
{
	background-image: url('navSupporters.png');
	margin-left: 602px;
}

a#headerMenuNav9
{
	background-image: url('navDonate.png');
	margin-left: 688px;
}

a.headerMenuNavLink
{
	color: #FFFFFF;
	display: block;
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 2px;
	margin-left: 9px;
	padding-top: 3px;
	text-decoration: none;
	text-transform: uppercase;
}

a.headerMenuNavLink:hover
{
	text-decoration: underline;
}

a.schoolList1
{
	background-image: url('schoolLinks.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 96px;
	width: 92px;
}

a.schoolList1:hover
{
	background-position: 0px -98px;
}

a.schoolList2
{
	background-image: url('schoolLinks.png');
	background-position: -92px 0px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 96px;
	width: 92px;
}

a.schoolList2:hover
{
	background-position: -92px -98px;
}

a.schoolList3
{
	background-image: url('schoolLinks.png');
	background-position: -184px 0px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 96px;
	width: 92px;
}

a.schoolList3:hover
{
	background-position: -184px -98px;
}

a.schoolList4
{
	background-image: url('schoolLinks.png');
	background-position: -276px 0px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 96px;
	width: 92px;
}

a.schoolList4:hover
{
	background-position: -276px -98px;
}

a.schoolList5
{
	background-image: url('schoolLinks.png');
	background-position: -368px 0px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 96px;
	width: 92px;
}

a.schoolList5:hover
{
	background-position: -368px -98px;
}

a.schoolList6
{
	background-image: url('schoolLinks.png');
	background-position: -460px 0px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 96px;
	width: 92px;
}

a.schoolList6:hover
{
	background-position: -460px -98px;
}

a.schoolList7
{
	background-image: url('schoolLinks.png');
	background-position: -552px 0px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 96px;
	width: 92px;
}

a.schoolList7:hover
{
	background-position: -552px -98px;
}

a.schoolListLinks
{
	color: #031155;
	font-family: Arial;
	text-decoration: none;
}

a.schoolListLinks:hover
{
	text-decoration: underline;
}

a.subpageInfoLink
{
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 16px;
}

div.contentArea
{
	background-image: url('pageBottomBg.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
}

div.contentAreaInt
{
	min-height: 500px;
}

div.footer
{
	background-color: #031155;
	color: #6979A5;
	font-family: Arial;
	font-size: 9px;
	font-weight: bold;
	height: 20px;
	text-align: center;
	text-transform: uppercase;
	line-height: 19px;
}

div.headerDay
{
	background-image: url('headerDayBg.jpg');
	background-repeat: no-repeat;
	height: 170px;
}

div.headerNight
{
	background-image: url('headerNightBg.jpg');
	background-repeat: no-repeat;
	height: 170px;
}

div.headerMenu
{
	background-image: url('menuBg.png');
	background-repeat: repeat-x;
	height: 40px;
	margin-left: 200px;
	margin-top: 115px;
	position: absolute;
	width: 775px;
	z-index: 2;
}

div.headerMenuDouble
{
	position: absolute;
}

div#headerMenuDouble0
{
	margin-left: 52px;
}

div#headerMenuDouble1
{
	margin-left: 137px;
}

div#headerMenuDouble2
{
	margin-left: 309px;
}

div.headerMenuNav
{
	display: none;
	z-index: 3;
}

div.headerMenuNavBottom
{
	background-image: url('navMenuBottom.png');
	background-repeat: no-repeat;
	height: 3px;
	width: 156px;
}

div#headerMenuNavAboutMenu
{
	margin-top: 48px;
}

div#headerMenuNavEmployersMenu
{
	margin-top: 48px;
}

div.headerMenuNavSep
{
	background-image: url('navMenuSep.png');
	background-repeat: no-repeat;
	height: 1px;
	margin-left: 8px;
	width: 140px;
}

div#headerMenuNavStudentsMenu
{
	margin-top: 48px;
}

div.headerMenuNavTile
{
	background-image: url('navMenuTile.png');
	background-repeat: repeat-y;;
	width: 156px;
}

div.headerMenuNavTop
{
	background-image: url('navMenuTop.png');
	background-repeat: no-repeat;
	height: 3px;
	width: 156px;
}


div.page
{
	background-color: #FFFFFF;
	background-image: url('pageBg.jpg');
	background-repeat: repeat-y;
	margin: 0px auto;
	width: 975px;
}

div.schoolList
{
	background-image: url('schoolLinksBar.png');
	background-position: 10px 39px;
	background-repeat: no-repeat;
	text-align: center;
}

div.schoolListLinks
{
	color: #031155;
	font-size: 10px;
	font-weight: bold;
	height: 28px;
	text-align: center;
	text-transform: uppercase;
	line-height: 27px;
}

div.sectionTitle
{
	border-bottom: solid 1px #E2E6E6;
	color: #07198B;
	font-family: Verdana;
	font-size: 14px;
	margin-bottom: 12px;
	margin-top: 12px;
	text-transform: uppercase;
}

img
{
	border-width: 0px;
}

p
{
	color: #2D2D2D;
	font-family: Verdana;
	font-size: 11px;
	line-height: 20px;
	text-align: justify;
}

p.hard
{
	color: #A5A5A5;
	font-size: 12px;
	font-weight: bold;
}

ul
{
	color: #2D2D2D;
	font-family: Verdana;
	font-size: 11px;
	line-height: 20px;
	text-align: justify;
}

/*
Page specific elements
*/

/* Homepage */

a.homepageGettingStartedDonors
{
	background-image: url('buttonBeginHere.png');
	background-repeat: no-repeat;
	display: block;
	height: 29px;
	margin-left: 303px;
	margin-top: 289px;
	position: absolute;
	width: 138px;
}

a.homepageGettingStartedDonors:hover
{
	background-position: 0px -29px;
}

a.homepageGettingStartedEmployers
{
	background-image: url('buttonBeginHere.png');
	background-repeat: no-repeat;
	display: block;
	height: 29px;
	margin-left: 155px;
	margin-top: 289px;
	position: absolute;
	width: 138px;
}

a.homepageGettingStartedEmployers:hover
{
	background-position: 0px -29px;
}

a.homepageGettingStartedStudents
{
	background-image: url('buttonBeginHere.png');
	background-repeat: no-repeat;
	display: block;
	height: 29px;
	margin-left: 6px;
	margin-top: 289px;
	position: absolute;
	width: 138px;
}

a.homepageGettingStartedStudents:hover
{
	background-position: 0px -29px;
}

a.homepageJobsLogin
{
	color: #7E94FF;
	font-family: Impact;
	font-size: 14px;
	margin-top: 3px;
	margin-left: 424px;
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
}

a.homepageJobsR1
{
	color: #383838;
	font-family: Helvetica;
	font-size: 12px;
	font-weight: bold;
	line-height: 28px;
	text-decoration: none;
}

a.homepageJobsR1:hover
{
	text-decoration: underline;
}

a.homepageJobsR2
{
	color: #6F6F6F;
	font-family: Helvetica;
	font-size: 12px;
	font-weight: bold;
	line-height: 28px;
	text-decoration: none;
}

a.homepageJobsR2:hover
{
	text-decoration: underline;
}

a.homepageJobsTicker
{
	color: #FFFFFF;
	font-family: Impact;
	font-size: 14px;
	margin-top: 3px;
	margin-left: 10px;
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
}

div.homepageColumn1
{
	border-right: solid 1px #E2E6E6;
	padding-left: 19px;
	padding-right: 14px;
	width: 426px;
}

div.homepageColumn2
{
	margin-left: 474px;
	margin-top: 138px;
	position: absolute;
	width: 481px;
}

div.homepageColumn2Jobs
{
	height: 123px;
	margin-left: 464px;
	position: absolute;
	width: 500px;
}

div.homepageGettingStarted
{
	background-image: url('gettingStartedBg.png');
	background-position: 9px 0px;
	background-repeat: no-repeat;
	height: 344px;
	padding-left: 9px;
	width: 447px;
}

div.homepageGettingStartedDonors
{
	font-family: Arial;
	font-size: 10px;
	line-height: 16px;
	margin-left: 303px;
	position: absolute;
	padding-top: 157px;
	text-align: left;
	width: 138px;
}

div.homepageGettingStartedDonorsHeader
{
	color: #000000;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	margin-left: 299px;
	padding-top: 129px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 147px;
	z-index: 1;
}

div.homepageGettingStartedEmployers
{
	font-family: Arial;
	font-size: 10px;
	line-height: 16px;
	margin-left: 155px;
	padding-top: 157px;
	position: absolute;
	text-align: left;
	width: 138px;
}

div.homepageGettingStartedEmployersHeader
{
	color: #000000;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	margin-left: 149px;
	padding-top: 129px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 150px;
	z-index: 1;
}

div.homepageGettingStartedStudents
{
	font-family: Arial;
	font-size: 10px;
	line-height: 16px;
	margin-left: 6px;
	padding-top: 157px;
	position: absolute;
	text-align: left;
	width: 138px;
}

div.homepageGettingStartedStudentsHeader
{
	color: #000000;
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	padding-left: 11px;
	padding-top: 129px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 138px;
	z-index: 1;
}

div.homepageJobsBottom
{
	background-image: url('jobTickerBottom.png');
	background-repeat: repeat-x;
	height: 8px;
}

div.homepageJobsR1
{
	background-color: #E4E4E4;
	color: #383838;
	font-family: Helvetica;
	font-size: 12px;
	height: 31px;
	padding-left: 5px;
}

div.homepageJobsR2
{
	background-color: #F1F1F1;
	color: #6F6F6F;
	font-family: Helvetica;
	font-size: 12px;
	height: 31px;
	padding-left: 5px;
}

div.homepageJobsTop
{
	background-image: url('jobTickerTop.png');
	background-repeat: repeat-x;
	height: 28px;
	margin-top: 8px;
}

div.homepageVideo
{
	/*
	background-image: url('placeholderVideo.jpg');
	background-repeat: no-repeat;
	*/
	height: 342px;
	margin-left: 464px;
	position: absolute;
	width: 500px;
}

/* Subpage */

a.subpageInfoLink
{
	color: #FFFFFF;
}

a.subpageInfoText
{
	color: #FFFFFF;
	font-size: 18px;
	margin-left: 12px;
}

div.subpageColumn1
{
	border-right: solid 1px #E2E6E6;
	padding-left: 19px;
	padding-right: 14px;
	width: 426px;
}

div.subpageColumn2
{
	margin-left: 474px;
	position: absolute;
	width: 481px;
}

div.subpageColumnFull
{
	padding-left: 19px;
	padding-right: 14px;
}

div.subpageHeader
{
	background-image: url('subpageHeader.png');
	background-repeat: no-repeat;
	height: 35px;
	width: 965px;
}

div.subpageHeaderText
{
	color: #07198B;
	font-size: 24px;
	padding-right: 11px;
	padding-top: 4px;
	text-align: right;
	text-transform: uppercase;
}

div.subpageInfo
{
	background-image: url('subpageInfoBg.png');
	background-repeat: no-repeat;
	height: 288px;
	margin-left: 7px;
	margin-top: 10px;
	width: 948px;
}

div.subpageInfoAbout
{
	background-image: url('subpageInfoBgAbout.png');
	background-repeat: no-repeat;
	height: 288px;
	margin-left: 7px;
	margin-top: 10px;
	width: 948px;
}

div.subpageInfoEmployers
{
	background-image: url('subpageInfoBgEmployers.png');
	background-repeat: no-repeat;
	height: 288px;
	margin-left: 7px;
	margin-top: 10px;
	width: 948px;
}

div.subpageInfoEmployersAccountArea
{
	background-image: url('subpageInfoBgEmployersAccountArea.png');
	background-repeat: no-repeat;
	height: 288px;
	margin-left: 7px;
	margin-top: 10px;
	width: 948px;
}

div.subpageInfoEmployersFAQ
{
	background-image: url('subpageInfoBgEmployersFAQ.png');
	background-repeat: no-repeat;
	height: 288px;
	margin-left: 7px;
	margin-top: 10px;
	width: 948px;
}

div.subpageInfoEmployersImpressions
{
	background-image: url('subpageInfoBgEmployersImpressions.png');
	background-repeat: no-repeat;
	height: 288px;
	margin-left: 7px;
	margin-top: 10px;
	width: 948px;
}

div.subpageInfoEmployersPast
{
	background-image: url('subpageInfoBgEmployersPast.png');
	background-repeat: no-repeat;
	height: 288px;
	margin-left: 7px;
	margin-top: 10px;
	width: 948px;
}

div.subpageInfoEmployersTimeline
{
	background-image: url('subpageInfoBgTimeline.png');
	background-repeat: no-repeat;
	height: 288px;
	margin-left: 7px;
	margin-top: 10px;
	width: 948px;
}

div.subpageInfoJobs
{
	background-image: url('subpageInfoBgJobs.png');
	background-repeat: no-repeat;
	height: 288px;
	margin-left: 7px;
	margin-top: 10px;
	width: 948px;
}

div.subpageInfoStudents
{
	background-image: url('subpageInfoBgStudents.png');
	background-repeat: no-repeat;
	height: 288px;
	margin-left: 7px;
	margin-top: 10px;
	width: 948px;
}

div.subpageInfoStudentsExpirence
{
	background-image: url('subpageInfoBgStudentsExpirences.png');
	background-repeat: no-repeat;
	height: 288px;
	margin-left: 7px;
	margin-top: 10px;
	width: 948px;
}

div.subpageInfoStudentsFAQs
{
	background-image: url('subpageInfoBgStudentsFAQs.png');
	background-repeat: no-repeat;
	height: 288px;
	margin-left: 7px;
	margin-top: 10px;
	width: 948px;
}

div.subpageInfoStudentsImpressions
{
	background-image: url('subpageInfoBgStudentsImpressions.png');
	background-repeat: no-repeat;
	height: 288px;
	margin-left: 7px;
	margin-top: 10px;
	width: 948px;
}

div.subpageInfoSuppoters
{
	background-image: url('subpageInfoBgSupporters.png');
	background-repeat: no-repeat;
	height: 288px;
	margin-left: 7px;
	margin-top: 10px;
	width: 948px;
}

div.subpageInfoImage
{
	background-image: url('subpagePicNoImage.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageAbout
{
	background-image: url('subpagePicAbout.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageAboutCommunityPartners
{
	background-image: url('subpagePicAboutCommunityPartners.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageAlumni
{
	background-image: url('subpagePicAlumni.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageDonate
{
	background-image: url('subpagePicDonate.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageEmployers
{
	background-image: url('subpagePicEmployers.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageEmployersAccountArea
{
	background-image: url('subpagePicEmployersAccount.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageEmployersFAQs
{
	background-image: url('subpagePicEmployersFAQs.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageEmployersImpressions
{
	background-image: url('subpagePicEmployersPastEmployers.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageEmployersPast
{
	background-image: url('subpagePicEmployersImpressions.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageEmployersTimeline
{
	background-image: url('subpagePicTimeline.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageJobs
{
	background-image: url('subpagePicJobs.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageStudentArea
{
	background-image: url('subpagePicStudentArea.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageStudents
{
	background-image: url('subpagePicStudents.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageStudentsAboutCleveland
{
	background-image: url('subpagePicStudentsAboutCleveland.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageStudentsExpirence
{
	background-image: url('subpagePicStudentsExpirences.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageStudentsFAQs
{
	background-image: url('subpagePicStudentsFAQs.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageStudentsImpressions
{
	background-image: url('subpagePicStudentsImpressions.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoImageSupporters
{
	background-image: url('subpagePicSupporters.jpg');
	background-repeat: no-repeat;
	height: 285px;
	margin-left: 491px;
	position: absolute;
	width: 456px;
}

div.subpageInfoText
{
	color: #FFFFFF;
	margin-left: 12px;
	width: 458px;
}

div.subpageInfoTextHeader
{
	font-size: 18px;
	margin-bottom: 25px;
	text-transform: uppercase;
}

p.subpageInfoText
{
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
}

ul.subpageInfoText
{
	color: #FFFFFF;
	margin-left: 12px;
}


/* Students and Employers area */

div.center
{
	margin: 0px auto;
	width: 460px;
}

input.commonButton
{
	width: 100px;
}

input.commonTextbox
{
	min-width: 175px;
}

td.center
{
	text-align: center;
}

td.icons
{
	text-align: center;
	width: 80px;
	vertical-align: top;
}

td.icons2
{
	text-align: center;
	width: 100px;
	vertical-align: top;
}

td.sectionTitle
{
	border-bottom: solid 1px #E2E6E6;
	color: #07198B;
	font-family: Verdana;
	font-size: 14px;
	margin-bottom: 12px;
	margin-top: 12px;
	text-transform: uppercase;
}

td.spacer
{
	text-align: right;
	padding-right: 15px;
}


/* Error Panel */

div.errorWindow
{
	background-color: #FFFFFF;
	cursor: default;
	margin: 0px auto;
	width: 380px;
}

div.errorWindowBG
{
	background-color: #000000;
	cursor: not-allowed;
	filter: alpha(opacity=50);
	min-height: 100%;
	opacity: 0.5;
	position: absolute;
	width: 100%;
	z-index: 999;
}

div.errorWindowBGAlt
{
	cursor: not-allowed;
	min-height: 100%;
	padding-top: 220px;
	position: absolute;
	width: 100%;
	z-index: 1000;
}

div.errorWindowButton
{
	padding-bottom: 10px;
	text-align: center;
}

div.errorWindowError
{
	background-color: #E3E3E3;
	border: solid 1px #B9B9B9;
	font-family: Arial;
	height: 129px;
	margin: 0px auto;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 3px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 350px;
}

div.errorWindowHeader
{
	background-image: url('error_header.png');
	height: 40px;
	width: 380px;
}

div.errorWindowHeaderText
{
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	padding-top: 9px;
	text-align: center;
}

table.errorWindow
{
	border-width: 0px;
	cursor: default;
	border-collapse: collapse;
	z-index: 1000;
}

td.errorWindowSideTrans
{
	background-image: url('error_border.png');
	background-repeat: repeat;
	width: 10px;
}

td.errorWindowBottomTrans
{
	background-image: url('error_border_bottom.png');
	background-repeat: no-repeat;
	height: 10px;
}

td.errorWindowTopTrans
{
	background-image: url('error_border_top.png');
	background-repeat: no-repeat;
	background-position: bottom;
	height: 10px;
}