/* CSS Document */


body {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background: black;
	font-family: Arial, sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	padding: 0;
	background-image:url(images/background1.jpg);
	background-repeat:repeat-x;
}

h1 {
	font-size: 2.0em;
}

h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 120%;
}
h4 {
	font-size: 110%;
}
h5 {
	font-size: 100%;
}
a {
	text-decoration: none;
	color: #3358a8;
}

/*REMOVE BORDER AROUND LINKS WITH FIREFOX*/
a:active, a:focus {
outline:none;
-moz-outline-style:none;
}
/*END REMOVE BORDER AROUND LINKS WITH FIREFOX*/

ul,ol {
	margin: 0;
	padding: 0;
}
ul li, ol li {
	margin: 0 0 0 1.0em;
	padding: 0;
}
/*****************************************************************************************       HEADER BANNER ON ALL PAGES*/

#header {
	width: 1000px;
	height: 200px;
	margin: 0px auto 0 auto;
	padding: 0px 0 0 0px;
	background-image: url(images/CollegeFairBanner.jpg);
	background-repeat: no-repeat;
	background-position: 2% 30%;
	position: relative;
	background-color: rgb(219, 216, 209);
}
/*2010*/
#ouryear h1 {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 58px;
	left: 155px;
	color: rgb(154, 58, 75);
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: bold;
}
/*Our 31th year*/
#ouryear h4 {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 101px;
	left: 142px;
	color: rgb(154, 58, 75);
	font-style: italic;
}
/*Welcome*/
#welcome h1 {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 5px;
	left: 430px;
	font-family: "Times New Roman", Times, serif;
	font-size: 48px;
	color: rgb(154, 58, 75);
	font-style: italic;
}
/*to the 2010 Columbus Suburban College Fair!*/
#welcome h4 {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 55px;
	left: 360px;
	padding: 0 5px 0 5px;
	color: rgb(154, 58, 75);
}
/*Date, Time, Place*/
#datetimeplace h5 {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 90px;
	left: 440px;
	color: rgb(154, 58, 75);
}

/*Hosted by Otterbein College*/
#hostedby h4 {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 108px;
	left: 850px;
	color: rgb(154, 58, 75);
	font-size: 1em;
	font-style: italic;
}
#hostedby a {
	color: rgb(154, 58, 75);
	text-decoration: underline;
}
#hostedby a:hover {
	color: yellow;
	text-decoration: underline;
	background-color: rgb(154, 58, 75);
}
#hostedby img {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 130px;
	left: 790px;
	border: 1px solid;
	border-color: rgb(154, 58, 75);
}
/*************************************************** END HEADER BANNER*/

/********************************************************************************************************** NAV BAR ON ALL PAGES*/
div#horizonalnavbar {
	margin: 0px auto 0 auto;
	padding: 0px 0 0 0px;
	position: absolute;
	top: 0px;
	background-color: rgb(219, 216, 209);
	width: 1000px;
	height: 30px;
}
div#horizonalnavbar #nav {
	width: 1000px;
	height: 30px;
	background-image: url(images/navigation.jpg);
}
div#horizonalnavbar ul {
	margin: 0;
	padding: 0;
}
div#horizonalnavbar ul li {
	margin: 0 0 0 0px;
	padding: 0;
	list-style: none;
	float: left; /*Float list items so they will line up horizontally*/
	width: 13.5%;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	white-space: nowrap;
}
div#horizonalnavbar ul li a {
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	display: block;
	text-align: center;
	float: left;
	width: 90%;
	text-decoration: none;
	color: white;
}
div#horizonalnavbar ul ul { /*rule for level 2 unordered list*/
	margin: 0 0 0 0px;
	padding: 0 0 0 10px;
	display: none;
}
div#horizonalnavbar ul.level1 li.submenu:hover ul.level2 {
	display: block;
}
div#horizonalnavbar ul ul li { /*rule for level 2 unordered list ITEMS*/
	margin: 0 0 0 0px;
	padding: 0;
	display: block;
	float: left;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	background-color: #666666;
}
div#horizonalnavbar ul ul li a {
	margin: 0 0 0 0;
	padding: 0 0 0 3px;
	color: white;
	display: block;
	float: left;
	width: 100%;
	font-size: 12px;
	text-align: left;
	background-color: #666666;
	border: 1px solid black;
	border-top: 0px;
}

