/**********************************

Main Screen Import

***********************************/

/* @import "reset.css";
@import "core.css"; */

/**********************************

Reset Styles for all browsers

***********************************/
	
body, p, blockquote {
	margin: 0;
	padding: 0;
	}

a img, iframe { border: none; }
	
/* Headers
------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
	
/* Lists
------------------------------*/
	
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
	}
	
/* Links
------------------------------*/

a, a:link {}
a:visited {}
a:hover {}
a:active {}

/* Forms
------------------------------*/

form, fieldset {
	margin: 0;
	padding: 0;
	}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	}
	
select { padding: 0; }

/**********************************

Core Styles

***********************************/

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
/*background-color: #3a2d0b;*/
background: url(../images/bg.jpg) #434343 repeat;
text-align: center;
}

/* Container
------------------------------*/

#container {
width: 760px;
display: table;
background-color: #fff;
text-align: left;
margin: 0px auto;
margin-top: 30px;
}

/* Header
------------------------------*/

#header {
height: 150px;
width: 740px;
background: url(../images/logo.jpg) no-repeat;
margin: 10px 0 0 10px;
}

#header h1 {
visibility: hidden;
}

/* Main
------------------------------*/

#main {
display: table;
height: 100%;
background: url(../images/bg-main.gif) #fff repeat-y;
margin-top: 10px;
}

/* Sidebar
------------------------------*/

#sidebar {
float: left;
display: table;
width: 200px;
/*background-color: #dfdfdf;*/
margin: 0 0 0 10px;
padding-bottom: 10px;
}

*html body #sidebar {
margin-left: 5px;
}

/* Menu
------------------------------*/

#menu {
}

#menu ul {
}

#menu ul li {
/*display: block;
height: 35px;*/
list-style-type: none;
margin: 10px 0 0 10px;
}

#menu ul li a#about,
#menu ul li a#education,
#menu ul li a#cooljobs,
#menu ul li a#employers,
#menu ul li a#links,
#menu ul li a#campaign {
display: block;
width: 180px;
height: 35px;
text-decoration: none;
}

#menu ul li a#about {
background: url(../images/m-about.jpg) no-repeat;
}

#menu ul li a#about:hover {
background: url(../images/m-about-ro.jpg) no-repeat;
}

#menu ul li a#education {
background: url(../images/m-education.jpg) no-repeat;
}

#menu ul li a#education:hover {
background: url(../images/m-education-ro.jpg) no-repeat;
}

#menu ul li a#cooljobs {
background: url(../images/m-cooljobs.jpg) no-repeat;
}

#menu ul li a#cooljobs:hover {
background: url(../images/m-cooljobs-ro.jpg) no-repeat;
}

#menu ul li a#employers {
background: url(../images/m-employers.jpg) no-repeat;
}

#menu ul li a#employers:hover {
background: url(../images/m-employers-ro.jpg) no-repeat;
}

#menu ul li a#links {
background: url(../images/m-links.jpg) no-repeat;
}

#menu ul li a#links:hover {
background: url(../images/m-links-ro.jpg) no-repeat;
}

#menu ul li a#campaign {
background: url(../images/m-campaign.jpg) no-repeat;
}

#menu ul li a#campaign:hover {
background: url(../images/m-campaign-ro.jpg) no-repeat;
}

body#about-pg #menu ul li a#about {
background: url(../images/m-about-ro.jpg) no-repeat;
}

body#edu-pg #menu ul li a#education {
background: url(../images/m-education-ro.jpg) no-repeat;
}

body#cooljobs-pg #menu ul li a#cooljobs {
background: url(../images/m-cooljobs-ro.jpg) no-repeat;
}

body#employers-pg #menu ul li a#employers {
background: url(../images/m-employers-ro.jpg) no-repeat;
}

body#links-pg #menu ul li a#links {
background: url(../images/m-links-ro.jpg) no-repeat;
}

body#campaign-pg #menu ul li a#campaign {
background: url(../images/m-campaign-ro.jpg) no-repeat;
}

#menu ul li a span {
visibility: hidden;
}

#menu ul li#edulist {
display: none;
}

 .hide{
display: none;
}

.show{
display: block;
}

