/* CSS Main */

*,html,body {padding:0; margin:0; font-size:100.01%; color:#000;}

body {background:url(../images/head_bg.jpg) repeat-x top left #fff; font-family:Verdana, Arial, Helvetica, sans-serif;}

#outterwrap {margin:0 auto 0 auto; width:775px;}

img {border:0;}
p {padding:1em 0 1em 0;}
h2 {font-family:"Arial Black", Arial, sans-serif; font-size:1.4em; line-height:1.2em;}

a {color:#003980; text-decoration:underline;}
a:visited {color:#000; text-decoration:underline;}
a:hover {color:#000; text-decoration:underline;}
a:active {color:#FF9955; text-decoration:underline;}

/* #weathersticker {width:400px; margin-bottom:25px;}  #weathersticker table {} */

/* HEADER */
#header img {float:left;}
#header {width:775px; height:140px; background:url(../images/head_bg.jpg) repeat-x top left;}
#header h1 {width:775px; height:63px; position:relative; clear:left; font-size:0px;}
#header h1 span {width:100%; height:100%; 	position:absolute; background:url(../images/logo_rsl.jpg) top center no-repeat;}

/* NAV */
#menu {width:775px; height:36px; list-style:none; background:none; font-size:16px; font-family:"Trebuchet MS", Helvetica, Arial, sans-serif; margin:0; padding:0;}
#menu li {width:120px; height:36px; float:left; text-align:center; margin:0 6px 0 3px;}
	#menu li.aboutus {margin-right:0 !important;}
#menu li a {display:block; width:120px; height:31px; color:#000; text-decoration:none; padding-top:5px;}

/* NAV TABS */
#menu li.home a,
#menu li.learners a,
#menu li.educators a,
#menu li.leadership a,
#menu li.partnership a,
#menu li.aboutus a {background:url(../images/learn_nav_tab.jpg) 0px -36px no-repeat;}

#menu li.home a:hover,
#menu li.learners a:hover,
#menu li.educators a:hover,
#menu li.leadership a:hover,
#menu li.partnership a:hover,
#menu li.aboutus a:hover {background:url(../images/learn_nav_tab.jpg) 0px -72px no-repeat;}

/* NAV LOCATION */
#home #menu li.home a,
#learners #menu li.learners a,
#educators #menu li.educators a,
#leadership #menu li.leadership a,
#partnership #menu li.partnership a,
#aboutus #menu li.aboutus a {background:url(../images/learn_nav_tab.jpg) no-repeat;}

/* CONTENT WELL */
#left {width:530px; /*background:url(../images/bg_left.jpg) top left no-repeat;*/ margin-top:50px; float:left;}

#pagelabel {font-family:"Trebuchet MS", Georgia, "Times New Roman"; font-size:2em; line-height:1em; font-variant:small-caps; font-weight:bold; padding:10px 0 0 10px;}

#search #pagelabel {padding:10px 0 0 0 !important;}

#left p {padding-right:15px; padding-left:15px;}

#feature {width:530px;}
#feature img {margin:15px 15px 5px 15px; float:left;}
#feature p {padding-right:15px; padding-left:15px;}
#feature h2 {padding:15px 10px 0 0;}

.featurettes {width:530px;}
.featurettes img {padding:0 0 15px 0; float:right;}
.featurettes p {float:left; width:350px; padding-left:13px;}

#morelist {margin:20px 60px 25px 45px;}
#morelist li {margin-bottom:.5em;}


.spacer {clear:both; height:25px;}

	/* HOMEPAGE */
	#homefeatureleft1,#homefeatureleft2 {width:252px; background:#FFECD9; float:left; margin:0 26px 0 0;}

	#homefeatureright1,#homefeatureright2  {width:252px; background:#FFECD9; float:right;}
	
	#homefeatureleft1 p,#homefeatureleft2 p,#homefeatureright1 p,#homefeatureright2 p {padding:8px;font-size:.8em;}
	#homefeatureleft1 h2,#homefeatureleft2 h2,#homefeatureright1 h2,#homefeatureright2 h2 {font:1.5em/.85em "Microsoft Sans Serif", sans-serif;padding:6px 0 6px 4px;}
	
	hr {border:0; color:#000; background:#000; height:1px; margin:20px 0 20px 0; display:block; clear:both;}
	hr.alt {border:none; color:#fff; background:#fff; height:1px; margin:13px 0 13px 0; display:block; clear:both;}

















	#scienceheadlinesbox {width:252px; background:url(../images/bg_scienceheadlines.jpg) top left no-repeat; border-bottom:1px solid #000; font-size:.8em; float:left;}
	#scienceheadlinesbox ul {list-style:none; padding:0 20px 0 70px;}
	#scienceheadlinesbox li {margin-bottom:10px;}
	#scienceheadlinesbox li a {font-weight:bold;}
	#scienceheadlinesbox h2 {padding:20px 0 15px 70px;}

	#braindropsbox {width:252px; background:url(../images/bg_braindrops.jpg) top left no-repeat; border-bottom:1px solid #000; font-size:.8em; float:right;}
	#braindropsbox h2 {padding:20px 0 15px 70px;}
	#braindropsbox p {padding:0 10px 0 70px;}
	#braindropsbox a {display:block; padding:20px 0 20px 70px;}

	#aboutus-home {width:252px; border-bottom:1px solid #000; font-size:.8em; float:right; background:url(../images/bg_about-us.png) top left no-repeat;}
	#aboutus-home h2 {padding:20px 10px 10px 10px;}
	#aboutus-home p {padding:10px;}
	

	/* ABOUT US PAGE */
	#aboutus p {padding-left:13px; padding-right:13px;}
	
	#contact {width:518px; margin:13px 2px 20px -30px;text-align:left;}
	#contact ol {list-style:none;}
	#contact ol li {margin:0 0 20px 20px;}
	#contact fieldset {border:none;}
	#contact p {margin-top:10px; margin-bottom:30px; padding:0; color:#000; font:normal 1em "Trebuchet MS", Georgia, "Times New Roman", serif; text-align:left;}
	#contact label {display:block; float:left; width:130px; font-size:.89em;}
	#contact fieldset input {display:inline; width:300px; background:#fff; color:#000; border:1px solid #aaa; font-family:Georgia, "Times New Roman", Times, serif;}
	#contact fieldset textarea {display:inline; width:300px; height:60px; background:#fff; overflow:auto; border:1px solid #aaa; font-family:Georgia, "Times New Roman", Times, serif;}
	.buttons {text-align:right;}
	#contact .submit, #contact .reset {width:75px; height:23px; background:#693; color:#fff; border:1px solid #000;}
	#contact .submit {}
	#contact .reset {margin:0 63px 0 20px;}
	#contact p.confirm {color:red;  font-style:normal;  text-align:center;}
	.disclaim {font-style:italic ;}

	/* Braindrops Page */
	
	#droplist h3 {text-decoration:underline; cursor:pointer; font-weight:normal;}
	dl.braindrops {margin:1em 20px 0 28px; font-size:.89em;}
	dl.braindrops dt {float:left; font-weight:bold; margin-right:15px;}
	dl.braindrops dd {margin:0 0 1em 10px;}

.todaysdrop {font-size:1.3em;}


/* RIGHT COLUMN */
#unisys {width:220px; text-align:center; margin-bottom:20px;}

#right {width:220px; float:right; font-size:.9em;}
#right p {padding:10px 10px 10px 20px;}
#right h6 {font-family:"Trebuchet MS", Georgia, "Times New Roman"; font-size:1.6em; padding:10px 0 5px 10px;}


#searchbox {width:220px; background:#c4733a url(../images/bg_search_bottom.jpg) no-repeat bottom center; padding-bottom:15px;}
#searchbox h6 {background:url(../images/bg_search_top.jpg) no-repeat top center;}
.searchfield {display:block; height:19px; width:180px; background:#f5fffa; border:1px solid #360; margin:0 0 0 20px; font-family:"Trebuchet MS", Georgia, "Times New Roman";}
.searchbutton {margin:10px 0 0 20px;}


#audiocastbox {width:220px; margin:25px 0 0 0; background:url(../images/bg_rightcol.jpg) top left no-repeat;}
#rsslink {height:24px; width:150px; background:url(../images/rssicon.gif) top left no-repeat; display:block; padding:3px 0 0 30px; font-size:.9em;}

#aboutusbox {width:220px; margin:25px 0 50px 0; background:url(../images/bg_rightcol.jpg) top left no-repeat;}

#braindrop {width:220px; margin:25px 0 0 0; background:url(../images/bg_rightcol.jpg) top left no-repeat;}
#braindrop h6 {background:url(../images/icon_braindrops.jpg) 10px 10px no-repeat; padding-left:70px;}

#aroundthesite {width:220px; margin:25px 0 50px 0; background:url(../images/bg_rightcol.jpg) top left no-repeat;}
#aroundthesite h6 {background:url(../images/bg_around-the-site.png) 10px 10px no-repeat; padding-left:70px; text-transform:lowercase;}
#aroundthesite ul {list-style:none; padding:5px 10px 0 15px;}
#aroundthesite li {margin-bottom:10px;}
#aroundthesite li a {font-weight:bold;}




/* FOOTER */
#footer {width:775px; height:96px; margin-bottom:15px;}
#footer p {width:775px; height:96px; position:relative; font-size:0.85em;}
#footer span {width:100%; height:100%; position:absolute; background:url(../images/footer.gif) top left no-repeat;}
















#leftcontent {width:530px; margin-top:50px; float:left;}

#leftcontent h2 {font-family:"Trebuchet MS", Georgia, "Times New Roman"; font-size:2em; line-height:1em; font-variant:small-caps; font-weight:bold; padding:10px 0 0 10px;}

#leftcontent h3 {font:1.6em bold Verdana, Arial, sans-serif; color:#000; margin:10px 0 10px 10px;}

#leftcontent h4 {font:1.2em bold "Arial Black", Arial, sans-serif; color:#333; margin:10px 0 10px 10px;}

#leftcontent h5 {margin-top:1em;}

#leftcontent p {color:#333;	padding:.5em 0 .5em 10px; line-height:1.3em;}

.google {padding:20px; text-align:center;}

ol,ul {padding-left:30px;margin:1em 0 1em 30px;}

.imagery {
	text-align:center;
	font:.9em bold Georgia, "Times New Roman", Times, serif;
}

.imagery img {
	border:2px solid #999;
	margin:10px 0 10px 0;
}




#hotlistcrumbs {font-size:.85em; width:510px; border-top:1px solid #666; padding:5px 0 0 10px; margin-top:15px;}













/* content slider */

.contentslide {
	border:none;
	width:530px;
	min-height:275px;
  	height:auto !important; /* http://www.dustindiaz.com/min-height-fast-hack/ */
  	height:275px;
	}

.contentslide .contentdiv {
	display:none;
	}

.pagination {
	width:530px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
	text-align:center !important;
	background:none;
	border:none;
	}

* html .pagination { /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
	width:530px !important; /*IE5 width*/
	w\idth:530px !important; /*IE6 width*/
	}

.pagination a {
	padding:0 5px;
	text-decoration:none; 
	color:#003980 !important;
	background:none;
	}

.pagination a:hover, .pagination a.selected {
	color:#003980 !important;
	background-color:#FEE496;
	}


/* end content slider */