/* Commented Backslash Hack hides rulefrom IE5-Mac \*/
div#horizonalnavbar #nav a {float: none;}			/*End IE5-Mac hack*/
	
div#horizonalnavbar #nav a:hover {
	color: yellow;
	text-decoration: underline;
}

/**************************************************************End Nav Bar*/

#pagewrapper {
	margin: 0 auto;
	padding: 0;
	position: relative;
	font-size: 10pt;
	height: 1200px;
	width: 1000px;
	background-color: #F2FFF2;
}
#pagewrapper img {
	margin: 0px 20px 0px 20px;
	padding: 0 0 0 0;
}

/*****************************************************************************************Left Side SPONSORING HIGH SCHOOLS Box*/
/*used on all pages but columbus map, otterbeinmap and participatns pages*/
#leftsidebox {
	margin: 0;
	padding: 0 0 0 0px;
	width: 170px;
	height: 417px;
	position: absolute; 
	top: 42px;
	left: 13px;
	background-image: url(images/purplehade.jpg);
	background-color: rgb(79, 46, 73);
	border: 1px solid black;
}
#leftsidebox h2 {
	margin: 0px 0 0px 0;
	padding: 0;
	text-align: center;
}
#leftsidebox p {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.45em;
	text-align: center;
}
#leftsidebox a {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: rgb(230, 230, 255);
	text-decoration: underline;
}
#leftsidebox a:hover {
	color: yellow;
	text-decoration: underline;
	font-size: 1.2em;
}

/**************************************************************************************************         HOME PAGE*/
#homepagemainsection {
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	width: 470px; 
	height: 407px;
	position: absolute;
	top: 42px;
	left: 200px; 
	background-image: url(images/homepagemainpic.jpg);
	background-repeat: no-repeat;
	background-color: rgb(240, 240, 240);
	border: #000000 solid 1px;
}
/*************************************************************************************           Right Column Boxes*/
#rightcolumngreenbox, #rightcolumnbluebox, #rightcolumnredbox, #rightcolumnyellowbox {
	margin: 0;
	padding: 0;
	width: 305px;
	position: absolute;
	height: 120px;
	left: 684px;
	border: 1px solid black;
	background-repeat: no-repeat;
}
#rightcolumngreenbox h1, #rightcolumnbluebox h1, #rightcolumnredbox h1, #rightcolumnyellowbox h1 {
	margin: 5px 0 0px 10px;
	padding: 0;
}
#rightcolumngreenbox h4, #rightcolumnbluebox h4, #rightcolumnredbox h4, #rightcolumnyellowbox h4 {
	margin: 10px 0 0 35px;
	padding: 0;
}
#rightcolumngreenbox a, #rightcolumnbluebox a, #rightcolumnredbox a, #rightcolumnyellowbox a {
	color: #FFFFFF;
	text-decoration: none;
}
#rightcolumngreenbox a:hover, #rightcolumnbluebox a:hover, #rightcolumnredbox a:hover, #rightcolumnyellowbox a:hover {
	color: yellow;
}
#mappics a img { /*rules to position map pics in boxes*/
	margin: 0;
	padding: 0;
	display: block;
	width: 70px;
	height: 54px;
	position: absolute;
	top: 48px;
	left: 100px;
}
/*BELOW 3 CLASSES APPLY TO ALL BOXES*/
.boxh1link { /*increases hotspot area of h1 heading in all boxes*/
	display: block;
	width: 290px;
	height: 35px;
}
.boxh4link { /*increases hotspot area of h4 heading in all boxes*/
	display: block;
	width: 260px;
	height: 50px;
}
.boxbullet1 { /*position 1st bullet in boxes*/
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 54px;
}