#menu-edu,
#menu-emp {
width: 180px;
height: 100%;
padding-bottom: 10px;
background-color: #e5f6f8;
border-top: 1px solid #005c6d;
border-bottom: 1px solid #005c6d;
margin: 0;
}

#menu-edu ul li,
#menu-emp ul li {
font-size: 0.9em;
line-height: 0.8em;
list-style-type: square;
list-style-position: inside;
}

#menu-edu ul li a,
#menu-emp ul li a {
color: #000;
}

/* Bots IQ
------------------------------*/

#botsiq {
margin: 30px 0 0 10px;
}

#botsiq p a {
display: block;
width: 180px;
height: 141px;
text-decoration: none;
background: url(../images/botsiq-banner.jpg) no-repeat;
}

#botsiq p a:hover {
background: url(../images/botsiq-banner.jpg) 0 -141px no-repeat;
}

#botsiq p a span {
visibility: hidden;
}

/* Content
------------------------------*/

#content {
float: left;
width: 530px;
margin: 0 0 10px 10px;
/*padding-bottom: 40px*/
}

#content h2 {
font-size: 1.2em;
line-height: 2.0em;
text-transform: uppercase;
margin-bottom: 5px;
background-color: #ffecc7;
border-top: 1px solid #ffcb05;
border-bottom: 1px solid #ffcb05;
/*border-top: 1px solid #0091af;
border-bottom: 1px solid #a6cad2;*/
padding-left: 5px;
}

#content h3 {
font-size: 1.1em;
line-height: 1.2em;
margin-top: 15px;
}

#content h4 {
font-size: 1.0em;
margin-top: 15px;
/*margin-bottom: -14px;*/
font-style: italic;
font-weight: normal;
}

#content p {
font-size: 1.0em;
line-height: 1.3em;
margin: 14px 0;
}

#content p.listhead {
margin-bottom: 5px;
}

#content p.tight {
margin-top: 5px;
margin-bottom: 0;
}

#content p a {
color: #005c6d;
}

#content ul li {
font-size: 1.0em;
line-height: 1.3em;
list-style-type: square;
list-style-position: inside;
margin-left: 10px;
}

#content ul li a {
color: #005c6d;
}

#content ul li span {
font-size: 0.8em;
}

#content h3,
#content h4,
#content p,
#content ul {
margin-left: 5px;
}

#content h3.schoolname {
font-size: 1.1em;
line-height: 1.2em;
/*margin-top: 5px;
margin-left: 15px;*/
margin: 5px 0 5px 15px;
/*color: #e62039;*/
/*color: #005c6d;*/
width: 340px;
}

#content ul.stripelists {
margin-top: 10px;
}

#content ul.stripelists li {
margin-left: 0px;
line-height: 2.0em;
}

#content ul#anchors {
margin: 0;
}

#content ul#anchors li {

list-style-type: square;
list-style-position: inside;
}

#content #link-items {
border-top: 2px solid #666;
margin-top: 40px;
padding-top: 20px;
}

#content .link-item {

font-size: 12px;
border-bottom: 2px solid #a1dbe3;
margin: 10px 10px 0 0px;
}

*html body #content .link-item {
margin-left: 0px;
}

#content .link-item img {
margin-bottom: 0;
}

#content .link-item a img {
float: right;
}

#content .link-item h3 {
/*margin-top: 0;*/
}

#content .link-item p {
/*clear: right;*/
}

#content .link-item p.addr {
clear: right;
text-align: left;
font-size: 0.9em;
line-height: 1.4em;
color: #333;
background-color: #edf9fa;
padding: 2px;
}

#content .link-item p.addr a {
color: #005c6d;
}

/* */

#content .link-item p.btt {
font-size: 10px;
font-style: italic;
margin-bottom: 10px;
}

#content .link-item p.btt img {
margin-top: 0px;
}

*html body #content .link-item p.btt img {
margin-top: -2px;
}

#content .link-item p.btt a {
text-decoration: none;
color: #777;
}

#content .link-item p.btt a:hover {
text-decoration: underline;
color: #333;
}

/* */

#content #bbiq-desc {
margin-top: 40px;
border-top: 1px solid #ccc;
}

