* {
	zoom: 1;
margin: 0;
	font-family:Arial, Helvetica, sans-serif Unicode MS;
padding: 0;
}

html {
	height: 100%;
}

#mainContent {
	background: #efefef;
	position: relative;
	padding: 10px;
	width: 880px;
	font-size: 15px;
}

a {
	color: #3b487a;
	text-decoration: none;
	font-weight: 600;
}

.bodyBottom {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	overflow: auto;
	/*background: url(../images/gradient.png) #e1e1e1;
	background-repeat: repeat-x;*/
	background-color: #ffffff;
	border-right: 100px solid #3B487B;
	border-left: 100px solid #3B487B;
	/*margin-bottom: 100px;*/
}

#mainContainer {
	width: 900px;
	margin: 0px auto;
	padding-bottom: 10px;
}

#topBar {
	width:100%;
	padding:0;
	position: relative;
}

#titleBar {
	background: url(../images/titlebar.png);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	height: 102px;	
}


#menuhome {
	background: url(../images/menu/home.png);
	background-repeat:no-repeat;
}

#menustudents {
	background: url(../images/menu/students.png);
	background-repeat:no-repeat;
}

#menueducators {
	background: url(../images/menu/educators.png);
	background-repeat:no-repeat;
}

#menuresources {
	background: url(../images/menu/resources.png);
	background-repeat:no-repeat;
}

#menuevents {
	background: url(../images/menu/events.png);
	background-repeat:no-repeat;
}

#menucareers {
	background: url(../images/menu/careers.png);
	background-repeat:no-repeat;
}

.menuContainer {
	width: 100%;
	position: relative;
	padding-left:36px;
	background: url(../images/menu/base.png);
	background-repeat:no-repeat;
	height: 42px;
}

.menuContainer a {
	text-decoration: none;
	font-weight: 500;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	color: black;
	font-face: arial;
	position: absolute;
}

.menuContainer input {
	display: inline-block;
}

.menu_item {
	display: inline-block;
	position: relative;
	height: 40px;
	margin-right: 22px;
	font-family:Arial, Helvetica, sans-serif Unicode MS;
}

.menu_item a {
	height: 100%;
	display: inline-block;
/*	background: url(../images/transl.png) 0 0 no-repeat;
*/
}

.menu_item h1 {
	font-size: 14px;
	visibility: visible;
	height:1%;
	overflow: hidden;
}


#contentPane {
	width: 100%;
	font-size: 11px;
}

#footer {
	width: 100%;
	background: white;
}

ul {
	list-style-position: inside;
	margin-left: 20px;
}

ol {
	list-style-position: inside;
	margin-left: 20px;
}

/********
Menu stuff
********/
#searchBox {
	position: absolute;
	top: 11px;
	right: 49px;
	width: 158px;
	height: 20px;
	border: 0;
	font-size: 12px;
	color: #989898;
}

#searchBox:focus {
	outline: none;
}

.menu_exposition {
	position:absolute;
	background: #cbcbcb;
	/*top: 12px;*/
	left:0px;
	width: 400px;
	display: none;	
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	/*border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	*/
	z-index: 2;
}

.link_row {
	padding-top: 5px;
}

.link_left {
	width:50%;
	float: left;
}

.link_right {
	width: 50%;
	float: right;
}

#homeItem {
	width: 58px;
}

#careerItem {
	width: 80px;
}

#aboutItem {
	width: 101px;
}

#studentItem {
	width: 83px;
}

#educatorItem {
	width: 88px;
}

#resourcesItem {
	width:94px;
}

#eventItem {
	width: 72px;
}

/**************
Homepage
**************/

#contentBox {
	margin-top: 10px;
	display: inline-block;
	width: 100%;
}

#mediaContainer {
	display: inline-block;
	position: relative;
	height: 304px;
/*	width: 596px;*/
	width: 100%;
/*	float: right;*/
	background: white;
	/*border: 1px solid #eaeaea;*/
}

#mediaContainer img {
	border: 0;
	width: 100%;
	height: 100%;
}

#contentTable{
	width: 100%;
}

#imgs{
	width: 67%;
}

#newsCell{

}

#mediaSidebar {
	background: #3b487a;
	width: 250px;
	height: 488px;
	float: left;
	font-family: Arial, Helevetica, sans-serif;
}

#mediaContent {
	background: #e2e2e2;
	height: 488px;
	width: 650px;
	float: right;
}

