@import "menu/nie_menu.css";


/*-- Page Layout -- */
body {
	background: #b4b4b4 url(http://media2.newsobserver.com/nie/images/nie-bg.gif) top center repeat-y;
	color:#666666;
	font-family:tahoma,verdana,helvetica,sans-serif;
	font-size:12px;
	line-height:20px;
	margin:0pt;
	padding:0pt;
	text-align:center;
	}
	
#doc3.page {
	margin:0pt auto;
	padding:0pt;
	text-align:left;
	width:900px;
	}
	
.yui-gc {margin-top: 20px;}	

/*-- Grid -- */
.grid-3, .grid-2 {
	overflow:hidden;
	}

.grid-2 .column {
	width:49%;
	}

.grid-3 .column, .grid-2 .column {
	float:left;
	overflow:hidden;
	padding:0 2px 0 0;
	}
	

/*-- General Styles -- */
a {color:#153577;text-decoration:none;}
a:hover {text-decoration:underline; color: #cc0000;}	
p {margin: 10px 0;}	
.float_left{float:left;margin-right:10px;}
.float_right{float:right;margin-left:10px;}
.margin-top-strong{margin-top:20px;}
.margin-top{margin-top:10px;}
.margin-top-weak{margin-top:5px;}
.new {color: #cc0000; text-transform: uppercase;}
ul {list-style-type: square;list-style-position: outside;}

a.arrow {
	font-weight:bold;
	font-size:10px;
	background:transparent url(http://media2.newsobserver.com/nie/images/arrow.gif) no-repeat scroll right 4px;
	padding-right:18px;
	cursor: pointer;
	}

h3 {
	font-size: 20px;
	color: #525252;
	font-family: times, serif;
	font-weight:bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	border-bottom: 1px solid #C0C0C0;
	padding-bottom: 1px;
	}

h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
	}

/*-- Header -- */
#hd {
	background:transparent url(http://media2.newsobserver.com/nie/images/header.gif) no-repeat scroll left top;
	width:900px;
	}

#hd h1 {
	float:left;
	margin:2px 0pt 0pt 6px;
	padding:0;
	}
	
	
#hd h1 a {
	display:block;
	height:85px;
	text-indent:-9999px;
	width:200px;
	}
	
	
.html_module {
	margin-bottom: 15px;
	}

/*-- Home Top Promo -- */
#home-top {
	background:transparent url(http://media2.newsobserver.com/nie/images/home-top-bg.jpg) no-repeat scroll left top;
	border:8px solid #e01b22;
	height:123px;	
	padding-left:430px;
	padding-right: 10px;
	font-size: 11px;
	line-height: 18px;
	overflow:hidden;
	}
	
#home-top h2 {
	color:#e01b22;
	font-family: times, serif;
	font-size: 20px;
	margin: 13px 0 10px;
	}

#home-top h2 span {font-style:italic;}

	
	
/*-- E-edition Promo -- */	
.e_edition {
	width: 595px;
	border: 2px solid #96b75e;
	background-color: #96b75e;
	height: 193px;
	}

.e_edition img {
	float: left;
	margin-right: 10px;
	border-right: 3px solid white;
	}

.e_edition p {
	padding: 5px 10px;
	font-size: 12px;
	color: black;
	}
	
.e_edition h3 {
	color: white;
	font-size: 28px;
	border-bottom: none;
	margin: 20px 0 10px;
	font-family: arial, sans-serif;
	text-transform: none;
	}
	
.e_edition h4 {
	color: white;
	font-size: 14px;
	}
	
.e_edition a {
	color: #fff200;
	font-weight: bold;
	}
	

	

/*-- Top Menu -- */
#MENU {
	clear:both;
	padding:10px 0;
	background:transparent;
	}	


/*-- Main Content -- */
#main_content { 
	margin-top:20px;
	}


/*-- Left Rail -- */
#left-rail {
	float: left;
	width: 67%;
	}	