#content #bbiq-desc h3 {
font-size: 0.9em;
}

#content #bbiq-desc p {
font-size: 0.85em;
}

#content #bbiq-desc ul li {
font-size: 0.9em;
}

#content p.link-feat {
/*font-size: 11px;*/
/*font-style: italic;*/
background-color: #edf9fa;
border-top: 1px solid #b9e5fa;
border-bottom: 1px solid #b9e5fa;
padding: 10px;
width: 510px;
margin: 10px 0 0 0;
}

#content p.link-feat a {
color: #005c6d;
}

#content p.notlisted {
font-size: 0.8em;
/*font-style: italic;*/
margin-top: 3px;
}

#content p.notlisted a {
color: #666;
}

#content p#submenu {
font-size: 0.9em;
background-color: #edf9fa;
border-top: 0px solid #b9e5fa;
border-bottom: 1px solid #b9e5fa;
padding: 5px;
width: 521px;
margin: -5px 0 10px 0;
}

#content p#otheryear {
background-color: #fff;
border-top: 0px solid #b9e5fa;
border-bottom: 1px solid #eee;
color: #666;
font-size: 11px;
font-style: normal;
margin: -10px 0 20px 0;
padding: 5px;
width: 521px;
}

#content p#otheryear a {
color: #333;
font-style: normal;
text-decoration: underline;
}

#content p#otheryear a:hover {
color: #005c6d;
text-decoration: none;
}

#content p.sponsor {
width: 350px;
background-color: #edf9fa;
border-bottom: 1px solid #b9e5fa;
line-height: 1.7em;
/*text-decoration: underline;*/
margin-bottom: 5px;
padding-left: 3px;
}

#content p.altcolors {
/*background-color: #ffecc7;
border-bottom: 1px solid #ffcb05;*/
}

#content p.sponsor span {
font-size: 1.0em;
font-weight: bold;
/*font-style: italic;*/
text-transform: uppercase;
}

#content #video-offer {
background-color: #ffdfdf;
margin-left: 5px;
margin-top: 40px;
border: 1px solid red;
}

#content #video-offer h3 {
margin: 7px 5px 7px 7px;
font-size: 1.0em;
}

#content #video-offer ul {
padding-bottom: 10px;
}

#content p.resultsheading {
background-color: #ffecc7;
border-bottom: 1px solid #ffcb05;
line-height: 1.7em;
/*text-decoration: underline;*/
margin-bottom: 5px;
margin-top: 25px;
padding-left: 3px;
font-weight: bold;
text-transform: uppercase;
}

#content p.disclaimer {
font-size: 0.8em;
font-style: normal;
text-align: left;
}

#content img.winnerspic {margin-top: 15px;}
#content img.winnerspic-1st {margin-top: 10px;}

#content ul.sponsorlist li img {
margin-left: 15px;
margin-bottom: 15px;
margin-top: 5px;
}

#content #emperor-logos img {
margin: 10px 0 0px 15px;
}

#content p.media {
clear: left;
font-size: 1.1em;
text-transform: uppercase;
font-weight: bold;
background-color: #edf9fa;
border-top: 0px solid #b9e5fa;
border-bottom: 1px solid #b9e5fa;
padding: 5px;
/*width: 521px;*/
margin: 20px 0 10px 0;
}

#content .media-list ul li {
clear: left;
}

#content .media-list ul li span.title {
font-size: 1.1em;
font-weight: bold;
}

#content .media-list ul li p {
margin: 0px 0 15px 15px;
}

#content .media-list ul li p a img {
margin-top: 5px;
margin-bottom: -3px;
}

#content .media-list ul li p.screencap img {
float: left;
margin: 5px 15px 20px 0;
}

*html body #content .media-list ul li p.screencap img {
margin-bottom: 10px;
}

#content ul.results {
width: 350px;
}

#content p.pictureheading {
/*width: 350px;*/
background-color: #edf9fa;
border-bottom: 1px solid #b9e5fa;
line-height: 1.7em;
font-weight: bold;
/*text-decoration: underline;*/
margin-bottom: 5px;
margin-top: 25px;
padding-left: 3px;
}

