/* CSS for  */
* {
	margin: 0;
	padding: 0;
}
body {
	font: 62.5% verdana, geneva, sans-serif;
	color: #444444;
	background: url('../images/body-bg.gif') top repeat-x #e2e2e2;
}

a,
a:link { color: #0d4ca9; text-decoration: underline; }
a:hover { text-decoration: none; }

h1 {
	padding: 5px 0 0 10px;
	margin: 0 0 10px 0;
	color: #FFFFFF;
	font-size: 1.3em;
	height: 28px;
	font-weight: bold;
	line-height: normal;
	background: url('../images/h1-bg.gif') top left no-repeat;
}
h1.short { background: url('../images/h1-bg-short.gif') top left no-repeat; }

h2 {
	padding: 0;
	margin: 0 0 2px 0;
	color: #0d4ca9;
	font-size: 1.4em;
	font-weight: bold;
	line-height: normal;
}
h3 {
	color: #000;
	font-size: 1.2em;
}

input { padding: 2px; }
option { padding: 1px 3px 1px 2px; }
ul { margin: 10px 0 20px 35px; }
li { margin: 0 0 15px 0; line-height: normal; }
p { margin: 0 0 20px 0; }

img { border: 0; }
img.l { margin: 0 10px 0 0; }
img.r { margin: 0 0 0 10px; }

.l { float: left; }
.r { float: right; }
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }
.email_confirm { display: none; }

.b { font-weight: bold; }
.u { text-decoration: underline; }
.i { font-style: italic; }
.small { font-size: .89em; }
.large { font-size: 1.11em; }
.t-c { text-align: center; }
.t-r { text-align: right; }
.t-l { text-align: left; }

.green { color: #b4da43; }
.red { color: #cd232b; }
.blue { color: #0d4ca9; }

.wrap { 
	width: 914px;
	margin: 0 auto;
}

#green-bar {
	position: absolute;
	height: 30px;
	width: 100%;
	background: url('../images/header-green-bar.png') top repeat-x;
}

#header { 
	padding-top: 23px;
	text-align: left; 
}
#header .wrap { height: 107px; background: url('../images/header-bg.jpg') top left no-repeat; }
#header #logo {	margin: 27px 0 0 27px; }

#header-shadow { 
	position: absolute;
	height: 5px;
	width: 100%;
	background: url('../images/header-shadow.png') top repeat-x; 
}

#sponsors-box {
	float:right;
	vertical-align:middle;
	width:170px;
	height:90px;
	margin-right:30px;
	margin-top:10px;
	background:#fff;
	padding:0px;
	opacity:0.7;
	filter:alpha(opacity=70)
}
#sponsors-box p {
	font-weight:bold;
	margin-bottom:5px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	text-transform:uppercase;
}
#sponsors-box img {
	text-align:center;
	margin-top:0px;
	margin:5px;
}

#main .wrap {
	padding: 15px 15px 10px 15px;
	width: 884px;
	background: url('../images/content-bg.gif') top center repeat-y;
}

#left-col {
	float: left;
	width: 164px;
}
	#left-col #buttons a { 
		display: block;
		width: 164px;
		height: 34px;
		margin: 10px 0 0 0;
		color: #0d4ca9;
		font-size: 1.3em;
		text-decoration: none;
		font-weight: bold;
		background: url('../images/nav-arrow-rollover.gif') top left no-repeat;
	}
	#left-col #buttons a span { display: block; padding: 8px 0 0 6px; }
	#left-col #buttons a:hover {
    color: #FFFFFF;
		background: url('../images/nav-arrow-rollover.gif') bottom left no-repeat;
	}
	
	
	#left-col #logos {
		padding: 25px 0 0 0;
		text-align: center;
	}
	#left-col #logos p { 
		margin: 0 0 15px 0;
		padding: 0;
		border-bottom: 1px solid #e3e3e3; 
	}
	#left-col #logos p.last { border: 0; }
	#left-col #logos img { margin: 0 0 15px 0; }

#nav { font-size: 1.3em; }
#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li { /* all list items */
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #FFFFFF;
	width: 164px; /* width needed or else Opera goes nuts */
}

#nav a {
	display: block;
	padding: 8px 6px 8px 6px;
	color: #0d4ca9;
	width: 152px;
	background-color: #e5e5e5;
	text-decoration: none;
}
#nav a:hover { background-color: #b4da43; }

#nav li.first a {	background-color: none;	background: url('../images/nav-bg-top.gif') top left no-repeat; }
#nav li.first a:hover { background-color: none;background-position: top right; }

#nav li.last a { background-color: none;	background: url('../images/nav-bg-bottom.gif') bottom left no-repeat; }
#nav li.last a:hover { background-color: none; background-position: bottom right; }

#nav li ul { /* second-level lists */
	position: absolute;
	left: -999em;
	width: 164px; /* width needed or else Opera goes nuts */
	padding: 0;
	margin: -32px 0 0 164px;
	border-left: 2px solid #FFFFFF;
}

#nav li ul li a { background-color: #b4da43; }
#nav li ul li a:hover { background-color: #e5e5e5; }