/*-- Right Rail -- */
#right-rail {
	border-left: 1px dashed #606060;
	margin-left:15px;
	padding-left: 15px;
	margin-bottom: 15px;
	width: 29%;
	float: left;
	position:relative;
	}	
	
#right-rail h3 {
	border-bottom: 1px solid #c0c0c0;
	padding-bottom: 1px;
	margin: 0px 0px 5px;
	text-transform: uppercase;
	font-size: 14px;
	color: #525252;
	font-family: times, serif;
	font-weight:bold;
	}


/*-- Special Supplements -- */	

ul.supplements, ul.supplements_all {
	list-style:none;
	list-image:none;
	}
	
ul.supplements li {
	float:left;
	padding: 5px 0;
	}
	
ul.supplements_all li {
	padding: 10px;
	padding: 5px 0;
	width: 280px;
	float: left;
	margin-bottom: 20px;
	}

.supplements h4, .supplements_all h4{
	font-size:12px;
	font-family:arial,sans-serif;
	color:#153577;
	font-weight:bold;
	line-height: 15px;
	margin: 0px 0px 2px 0px;
	
	}

.supplements p, .supplements_all p {
	font-size: 10px;
	line-height: normal;
	margin:0px;
	}

	
	
	
	
/* Login Boxes */
.login_box{
	padding:10px 10px 10px;
	text-align:right;
	}
		
.login_box input{
	margin-right:20px;
	margin-bottom: 7px;
	border:1px solid #999;
	padding:2px 3px;
	}
		
.login_box input.margin-top{
	border:0px
	}
	
.login_box label {
	width: 64px;
	}

#nie_login {
	padding: 0;
	margin-right: 20px;
	border: none;
	background-color:#202e55;
	color: white;
	padding: 2px 5px;
	cursor: pointer;
	text-transform: uppercase;
	}
html .custom-button { cursor: hand; }
	
#student_login{
	background:url('http://media2.newsobserver.com/nie/images/lunchbox_background.gif') top left no-repeat;
	}
		
#teacher_login{
	background:url('http://media2.newsobserver.com/nie/images/apple_background.gif') top left no-repeat;
	}
#right-rail .login_box h3 {border-bottom:none;text-align:left;margin:0px;}	
		
		
	
/*-- Sponsors -- */	

.sponsors .column div {
	text-align: center; 
	line-height: 120px;
	height: 120px;
	}
		
.sponsors img {
	vertical-align: middle;
	border: none;
	}
	
	
		

/*-- Footer -- */
#ft {	
	border-top: 1px dashed #606060;
	margin-top: 30px;
	padding-bottom: 5px;
	}
	
#ft #company-links {
	background-color:#BFBFBF;
	color:#4D4D4D;
	font-size:11px;
	line-height:14px;
	margin-bottom:10px;
	padding:5px 20px 6px;
	}
	
#ft #company-links li {
	border-right:1px solid #4D4D4D;
	float:left;
	padding:0pt 8px;
	}
	
#ft #company-links li.last {
	border:medium none;
	}

#ft #company-links li,
#ft #company-links li.last {
	list-style: none;
	margin: 0;
}

	
#ft #company-links a {
	color:#4D4D4D;
	text-decoration:underline;	
	}
	
#ft #company-links a:hover {color:#fff;}	
	
#ft .powered {
	color:#A2A2A2;
	font-size:10px;
	margin-top:15px;
	padding-bottom:2px;
	text-align:right;
	}

#ft img {float:right;}
/*Social Buttons*/
#socialbuttons{
        position:absolute;
        left:19px;
        top:-55px;
        width:250px;
        height:35px;
}
.socialButton{
	float:left;
	position:relative;
	width:115px;
}
#facebook.socialButton{
	margin-right:15px;
}
#facebook img, #twitter img{
       width:35px;
}
.socialText{
	position:absolute;
	right:0px;
	top:-2px;
	width:75px;
        font-family:Tahoma, Verdana;
}