#mediaHover {
	height: 140px;
	width: 273px;
	position: relative;
	top: 144px;
	color: white;
	padding: 10px;
	background: url(../images/transl.png);
}

#playButton {
	display: block;
	position: relative;
	top: 102px;
	left: 126px;
}

#textBox {
	max-height: 264px;
	width: 100%;
	margin-top: 7px;
	

}

/* #jobsTitle{
	width: 283px;
	background: #7AA3CC;
	color: #202020;
	font-size: 20px;
	text-align: center;
	height: 1.2em;
	position: relative;
	text-align: center;
	right: 1px;
	padding: 5px;
	border: 1px solid #eaeaea;
} */

#spotlightTitle{
	width: 96.5%;
	background: #eaeaea;
	color: #202020;
	font-size: 20px;
	text-align: center;
	height: 1.2em;
	position: relative;
	text-align: center;
	right: 1px;
	padding: 5px;
	border: 1px solid #eaeaea;
}

/* #jobsBox{
	display: inline-block;
	position: relative;
	height: 304px;
	width: 293px;
	float: right;
	background: white;
	border: 1px solid #eaeaea;
} */

#spotlightBox {
	display: inline-block;
	position: relative;
	height: 304px;
	width: 293px;
	float: left;
	background: white;
	/*padding-right:5px;*/
	word-wrap:break-word;
	border: 1px solid #eaeaea;
}

#spotlightList{
	padding-right: 5px;
	padding-top: 5px;
}

#spotlightScroll{
	height: 270px;
	width: 280px !important;
	font-size: 11px;
	margin:auto;
	padding:0%;
}
#spotlightLink{
	color: #3b487a;
	text-decoration: none;
	font-size: 13px;
}
#spotlightCell{
	float: left;
}



#headlinesScroll{
	height: 450px;
	width: 560px !important;
	font-size: 11px;
	margin:auto;
	padding:0%;
}

/*
#newsBox {
	display: inline-block;
	height: 244px;
	width: 293px;
	float: left;
	background: #eaeaea;
}

#newsTitle {
	background: url(../images/newstitle.png);
}
*/

#newsBox {
	display: inline-block;
	position: relative;
	height: 364px;
	width: 293px;
	float: left;
	background: white;
	border: 1px solid #eaeaea;/*
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
}

#newsTitle {
	width: 283px;
	background: #eaeaea;
	color: #202020;
	font-size: 20px;
	text-align: center;
	height: 1.2em;
	position: relative;
	text-align: center;
	right: 1px;
	padding: 5px;
	border: 1px solid #eaeaea;/*
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;*/
}


/*#eventBox {
	display: inline-block;
	height: 244px;
	width: 293px;
	float: right;
	background: #eaeaea;
}

#eventTitle {
	background: url(../images/eventstitle.png);
}*/

#eventBox {
	display: inline-block;
	position: relative;
	height: 364px;
	width: 293px;
	float: right;
	background: white;
	border: 1px solid #eaeaea;
/*	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
}

#eventTitle {
	width: 282px;
	background: #eaeaea;
	color: #202020;
	text-align: center;
	font-size: 20px;
	text-align: center;
	height: 1.2em;
	padding: 5px;
	position: relative; 
	border: 1px solid #eaeaea;/*
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;*/
}





.mediaItem {
	height: 480px;
	width: 640px;
}

.mediaSideTitle {
	width: 100%;
	height: 30px;
	font-size: 16px;
	font-family: Arial, Helevetica, sans-serif;
}

.linkItem {
	margin: 5px;
}

.linkItem:hover {
	text-decoration: underline;
}

#videoBox {
	height: 364px;
	width: 294px;
	position: relative;
	float:right;
	margin-right: 7px;
	background: white;
	border: 1px solid #eaeaea;
	/*border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
}

.bstitle {
	width: 292px;
	background: #eaeaea;
	color: #202020;
	font-size: 20px;
	text-align: center;
	height: 1.2em;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #eaeaea;
/*	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;*/
	
}

#mainContent {
	width: 878px;
	border: 1px solid #c0c0c0;
	background: white;/*
	border-top-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;*/
}

.spaceContent {
	position:relative;
	top: 10px;/*
	border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-left-radius: 7px;*/
}

#navigationTabs {
	width: 100%;
	height: 35px;
	position: relative;
	top: 10px;
}

