/* CSS Document */




/* ************************************ *
 *             Universal                *
 * ************************************ */
.hidden {
	display:none;
	}	
	
#mSkip { 
position:absolute; 
left:-4000px;
}
#startcontent {
	display:none;
	}
.line {
	border-bottom: 1px solid #CCCCCC;
	margin:0;
	padding:0;
	}
.line2 {
	border-bottom: 1px solid #CCCCCC;
	padding-top: 2px;
	}
.linebox {
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	width: 100%;
	height: 3px;
	margin:0;
	padding:0;
	}
.ruleline {
	background-image:url(../images_mag/line.gif);
	background-repeat:no-repeat;
	background-position:top;
	height: 4px;
	width: 100%;
	padding: 0;
	margin: 2;
	position: relative;
	vertical-align: top;
}
.white {
	background-color: #FFFFFF;
	}
img { 
	border: 0;
	}
h4	{
	font-family:Arial, San-Serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	margin: 0 0 0 0;
	}
/* ************************************ *
 *      Main Header Home Div            *
 * ************************************ */
#main_header_home{
	float:left;
	position: relative;
	width: 551px;
	height: 298px;
	clear: right;
	}

#main_content {
	padding-left: 5px;
	display: block;
	float: right;
	width: 556px;
	border-left: 1px dotted #CCCCCC;
	padding-bottom: 0;
	margin-bottom: 0;
	}
/* ************************************ *
 *      Main Navigation  Div            *
 * ************************************ */
#main_navigation{
	float:left;
	position:relative;
	width:158px;
	margin-top:0px;
	background-color: #ffffff;
	z-index:100;
	}
#main_navigation ul {
	list-style:none;
	margin: 0px;
	}	
	
/* ************************************ *
 *            Navigation A              *
 * ************************************ */

.nav_a
{
	padding: 0;
	margin-left: 0;
	margin-bottom:1px;
	font-family: Arial, San-Serif;
	font-size:11px;
	font-weight:bold;
	line-height:23px;
	list-style: none;
	letter-spacing: 1px;
	color: #FFF;
	width: 158px;
}

.nav_a li
{

	padding-left: 9px;
	margin: 0px;
	border-bottom: 1px dotted #FFF;
	text-align: left;
	background-color:#6686A5;
}

.nav_a li a
{
	display: block;
	text-decoration: none;
}

.nav_a li a:link { 
	color: #FFF;
	 }
.nav_a li a:visited  { 
	color: #FFF;
	 }

.nav_a li a:hover
{
	color: #003366;
}		
/* IDs for menu items with borders in between */
#nav_features {
	border-top: 5px solid #FFFFFF;
	}
#nav_classnotes {
	border: 0;
	}
#classnotes {
border-bottom: 2px solid #FFF;
}
/* ************************************ *
 *            Navigation B              *
 * ************************************ */
.nav_b
{
	padding: 0;
	margin-left: 0;
	margin-bottom:1px;
	margin-top:1px;
	font-family: Arial, San-Serif;
	font-size:11px;
	font-weight:bold;
	letter-spacing: 1px;
	line-height:23px;
	list-style: none;
	color: #003366;
	width: 158px;
}

.nav_b li
{
	padding-left: 9px;
	margin: 0px;
	border-bottom: 1px dotted #003366;
	text-align: left;
	background-color:#eee0B2;
}

.nav_b li a
{
	display: block;
	text-decoration: none;
}

.nav_b li a:link { 
	color: #003366;
	 }
.nav_b li a:visited  { 
	color: #003366;
	 }

.nav_b li a:hover
{
	color: #6686A5;
}
#navb_web_extras
{
	border-top: 3px solid #FFF;
}
#wall {
border-bottom: 2px solid #FFF;
}
/* ************************************ *
 *            Navigation C              *
 * ************************************ */
.nav_c
{
	padding: 0px;
	margin-left: 0px;
	margin-top:0px;
	font-family: Arial, San-Serif;
	letter-spacing: 1px;
	font-size:11px;
	font-weight:bold;
	line-height:23px;
	list-style: none;
	width: 158px;
}
.nav_c li
{

	padding-left: 9px;
	margin: 0px;
	border-bottom: 1px dotted #CCCCCC;
	text-align: left;
	background-color:#FFFFFF;

}

.nav_c li a
{
	display: block;
	text-decoration: none;
}

.nav_c li a:link {
	color:#666666;
	 }
.nav_c li a:visited  { 
	color: #666666;
	 }

.nav_c li a:hover
{
	color: #000000;
}	

/* ************************************ *
 *   Feature Articles, Callouts, IMGs   *
 * ************************************ */
#content_together {
	width: 556px;
	position: relative;
	padding: 0px;
	margin: 0px;
	}