/*Green Box*/
#rightcolumngreenbox {
	position: absolute;
	top: 42px; 
	background-image: url(images/greenbox1.gif);
}
/*Blue Box*/
#rightcolumnbluebox {
	position: absolute;
	top: 177px;
	background-image: url(images/bluebox1.png);
}
/*Red Box*/
#rightcolumnredbox {
	position: absolute;
	top: 313px; 
	background-image: url(images/redbox.gif);
}
/*Yellow Box*/
#rightcolumnyellowbox {
	position: absolute;
	top: 451px;
	background-image: url(images/yellowbox1.gif);
}

/********************************************************************************              Home Page Bottom Boxes*/

/*bottom boxex*/
#bottombox1, #bottombox2, #bottombox3 {
	position: absolute; 
	top: 470px;
	margin: 0;
	padding: 0;
	width: 196px;
	height: 269px;
	background-position:center;
	background-repeat: no-repeat;
	background-color: #242424
}

#bottombox1 a:hover, #bottombox2 a:hover, #bottombox3 a:hover {
	color: yellow;
}
#bottombox1 h2, #bottombox2 h2, #bottombox3 h2 {
	margin: 12px 0 0px 0;
	padding: 0 0px 0px 0;
	text-align: center;
	height: 1em;
}
#bottombox1h2link, #bottombox2h2link, #bottombox3h2link {
	color: #FFFFFF;
	text-decoration: none;	
	display: block;
	width: 196px;
	height: 258px;/*was 258*/
	margin: 0px 0 0 0;
	padding: 0 0 0 0;
}
#bottombox1 {
	left: 233px;
	background-image: url(images/pic1.jpg);
	background-position: 33px 45px;
}
#bottombox2 {
	left: 460px;
	background-image: url(images/pic3.jpg);
	background-position: 33px 45px;
}
#bottombox3 {
	left: 10px;
	background-image: url(images/pic2.jpg);
	background-position: 38px 45px;
}
#teknoflash {
	position: absolute;
	width: 175px;
	top: 660px;
	right: 102px;
}

/**********************************************************************************************    PARTICIPANTS PAGE*/
#participantswrapper {
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: 0px;
	font-size: 10pt;
	width: 1000px;
	background-color: #F2FFF2;
}
#participantswrapper h1{
	margin: 0px 0 10px 0;
	padding: 42px 0 0 0;
	color: black;
	text-align: center;
}
#participantswrapper p {
	margin: 0 2em 1em 2em;
	padding: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-align: left;
}
#participantswrapper table {
	margin: 0 auto 0 auto;
	padding: 0px 0 0px 0;
	color: gray;
	width: 950px;
	border: 1px solid gray;
	background-color: rgb(240, 240, 240);
}
#participantswrapper table tr {
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
}
#participantswrapper table tr td {
	margin: 0 0 0 0px;
	padding: 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	border: 1px solid gray;
}
#participantswrapper table tr td a {
	color: black;
	text-decoration: none;
}
#participantswrapper table tr td a:hover {
	color: blue;
	text-decoration: underline;
	font-size: 1.2em;
	font-weight: bold;
}
#returntotop a {
	margin: 0;
	padding: 10px 0 10px 0;
	display: block;
	font-size: 10px;
	text-align: center;
}

/***********************************************************************************************  committee banner*/
/* used in aboutus, eventtimes, forcolleges, registration and policy pages - right column*/
#committee, #committee1 {
	margin: 0;
	padding: 0;
	width: 305px;
	height: 580px;
	position: absolute;
	top: 42px; 
	left: 684px;
	background-image: url(images/blueshade.jpg);
	background-repeat: repeat-x;
	background-color: black;
	border: 1px solid black;
}
#committee1 {
	top: 313px;
}
#committee h2, #committee1 h2 {
	margin: 5px 0 1em 0;
	padding: 0 0px 0px 0;
	color: #FFFFFF;
	text-align: center;
	height: 1em;
}
#committee p, #committee1 p {
	margin: .5em 0 .5em 0;
	padding: 0px;
	font-size: 14px;
	line-height: 1.1em;
	text-align: center;
}
/************************************************************************************************About US page pic*/
#committeepic {
	margin: 0px 0 10px 65px;
	padding: 0px;