#nav li#nav-education ul { margin-top: -48px; }

#nav li ul li.first a {	background-color: none;	background: url('../images/nav-sub-bg-top.gif') top left no-repeat; }
#nav li ul li.first a:hover {	background-color: none;	background-position: top right; }

#nav li ul li.single a { background-color: none; background: url('../images/nav-sub-bg-single.gif') bottom left no-repeat; }
#nav li ul li.single a:hover { background-color: none; background-position: bottom right; }

#nav li ul li.last a { background-color: none; background: url('../images/nav-sub-bg-bottom.gif') bottom left no-repeat; }
#nav li ul li.last a:hover { background-color: none; background-position: bottom right; }


#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover, #nav li.sfhover {
    position: static;
}


#right-col { 
	width: 708px; 
	margin-left: 172px;
	text-align: left;
	font-size: 1.2em;
	line-height: 1.6em;
}


#right-col ul.arrow {	
	border-top: 2px solid #e5e5e5;
	padding-top: 10px;
	margin-right: 35px;
}
#right-col ul.arrow li {
	background: url('../images/blue-arrow.gif') 3px 4px no-repeat;
	list-style: none;
	padding: 0 0 10px 18px;
	margin: 0 0 10px 0;
	border-bottom: 2px solid #e5e5e5;
}
#right-col ul#supporters li a.b { display: block; font-weight: bold; margin-bottom: 3px; }

#home-col-left {
	float: left;
	width: 330px;
	margin-right: 9px;
}

#home-col-right {
	float: left;
	width: 368px;
}
#home-col-right p { margin: 0; padding: 0 0 10px 0; }

.blue-box-top {
	height: 5px; 
  margin: 0;
  padding: 0;
	vertical-align: bottom;
	background: url('../images/blue-box-top.gif') bottom no-repeat;
}
.blue-box {
	margin: 0 0 10px 0;
	padding: 5px 10px 0 10px;
	color: #FFFFFF;
	vertical-align: top;
	background: url('../images/blue-box-body.gif') bottom left;
}
.blue-box p { margin: 0; padding: 0 0 10px 0; }
#searchData table {font-size:.8em}

#school-search table { width: 330px; }
#school-search tr.even { background-color: #f6f6f6; }
#school-search td { 
	padding: 5px 0 5px 10px;
	line-height: normal;
	text-align: right;
	border-bottom: 2px solid #dcdcdc; 
}
#school-search td strong { font-size: 1.2em; }
#school-search td input { 
	width: 170px;
	font-size: .89em;
	border-width: 1px;
	border-style: inset;
}
#school-search td.checkbox { text-align: left; font-size: .79em; }
#school-search td.checkbox p { margin: 0 0 1px 0; padding: 0; line-height: normal; } 
#school-search td.checkbox input { 
	width: auto;
	margin: auto;
	padding: auto;
	border: 0;
}

#school-search td select { 
	width: 176px;
	border-width: 1px;
	border-style: inset;
}

.submit {
	width: 167px;
	height: 27px;
	padding: 0;
	margin: 0;
	border: 0;
	color: #0d4ca9;
	background: url('../images/button-green.gif') top left;
}


#feedback table { width: 708px; }
#feedback tr.even { background-color: #f6f6f6; }
#feedback td { 
	padding: 10px 0 10px 10px;
	line-height: normal;
	text-align: left;
	vertical-align: top;
	border-bottom: 2px solid #dcdcdc; 
}
#feedback td p { line-height: normal; margin: 0 0 5px 0; padding: 0; }


#footer {
	clear: both;
	margin: 0 auto;
	width: 914px;
	vertical-align: top;
	font-size: 1.1em;
	background: url('../images/content-footer-bg.gif') top left no-repeat;
}

#footer-nav { float: left; padding: 15px 0 0 5px; }
#footer-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footer-nav ul li {
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	float: left;
	border-right: 1px solid #4f4f4f;
}
#footer-nav ul li.last { border: 0; }
#footer-nav ul li a {
	color: #4f4f4f;
	font-weight: bold;
	text-decoration: none;
}
#footer-nav ul li a:hover { color: #0d4ca9; text-decoration: underline; }

#copyright {
	float: right;
	padding: 15px 5px 0 0;
	text-align: right;
	color: #b2b2b2; 
}
#copyright a, #copyright a:active { color: #b2b2b2; text-decoration: none; }
#copyright a:hover { color: #0d4ca9; text-decoration: underline; }


#add-school label {
	width: 300px;
	padding-right: 6px;
	margin-bottom: 5px;
	display: block;
	float: left;
	font-weight: bold;
	text-align: right;
}
#add-school input {
	margin-bottom: 5px;
}
#careerTop {
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	background:#f6f6f6;
	padding:10px;
	padding-bottom:0px;
	margin-bottom:10px;
	overflow:hidden;
}
.spieBox {
	display:block;
	float:left;
	padding-left:10px;
	padding-right:20px;
	width:300px;
	border-right:1px solid #dcdcdc;
}
.wioBox {
	display:block;
	padding-left:20px;
	padding-right:20px;
	width:300px;
	float:right;
}