#featurearticles {
	float:left;
	width: 343px;
	position: relative;
	padding: 0px;
	vertical-align: top;
	}
.feature {
	height: 127px;
	width: 343px;
	vertical-align: top;
	margin:0px 0px 0px 10px;
	padding:15px 0px 15px 0px;
	border-bottom: double #CCCCCC;
	}
.featurelast {
	height: 127px;
	width:343px;
	margin:0px 0px 0px 10px;
	padding:15px 0px 15px 0px;
	border-bottom: 0px;
	}
.featurelast p {
	display: block;
	font-family:Arial, San-Serif;
	font-size: 11px;
	line-height:15px;
	color: #666666;
	margin: 0 0 5px 0;
  }
.feature p {
	display: block;
	font-family:Arial, San-Serif;
	font-size: 11px;
	line-height:15px;
	color: #666666;
	margin: 0 0 5px 0;
  }
IMG.left { 
	float: left;
	height: 127px;
	width: 127px;
	margin-right: 10px;
	border: none;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.featuretitle1 {
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #003366;
	letter-spacing: .025em;
	}
.featuretitle2 {
	font: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	color: #003366;
	letter-spacing: .020em;
	margin-bottom: 6px;
	}
.featuretitle3 {
	font: Georgia, "Times New Roman", Times, serif;
	font-weight: 600;
	font-size: 17px;
	color: #000000;
	letter-spacing: .025em;
	}
.featuretitle1 a {
	text-decoration: none;
	}
.featuretitle1 a:hover {
	color: #6686A5;
	}
.featuretitle1 a:visited {
	text-decoration: none;
	color: #003366;
	}
.featuretitle2 a {
	text-decoration: none;
	}
.featuretitle2 a:hover {
	color: #6686A5;
	}
.featuretitle2 a:visited {
	text-decoration: none;
	color: #003366;
	}
.featuretitle3 a {
	text-decoration: none;
	}
.featuretitle3 a:hover {
	color: #6686A5;
	}
.featuretitle3 a:visited {
	text-decoration: none;
	color: #000000;
	}
/* ************************************ *
 *  RT Column                           *
 * ************************************ */
#rtcolumn {
	position: relative;
	margin: 0px;
	padding: 0;
	float: right;
	vertical-align: bottom;
}
/* ************************************ *
 *            Web Survey                *
 * ************************************ */
 #websurvey_title {
	float: right;
	position: relative;
	width: 185px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
#web_survey {
	position: relative;
	width: 158px;
	padding: 10px;
	background-color: #D5D9BE;
	border: 1px solid #CCCCCC;
	vertical-align: top;
	margin-top: 6px;
	}
#web_survey .input{
	width: 140px;
	margin-bottom: 10px;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	}
	
#web_survey p{
	font-family:Arial, San-Serif;
	font-size: 11px;
	line-height:13px;
	color: #000000;
	font-weight: bold;
  }	
 /* ************************************ *
 *            Photo Essay                *
 * ************************************ */
#photo_essay {
	position: relative;
	width: 158px;
	padding: 10px;
	background-color: #D5D9BE;
	margin-top: 6px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
	}  

#photo_essay .title_image {
	margin-bottom: 10px;
	}	
							
#photo_essay p{
	font-family:Arial, San-Serif;
	font-size: 11px;
	line-height:13px;
	color: #000000;
	font-weight: bold;
  }	
 /* ************************************ *
 *            write on                *
 * ************************************ */
#writeon {
	position: relative;
	width: 158px;
	height: 239px;
	padding: 10px 10px 0 10px;
	background-image: url(../images_mag/hsb_writeon.jpg);
	background-color: white;
	margin-top: 6px;
	border: 1px solid #CCCCCC;
	background-position:top;
	background-repeat: no-repeat;
	vertical-align: top;
	}  
	
#writeon2 {
	position: relative;
	width: 158px;
	height: 239px;
	padding: 10px 10px 0 10px;
	background-image: url(../images_mag/oldschool_bgrd2_sp08.jpg);
	background-color: white;
	margin-top: 6px;
	border: 1px solid #CCCCCC;
	background-position:top;
	background-repeat: no-repeat;
	vertical-align: top;
	}  

#writeon2 p{
	font-family: "Palatino Linotype", "Book Antiqua", "Times New Roman", serif;
	font-size: 12px;
	line-height:14px;
	color: #FDFDFD;
	font-weight: bold;
	margin-left: 4px;
  }	
/* ************************************ *
 *            Talking it up             *
 * ************************************ */    	 
#talkingitup {
	position: relative;
	width: 148px;
	padding: 0px;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 10px;
	}  