/*	position: absolute;
	top: 485px;
	left: 265px;
*/	width: 336px;
	height: 140px;
	background-image: url(images/pic18.jpg);
	border: 2px solid black;
}
/************************************************************************************************Time of Events page pic*/
#eventtimespic {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 390px;
	left: 200px;
	width: 469px;
	height: 230px;
	background-image: url(images/pic5.jpg);
	border: 2px solid black;
}
/************************************************************************************************For Colleges page pic*/
#forcollegespic {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 480px;
	left: 30px;
	width: 624px;
	height: 413px;
	background-image: url(images/pic17.jpg);
	border: 2px solid black;
}
/************************************************************************************************Student Resources page pic*/
#studentresourcespic {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 335px;
	left: 199px;
	width: 470px;
	height: 236px;
	background-image: url(images/pic22.jpg);
	border: 2px solid black;
}
/************************************************************************************************Registration page pic*/
#registrationpic {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 703px;
	left: 199px;
	width: 470px;
	height: 190px;
	background-image: url(images/pic14.jpg);
	border: 2px solid black;
}
/************************************************************************************************Prepare page pic*/
#preparepic {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 425px;
	left: 199px;
	width: 470px;
	height: 146px;
	background-image: url(images/pic19.jpg);
	border: 2px solid black;
}
/************************************************************************************************ACTSAT page pic*/
#actsatpic {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 312px;
	left: 199px;
	width: 470px;
	height: 146px;
	background-image: url(images/pic6.jpg);
	border: 2px solid black;
}
/******************************************************************************************************* centercolumn2*/
/*centercolumn used in maps, prepare, questions, studentresources,actsat, 
financialaid, referencesites, eventtimes,forcolleges html pages*/
#centercolumn {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 42px;
	left: 200px;
	width: 470px;
	background-color: rgb(240, 240, 240);
	border: #000000 solid 1px;
}
#centercolumn h1 {
	margin: 0px 0 10px 0;
	padding: 10px 0 0 0;
	color: black;
	text-align: center;
}
#centercolumn h2 {
	margin: 0px 0 10px 0;
	padding: 0;
	color: black;
	text-align: center;
}
#centercolumn h3 { /*used in eventtimes page*/
	margin: 0 24px 0 24px;
	padding: 0 0 0 0;
	color: black;
	font-size: 1.5em;
	text-align: left;
	font-weight: normal;
}
#centercolumn h4 {  /*used in forcolleges page*/
	margin: 0 24px 1em 24px;
	padding: 0;
	color: black;
	font-size: 1.5em;
	text-align: left;
	font-weight: normal;
}
#centercolumn p {
	margin: 0 2em 1em 2em;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-align: left;
}
#centercolumn p a {
	text-decoration: underline;
	color: #0066CC;
}
#centercolumn ul { 
	margin: 0 0 1em 5em;
	padding: 0;
	color: black;
}
#centercolumn li{
	margin: 0 3em 1em 1em;
	padding: 0;
}

/*centercolumn a {
	color: rgb(87, 88, 181);
	text-decoration: underline;
}*/
#centercolumn table {
	margin: 0 0 0 42px;
	padding: 0;
	width: 430px;
	color: black;
}
#centercolumn table td {
	margin: 0;
	padding: 0;
}

/*****************************************************************************************************    center column1*/
/*centercolumn1 used in columbusmap and otterbeinmap html pages*/
#centercolumn1 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 42px;
	left: 20px;
	width: 640px;
	height: 800px;
	background-color: rgb(240, 240, 240);
	border: #000000 solid 1px;
}
#centercolumn1 h1{	
	margin: 0px 0 10px 0;
	padding: 10px 0 0 0;
	color: black;
	text-align: center;
}