/*-----------------------------------------------------------------------------------------------------------------------
  [SUB PAGE STYLESHEET]
  
  Project:		News
  URL:			northlandcollege.edu/news/
  Version:		1.0
  Last Change:	06/11/08 [ created ]
  Copyright:	(c)2005-2008 Northland College. All Rights Reserved.
-----------------------------------------------------------------------------------------------------------------------*/	


/*-------------------------------------------------------------
	TABLE OF CONTENTS
---------------------------------------------------------------
	00. PAGE STRUCTURE
	01. PAGE HEADER
	02. SECTION 1
	03. TITLE
	04. TITLE
    05. TITLE
---------------------------------------------------------------*/

	
/*-------------------------------------------------------------
	00. PAGE STRUCTURE
---------------------------------------------------------------*/

body {
	background-color:#FFF;}
	
#page-layout {
	height: 100%;
	background-image: url(bg-page.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;}	
#page-layout-wrap {
	width:982px;
	_width:982px;
	min-height:600px;
	_min-height:600px;
	position:relative;
	margin-top:0px;
	margin-bottom:20px; /* gives separation from footer */
	margin-right:auto;
	margin-left:auto;}


/*-------------------------------------------------------------
	01. PAGE HEADER
---------------------------------------------------------------*/

 /* structure */
#page-header-wrap {
	padding-top:5px;
	height:100px;}
	
 /* logo */	
#page-header-wrap h1 {
	height:63px;
	width:982px;
	margin-top:13px;
	margin-right:0px;
	margin-bottom:0;
	margin-left:0px;
	background-image: url(logo.gif);
	background-repeat: no-repeat;
	background-position: left top;}	
#page-header-wrap .left{
	width:460px;
	padding-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	float: left;}
#page-header-wrap .right{
	width:522px;
	margin-top:23px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	float: left;}


.replaced { display: block; height: 10px; overflow: hidden; outline: none; text-indent: -9999px; width: 10px; }

/* page navigation - optional */	
#page-header-wrap .right ul { display: inline; float: right; margin: 0; }
#page-header-wrap .right ul li { display: inline; }
#page-header-wrap .right ul li a {
	color: #A7A7A7;
	float: left !important;
	margin-top: 1em;
	margin-left: 30px;
	margin-right: 8px;
	padding: 0;
	text-decoration: none;
	font-weight: bold;}
#page-header-wrap .right ul li a:hover {
	color: #A7A7A7;
	text-decoration: underline;}
#page-header-wrap .right ul li.active a { color: #FFF; }
#page-header-wrap .right ul li.active a:hover {
	color: #FFF;
	text-decoration: none;}

	

	
/*-------------------------------------------------------------
	02. CONTENT STRUCTURE
---------------------------------------------------------------*/

#content {
	width: 100%;
	min-height:300px;
	position: relative;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:15px;
	background-color:#FFF;
	margin-right: auto;
	margin-left: auto;}
#content-wrap {
	width:982px;
	min-width:982px;
	min-height:300px;
	margin: 0px auto;
	position: relative;}

#content .column2A {
	padding-bottom:30px;
	width:695px;
	max-width:695px;
	min-height:700px;
	margin-right:15px;
	padding-right:17px;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-top:10px;
	float:left;
	background-image: url(../../001_Global/images/bg/bg-sub-sidecolumn.gif);
	background-repeat: no-repeat;
	background-position: right -20px;}	
#content .column2B {
	height:auto;
	width:255px;
	padding-right:0px;
	padding-left:0px;
	margin-top:10px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:5px;
	float:left;
	overflow: visible;}		

	
	
/*-------------------------------------------------------------
	03. NEWS ARTICLE
---------------------------------------------------------------*/	

/** publish wrap **/
#publish-wrap {
	position: relative;
	width:695px;
	height:24px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	padding-right: 1px;
	margin-bottom:5px;
	padding-left: 1px;
	padding-top:5px;
	padding-bottom:0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;}
#publish-wrap .left {
	float:left;
	width:200px;
	position:relative;
	padding-top:2px;}
#publish-wrap .left p {
	color: #666666;
	font-size:11px;
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	font-weight: normal;}		
#publish-wrap .right {
	float:left;
	width:475px;
	position:relative;}	
	
/* Link <a> Replacements/Icons
-------------------------------------------- */
.article-tools {
	margin-bottom: 0px;
	/* position: absolute;
	top: 10px;
	right: 20px; */
	float: right;
	display: inline;}