.talkingitupswf {
	width: 138px;
	height: 205px
	margin: 0;
	padding: 0;
	}	
 /* ************************************ *
 *            oldnews                    *
 * ************************************ */    	 
#oldnews {
	position: relative;
	width: 148px;
	padding: 0px;
	vertical-align: top;
	margin-top: 10px;
	margin-left: 10px;
	} 
#oldnews .title_image {
	margin-bottom: 10px;
	}	
							
#oldnews p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 1.25em;
	color: #1D3E75;
	font-weight: bold;
	padding:0;
	margin: 0 0 3px 0;
	width: 144px;
  }	
 #oldnews p.sub{
	font-family:Arial, San-Serif;
	font-size: 11px;
	line-height:13px;
	color: #666666;
	font-weight: normal;
	margin-top: 0;
  }
#oldnews_title {
	float: right;
	position: relative;
	width: 143px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
#oldnews p.big {
	font-size: 18px;
	}
 /***************************************
 *   NewsFront & The Studio Articles    *
 * ************************************ */
 #newsSideBar {
	float: right;
	background-color:#B3B7C9;
	width: 158px;
	vertical-align: top;
	background-image: url(../images_mag/talkingitup_bg.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	}
 #newsfront_together {
	border-top: double #CCCCCC;
	width: 556px;
	position: relative;
	padding: 0px;
	margin-top:101px;
	}
#newsstudio_articles {
   vertical-align: middle;
	width: 375px;
	display:block;
	}
 #sectiontitles {
 	display: block;
 	width: 546px;
	}
#newsfront_title {
	float: right;
	position: relative;
	width: 163px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
#newsfront_title2 {
	float: right;
	position: relative;
	display: block;
	width: 163px;
	margin-top: 5px;
	margin-right: 20px;
	padding-bottom: 0px;
	}
IMG#newsfront_title {
position: relative;
float: right;
margin:0;
padding:0;
}
img.newsstudio {
	width: 103px;
	height: 103px;
	float: left;
	margin-right: 10px;
	}
.featureNS {
	height: 135px;
	width: 343px;
	vertical-align: top;
	margin:0px 0px 0px 0px;
	padding:15px 0px 15px 0px;
	border-bottom: double #CCCCCC;
	}
.featureNS p {
	display: block;
	font-family:Arial, San-Serif;
	font-size: 11px;
	line-height:15px;
	color: #666666;
	margin: 0 0 5px 0;
  }
ul.relatedArticles {
	list-style-type: none;
	padding-left:0px;
	padding-top: 3px;
	margin-left: 0px;
	color: #666666;
	width: 343px;
}
.relatedArticles li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
}
.relatedArticles a:hover,
.relatedArticles a:link,
.relatedArticles a:visited {
	color: #003366;
	text-decoration: none;
}
ul.relatedArticlesa {
	list-style-type: disc;
	list-style-position: inside;
	padding-left:0px;
	padding-top: 3px;
	margin-left: 0px;
	color: #666666;
	width: 140px;
}
.relatedArticlesa li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-bottom: 3px;
	line-height: 15px;
	color: #666666;
}
.relatedArticlesa a:hover,
.relatedArticlesa a:link,
.relatedArticlesa a:visited {
	color: #003366;
	text-decoration: none;
}
.nostyle {
	list-style: none;
	margin-left: -12px;
}
.sub {
	color: #666666;
	list-style: none;
	list-style-type: none;
	}
.subroom {
	margin-top: 10px;
	}
li#textdec {
	text-decoration: none;
	}
 /***************************************
 *       NewsFront Articles             *
 * ************************************ */
.newsfront_articles {
	display: block;
	width: 480px;
	margin: 7px 0px 0px 0px;
	padding: 7px 0px 15px 0px;
	border-bottom: double #CCCCCC;
	}
.newsfront_articles p {
	display: block;
	font-family:Arial, San-Serif;
	font-size: 11px;
	line-height:17px;
	color: #666666;
	margin: 0 0 10px 0;
  }
 .newsfront_articles a,
 .newsfront_articles a:hover,
 .newsfront_articles a:visited {
 	text-decoration: underline;
	color: #003366;
 	 }
 IMG.newsfrontthumb {
	float: left;
	margin-right: 10px;
 }
.nflist {
	font-family:Arial, San-Serif;
	font-size: 11px;
	line-height:17px;
	color: #666666;
	list-style: none;
	width: 430px;
	margin-left: 0px;
	padding-left: 17px;
	}
.imgcaption {
	height: 205px;
	width: 190px;
	float: left;
	margin-right: 10px;
	font: Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#003366;
	line-height: 13px;
	}
	#imgcaption {
	height: 205px;
	width: 190px;
	float: left;
	margin-right: 10px;
	font: Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#003366;
	line-height: 13px;
	}
