html, body{ height:100%; font-family:Arial, Helvetica, sans-serif;}
body {margin:0; padding:0; background:url(http://www.learnlab.org/images/top_grid.gif) repeat-x top center; font-size:small; text-align:center;}

#main{ position:relative; margin:0 auto; height:100%; min-height:100%; width:960px; padding:0; background:url(http://www.learnlab.org/images/background.gif) no-repeat top left; border-left:1px solid #82A4E1; border-right:1px solid #82A4E1; text-align:left;}
html>body #main{height:auto; width:958px;} /*for mozilla as IE treats height as min-height anyway and to fix IE box model error */


#wrapper{position:relative; top:0; left:0; z-index:1; height:100%; padding:0 20px; margin:0;}
html>body #wrapper{ min-height:100%; height:auto;}

/* UGLY! Safari only hacks for the 100% height. hides from mozilla/netscape
html>body #main{ [height:100%; height:100%;	]height:100%;}
#main{ [display:table; display:table; ]dispaly:table; }
#wrapper{ [display:table; display:table; ]dispaly:table;} */


#header{ position:absolute; padding:0; margin:0 -21px; width:960px;	height:140px; background:url(http://www.learnlab.org/images/header.gif);}
#header a{display:block; position:relative; top:40px; left:20px; height:80px; width:400px; font-size:10000%; overflow:hidden; z-index:101;}
#header a span{ display:none;}
/* safari doesn't handle negative margins correctly in table mode, so have to lay an absolute header up to cover things properly, then use the 
below header_clear to move content to the correct location. */
#header_clear{ position:relative; padding:0; margin:0; width:918px;	height:140px;}

#left_col, #right_col{ margin:0; top:0; padding:0; width:212px; border-left:1px solid #82A4E1; border-right:1px solid #82A4E1; z-index:96;}

#left_col{ float:left; }
#right_col{ float:right;}
/*IE box model fix */
html>body #left_col{ width:210px;}
html>body #right_col{ width:210px;}

#left_col_background, #right_col_background{ position:absolute; width:212px; background:url(http://www.learnlab.org/images/left_side_gradient.gif) repeat-x bottom right #ACB5E7; height:100%; min-height:1000000px; bottom:0; border-left:1px solid #82A4E1; border-right:1px solid #82A4E1; margin:0; padding:0;}
html>body #left_col_background, html>body #right_col_background{ width:210px; }/*IE box model fix */
#left_col_background{ left:20px;}
#right_col_background{ right:20px;}

.col_top{ position:relative; top:0; margin:0 -1px; background-image:url(http://www.learnlab.org/images/column_tops.gif);	height:45px; width:212px; }
.clear_header{ height:155px; }
.menu_clear{ height:0; }

#content{ position:relative; margin:20px 0 20px 0; padding:0 15px 3em 15px; width:485px; overflow:hidden;}
/*IE box model fix */
html>body #content{ float:right; width:450px;}
#footer{ width:100%; position:absolute; bottom:0px; text-align:center; margin:0 0 .5em 0; padding:0; color:#1B3AA9; font-size:90%; clear:both; z-index:100; }

/* Search */
#search {z-index:99; position:absolute; right:20px; top:44px; }
#search .text {border:1px solid black;  }
#search .button { font-weight:bold; }
/* Announcments section */
#announcements{ text-align:left; z-index:98; overflow:hidden; width:210px; position:relative; }
#announcements ul{ list-style-type:none; padding:0; margin:0;}
#announcements li{ padding:5px;}
#announcements li a{ color:#1B3AA9; text-decoration:none;}
#announcements li a:hover{text-decoration:underline;}
#announcements div{ margin:1em; padding:0 0 .5em 0; border-bottom:1px solid #1B3AA9;}
#announcements h1{ font-size:18px; margin:0; font-weight:normal; z-index:99;}
#announcements div .viewAll {display:block; font-size:11px; text-align:right; }
#announcements div .viewAll a{ text-decoration:none; color:#1B3AA9;}
#announcements div .viewAll a:hover{ text-decoration:underline;}
#announcements hr{ color:#1B3AA9; }

h2 .date {color:#1B3AA9; font-size:75%; display:block; }
.date{ display:block; font-weight:bolder; font-size:90%;}
.column_img img{ border-bottom:1px solid white; border-top:1px solid white; margin:0 -1px; }
#content h1{margin:.25em 0;}
#content p{margin:0 0 1em 0;}

/* login elements */
#login{ margin:0 10px; padding:0; text-align:center; }
#login a{z-index:1; font-weight:bold; color:#1B3AA9;}
#login a:hover{color:#000;}
#login p{margin:0 0 .25em 0; padding:0;}

/* nav block elements */
#nav h1{display:none;}
#nav, #nav ul { margin:0; padding:0; list-style:none; overflow:hidden; width:210px; }
#nav ul { border-bottom:1px solid #fff	; border-top:1px solid #737AD7}
#nav { margin-bottom:1em; z-index:99; }	
/* first tier */
#nav li { display:inline; padding: 0; margin: 0; }
#nav li a { display:block; padding:8px 10px; text-decoration:none; border-bottom:1px solid #737AD7; border-top:1px solid #fff; font-weight:bold; color:#1B3AA9; }
#nav li a:hover { background:#EBF1FF; color:black; }
#nav .selected{ text-decoration:none; background-color: #E0E2F7;}	

		
/* second tier nav */	
#nav li ul{ border-bottom: 1px solid #737AD7; border-top: 1px solid #fff; display:block; position:relative; background:url(http://www.learnlab.org/images/star_sml.gif) top center no-repeat #D2D6F3; }
#nav li li a { padding: 3px 8px 3px 20px; border:0; font-size:90%; }
#nav li li .selected{ text-decoration:underline; background:0;	}
#nav li li .selected:hover { text-decoration:underline;  }

/*third tier nav */	
#nav li li ul{ background:0; border:0; }
#nav li li li a { padding: 2px 8px 2px 40px; border:0; font-weight:normal; font-size:90%; }
#nav li li li .selected{ text-decoration:underline;}
#nav li li li span { padding: 2px 8px 2px 30px; border:0; font-weight:normal; font-size:90%; display:block; }

/*fourth tier nav */	
#nav li li li ul{ background:0; border:0; }
#nav li li li li a { padding: 1px 8px 1px 50px; border:0; font-weight:normal; font-size:90%; }
#nav li li li li .selected{ text-decoration:underline;}
#nav li li li li span { padding: 2px 8px 2px 30px; border:0; font-weight:normal; font-size:90%; display:block; }

/*fifth tier nav */	
#nav li li li li ul{ background:0; border:0; }
#nav li li li li li a { padding: 1px 8px 1px 60px; border:0; font-weight:normal; font-size:90%; }
#nav li li li li li .selected{ text-decoration:underline;}
#nav li li li li li span { padding: 2px 8px 2px 30px; border:0; font-weight:normal; font-size:90%; display:block; }


/* PSLC defaults */
img{border:1px solid #737AD7; z-index:100;}
form img{border:0;}
td{vertical-align:top;}

/*additional classes and styles*/
.error{color:red;}
#footer span{ font-size:80%; }
.section{ border:1px solid #737AD7; padding:.5em; background-color:white; margin:1em 0; position:relative; }
.section li{padding:.25em;}
#send_to_friend{ background:url(http://www.learnlab.org/images/content_background_sml.gif) no-repeat top left; margin:5px;}
#login_form{ padding:.5em; margin:1em 0; text-align:center;}
#login_form p{ text-align:justify;}
#login_form label{ float:right; white-space : nowrap;}
#login_form table{ margin:15px auto 0 auto; width: auto; }
#login_form .submit_td{ text-align:center; }
#login_form .submit{ text-align:center; font-weight:bold; background-color: #E0E2F7; border-top:1px solid white; border-left:1px solid white; border-bottom:1px solid #737AD7; border-right:1px solid #737AD7; width:50px; }
#login_form input{ border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #737AD7; border-left:1px solid #737AD7; width:150px;}
.gensmall{ font-size:80%; }
.citation{ display:block; padding: 5px 5px 5px 15px; text-indent: -10px }

/*Top Menu*/
#top_menu { position : relative; top:20px ; left:15px ; width:100%;}
#top_menu a{ font-size:80%; }

/*boards_content*/
#boards_content { position : relative; top : 30px;}
html>body #boards_content { margin-left:220px;}
#boards_content img{border:0px;}
iframe{ z-index: 99;}

/*homepage sections*/
.partition{ border:1px solid #737AD7; padding:2.5em .5em .5em .5em; background-color:white; margin:2em 0; position:relative; }
.partition h1{position:absolute; left:-.5em; top:-1em; padding:.25em; border:1px solid #737AD7; background-color:white; }
.partition h2{color:#1B3AA9; margin:.5em 0 2px 0; font-size:120%;}
.partition p{padding:0 .5em;}
.imagePopUp {position:fixed; top:50px; left:50%; margin-left:-25%; background-color:white; }