.navTab {
	display: inline-block;
	padding: 5px;
	height: 15px;
	margin-right:2px;
	font-size: 10px;
	line-height: 15px;
	border: 1px solid silver;/*
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-topleft: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-top-left-radius: 7px;*/
	background-color: #f5f5f5;
	color: #222222;
}

.navTab:hover {
	background-color: #eeeeee;
	color: white;
}

.navTab a {
	width: 100%;
	height: 100%;
	display: block;
}

/*********
The Switcher2
**********/
.switchContent {
	width: 100%;
	height: 100%;

}

#switchController {
	width:120px;
	height:40px;
	position:absolute;
	top: 265px;
	left: 780px;
}

.leftContentVis {
	background:url(../images/stoplight/left.png);
}

.centreContentVis {
	background:url(../images/stoplight/middle.png);

}

.rightContentVis {
	background:url(../images/stoplight/right.png);
}

#leftButton {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	left: 19px;
}

#centreButton {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	left: 52px;
}

#rightButton {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	left: 85px;
}

#bottomInfo {
	font-size: 10px;
	width: 100%;
	color: #eaeaea;
}


/******************
Browse Appliace
******************/
#browse2searchString {
	border: 1px;
	font-size: 14px;
	border: 1px solid silver;
	margin-right: 5px;
	margin-bottom: 5px;
}

#browse2submitButton {

}

.slimscrollable {
	overflow: hidden;
}

.slimscrollable:hover {
	overflow-y: scroll;
}

#nextLevelNav {
	height: 45px;
	line-height: 45px;
	
	background: #cbcbcb;
	width: 857px;
	padding-left: 43px;
}

#nextLevelNav a {
	color: black;
	font-size: 12px;
	height: 100%;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	display: inline-block;
}

#homeSublinks {
	display: none;
}

.sublinks {
	display: none;
}

.switchImage {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
}

.centralYLink {
	width: 600px;
	height: 304px;
	position: absolute;
	left: 0px;
	top: 0;
}

#advanceSlideshow {
	height:304px;
	width:100px;
	background: url(../images/slideRight.png) no-repeat;
	background-position: 73px 0px;
	position: relative;
	float: right;
}

#previousSlideshow {
	height:304px;
	width:100px;
	background: url(../images/slideLeft.png) no-repeat;
	background-position: 1px 0px;
	position:absolute;
	left: 0;
	top: 0;

}

/********
Roadmap
********/
li.video {
	list-style-image:url('../images/roadmapIcons/video.png');
	title: "video";
}


li.book{
        list-style-image:url('../images/roadmapIcons/book.png')
}


li.article {
        list-style-image:url('../images/roadmapIcons/article.png')
}


li.tutorial {
        list-style-image:url('../images/roadmapIcons/tutorial.png')
}

/********
Social Media Page
********/

#twitter-widget-0 {
    width: 300px;
    height: 450px;
    position: relative;
    display: inline;
    float: right;
    clear: right;
    /*vertical-align: top;*/
}

.fb_iframe_widget {
	position: relative;
	display: block;
	vertical-align: top;
	float: right;
}

#recentEventsBox {
	display: block;
	vertical-align: top;
	position: relative;
	height: 450px;
	width: 365px;
	float: right;
	clear: right;
	background: white;
	/*padding-right:5px;*/
	word-wrap:break-word;
	border: 1px solid #eaeaea;
}

#recentEventsScroll{
	height: 1300px;
	width: 280px !important;
	font-size: 11px;
	padding:0%;
}

#relatedHeadlinesBox{
	float: left;
	vertical-align: top;
	display: inline-block;
	position: absolute;
	height: 1350px;
	width: 570px;
	margin: 0 0 0 0;
	background: white;
	word-wrap:break-word;
	border: 1px solid #eaeaea;
}

#relatedHeadlinesTitle {
	width: 96.5%;
	background: #eaeaea;
	color: #202020;
	font-size: 25px;
	text-align: center;
	height: 1.2em;
	position: relative;
	text-align: center;
	right: 1px;
	padding: 10px;
	border: 1px solid #eaeaea;
	margin-bottom: 10px;
}

#headlineScroll p {
	margin-right: 10px;
}

@media only screen and (max-width: 1100px) {
	body {
		margin-right: -100px;
		margin-left: -100px;
	}
}

 LocalWords:  recentEventsBox