.captionroom {
	margin-bottom: 5px;
	}
/* ************************************ *
 *            The Studio Sidebar        *
 * ************************************ */    	 
 #thestudio_title {
	float: right;
	position: relative;
	width: 170px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
#whereart {
	position: relative;
	width: 148px;
	padding: 0px;
	vertical-align: top;
	margin-left: 10px;
	margin-top: 10px;
	} 
.whereart {
	position: relative;
	width: 148px;
	padding: 0px;
	vertical-align: top;
	margin-left: 10px;
	margin-top: 10px;
	}
.whereart .title_image {
	margin-bottom: 10px;
	}	
.whereart p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
  }	
.whereart p.sub{
	font-family:Arial, San-Serif;
	font-size: 11px;
	line-height:13px;
	color: #666666;
	font-weight: normal;
	margin-top: 0;
  }
.whereart_title {
	float: right;
	position: relative;
	width: 143px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
ul.whereart {
	list-style-type: none;
	list-style: none;
	padding-left: 0px;
	padding-top: 0px;
	margin-left: 0px;
	margin-top: 0;
	color: #666666;
	width: 144px;
}
.whereart li {
	list-style: none;
	list-style-type: none;
	margin: 0 0 9px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #666666;
}
.whereart a:hover,
.whereart a:link,
.whereart a:visited {
	color: #003366;
	text-decoration: none;
}
.whereartmonth {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	font-weight:500;
	}
/* ************************************ *
 *         Opening Notes                *
 * ************************************ */
#openingnotes_title {
	float: right;
	position: relative;
	width: 223px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
.openimgcaption {
	height: 148px;
	width: 107px;
	float: left;
	margin-right: 10px;
	font: Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#003366;
	}
.openingnotes {
	display: block;
	width: 546px;
	margin: 7px 0px 0px 0px;
	padding: 7px 0px 15px 0px;
	border-bottom: double #CCCCCC;
	}
.openingnotes p {
	display: block;
	font-family:Arial, San-Serif;
	font-size: 11px;
	line-height:17px;
	color: #666666;
	margin: 0 0 10px 0;
  }
 .openingnotes a,
 .openingnotes a:hover,
 .openingnotes a:visited {
 	text-decoration: underline;
	color: #003366;
 	 }
/* ************************************ *
 *         Letters		                *
 * ************************************ */
 #letters_title {
	float: right;
	position: relative;
	width: 125px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
.from {
	display: block;
	font-family:Arial, San-Serif;
	font-size: 11px;
	font-weight: bold;
	line-height:15px;
	color: #666666;
	margin: 0 0 10px 0;
	}
/* ************************************ *
 *        Classnotes	                *
 * ************************************ */
 #classnotes_title {
	float: right;
	position: relative;
	width: 187px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
/* ************************************ *
 *       features misc.                *
 * ************************************ */
 #features_title {
	float: right;
	position: relative;
	width: 148px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
/* ************************************ *
 *       		Webextras               *
 * ************************************ */
 #webextras_title {
	float: right;
	position: relative;
	width: 179px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
/* ************************************ *
 *       	   Contact Us               *
 * ************************************ */
 #contactus_title {
	float: right;
	position: relative;
	width: 175px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
/* ************************************ *
 *       	   staff	                *
 * ************************************ */
 #staff_title {
	float: right;
	position: relative;
	width: 98px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
/* ************************************ *
 *       	  subject Index                *
 * ************************************ */
 #subjectindex_title {
	float: right;
	position: relative;
	width: 219px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
/* ************************************ *
 *       	  Wallpapers                *
 * ************************************ */
 .wallpapers {
 	vertical-align: top;
 	font-family:Arial, San-Serif;
	font-size: 11px;
	line-height: 13px;
	color: #666666;
	margin: 0;
	padding:0;
	width: 546px;
	height:150px;
	clear: both;
	}
.wallpapers a,
 .wallpapers a:hover,
 .wallpapers a:visited {
 	font-size: 10px;
	line-height:11px;
 	text-decoration: underline;
	color: #003366;
 	 }
 /* ************************************ *
 *       	  subject Index                *
 * ************************************ */
 #connections_title {
	float: right;
	position: relative;
	width: 197px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
 /* ************************************ *
 *       	  Site Help                *
 * ************************************ */
 #sitehelp_title {
	float: right;
	position: relative;
	width: 148px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}
/* ************************************ *
 *       	   Archives               *
 * ************************************ */
 #archives_title {
	float: right;
	position: relative;
	width: 147px;
	height: 97px;
	vertical-align: top;
	margin-top: 5px;
	margin-right: 0px;
	}