#content #myGallery {
width: 460px !important;
height: 345px !important;
margin: 20px 0 0 35px;
}

#content #bbiq-gallery a {
display: block;
float: left;
height: 75px;
margin: 5px 1px 5px 5px;
width: 100px;
}

*html #content #bbiq-gallery a {
margin: 5px 2px 5px 3px;
}

#content img#psp {
margin: 20px 0 0 35px;
}

#content #index-ad {
text-align: center;
border-top: 0px solid #b9e5fa;
margin-top: 10px;
padding-top: 10px;
}

p.emporer-text {
border: 1px solid #b9e5fa;
color: #005c6d;
font-weight: bold;
padding: 10px;
width: 330px;
}

/* Footer
------------------------------*/

#footer {
clear: both;
display: table;
width: 740px;
height: 100%;
background-color: #e5f6f8;
background: url(../images/bg-footer.jpg) no-repeat;
margin: 10px 0 0 10px;
border-top: 2px solid #005c6d;
}

/* Bio
------------------------------*/

#bio {
float: left;
width: 200px;
/*background: url(../images/bg-bio.jpg) no-repeat;*/
}

#bio p {
font-size: 0.85em;
text-align: left;
margin: 10px;
}

#bio p span {
font-size: 1.0em;
font-weight: bold;
}

/* Featured Job
------------------------------*/

#feat-job {
float: left;
width: 390px;
height: 150px;
margin: 10px 0 10px 140px;
}

#feat-job h3 {
display: none;
}

#feat-job h4 {
font-size: 1.1em;
font-style: normal;
color: #005c6d;
margin-bottom: 5px;
border-bottom: 1px solid #a1dbe3;
}

#feat-job p {
font-size: 0.85em;
color: #333;
}

#feat-job p.coollink {
margin-top: 5px;
margin-bottom: 10px;
}

#feat-job p.coollink a {
color: #005c6d;
}

/* Credits
------------------------------*/

#credits {
clear: both;
width: 740px;
font-size: 0.7em;
line-height: 2.0em;
text-align: center;
background-color: #e5f6f8;
border-top: 1px solid #a1dbe3;
margin: 0 0 10px 10px;

}

#credits p,
#credits a {
color: #4697a8;
}

/* Thickbox
------------------------------*/


*{padding: 0; margin: 0;}

html, body {
min-height: 100%;
height: auto !important;
height: 100%;
}

#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#ffecc7;
	border-bottom: 1px solid #ffcb05;
	height:30px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#TB_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

#TB_iframeContent{
	border:none;
	clear:both;
}

/* Get Listed
------------------------------*/

#getlisted {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}

#getlisted h2 {
font-size: 1.1em;
line-height: 1.2em;
margin-bottom: 5px;
background-color: #ffecc7;
border-top: 1px solid #ffcb05;
border-bottom: 1px solid #ffcb05;
}

#getlisted p {
font-style: italic;
}

a:hover {
text-decoration: none;
}


/* Registration Form
------------------------------*/

#contactform {
color: #000;
font-size: 0.9em;
/*width: 300px;*/
}

#contactform fieldset {
/* border: 0px; */
/*width: 400px;*/
border: 1px solid #b9e5fa;
padding: 5px;
margin-bottom: 15px;
margin-top: 35px;
padding-bottom: 15px;
background-color: #edf9fa;
}

#contactform legend {
/* color: #666; */
color: #ff0000;
font-size: 10px;
/* font-weight: normal; */
font-weight: bold;
text-transform: uppercase;
}

#contactform legend.category {
color: #ff0000;
font-weight: bold;
}

#contactform .row {
margin: 3px 0px 0px 9px;
}

html>body #contactform .row {
margin-left: 3px;
}

#contactform label {
float: left;
width: 135px;
/*font-size: 11px;*/
font-weight: bold;
}

#contactform label.topics {
width: 100%;
}

#contactform label.plain {
font-weight: normal;
}

#contactform span {
font-weight: normal;
font-style: normal;
color: #666;
}

#contactform .checkitem {
float: left;
width: 48%;
}

#contactform input#Name,
#contactform input#email {
width: 200px;
}

.clearer {
clear: both;
height: 5px;
}

html>body .clearer {
height: 12px;
}