.article-tools li {
	margin-top: 0;
	margin-left:15px;
	margin-right:2px;
	border: 0;
	display: inline;
	float: left;}
.article-tools li a{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 11px;
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	color: #0082E1;
	font-weight: normal;
	text-decoration: none;}
.article-tools li a:hover{
	color: #666666;
	text-decoration: underline;}
a.rss {
	padding:2px 0 0 20px;
	height:19px;
	display:block;
	background-image: url(icon-rss.gif);
	background-repeat: no-repeat;
	background-position: left top;}
a.email {
	padding:2px 0 0 20px;
	height:19px;
	display:block;
	background-image: url(icon-email.gif);
	background-repeat: no-repeat;
	background-position: left top;}
a.print {
	padding:2px 0 0 20px;
	height:19px;
	display:block;
	background-image: url(icon-print.gif);
	background-repeat: no-repeat;
	background-position: left top;}


.news-title {
	color: #1F1F1F;
	font-size:40px!important;
	font-family:"Georgia", "Cambria", Times New Roman, Times, serif!important;
	font-weight: normal;
	letter-spacing: -1px;
	text-decoration: none;
	padding-bottom:8px;
	padding-left:0px;
	padding-top:0px;
	line-height:1em!important;
}	
.news-summary {
	color: #666666;
	font-size:16px!important;
	font-family:"Georgia", "Cambria", Times New Roman, Times, serif!important;
	font-weight: normal;
	text-decoration: none;
	padding-bottom:16px;
	padding-left:0px;
	padding-top:0px;
	line-height:1.2em;}		
.news-story {
	color: #000;
	font-size: 120%;
	margin: 0px;
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	/*font-family:Georgia, serif;*/
	text-decoration: none;
	font-weight: normal;
	padding-top: 0px;
	padding-left: 1px;
	padding-right: 0px;
	padding-bottom: 15px;
	line-height: 1.5em;
	min-height: 310px;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;}
.news-photo-border {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left:30px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-position: right top;
	overflow: hidden;
	border: 1px solid #D9D9D9;
}
.news-photo-caption {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	color: #666666;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
	min-width:150px;
	max-width: 310px;
	max-height:100px;
}
.news-quote {
	font-family: times, "Times New Roman", times-roman, georgia, serif;
	font-size: 24px;
	line-height: 1.1em;
	text-indent: 30px;
	width: 220px;
	float: right;
	display: inline;
	background-image: url(dropQuote.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	color: #555555;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;}
.news-quote img.quoteEnd {
	vertical-align: middle;}



	
/*-------------------------------------------------------------
	04. SIDE COLUMN STYLES
---------------------------------------------------------------*/	
.column2B #modBoxA {
	padding-bottom:10px;
	margin-bottom:20px;}

.column2B #modBoxTwitter {
	padding-bottom:0px;
	margin-bottom:10px;}

.column2B p {
	padding-top:6px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;}	
	
	
.column2B #dgrey h1 {
	color: #33302D;
	font-size:170%;
	font-family: "trebuchet ms", sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
	line-height:0.9em;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #33302D;
	border-bottom-width: 0px;
	border-bottom-style: double;
	border-bottom-color: #E6E6E6;
	margin-top:0px;
	margin-bottom:5px;
	background-color: #FFF;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 2px;}
.column2B #red h1 {
	color: #C90016;
	font-size:170%;
	font-family: trebuchet ms, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
	line-height:0.9em;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #C90016;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #E6E6E6;
	margin-top:0px;
	margin-bottom:5px;
	background-color: #FFF;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 2px;}	

#recent-news ul {
	margin: 0px;
	padding: 0px;}
#recent-news li {
	font-size: 11px;
	color: #333333;
	line-height: 1.2em;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;}
#recent-news li a {
	font-weight: bold;}	
#recent-news .recent-date {
	font-size: 11px;
	color: #BCBCBC;
	padding-top:1px;
	padding-bottom:1px;
	padding-left: 0px;
}	


/*-------------------------------------------------------------
	05. FOOTER BRICKS
---------------------------------------------------------------*/	
#dynamic-bricks {
	overflow: auto;
	width: 100%;
	position: relative;
	/*z-index: 9998;*/
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding-top:20px;
	padding-bottom:0px;
	background-color:#FFF;
	background-color: transparent;
	background-image: url(../../001_Global/images/bg/divider-hatch.gif);
	background-repeat: no-repeat;
	background-position: center top;}
#dynamic-bricks-wrap {
	width:982px;
	min-width:982px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left:0px;}