body       {  font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif; font-size: 100%; padding:5px 0 0 0; background:#eee url('images/web2bg.gif') center repeat-y; margin:0; }
h1         {  width: 370px; font-size:140%; padding:0; margin:6px 0 6px 0; color: #666666; font-weight:normal; color:#055189; }
h2         {  font-size:100%; margin:0; padding:0; font-weight:bold; color:#458ec3; }
.T1        {  font-size: 140%; color: #666666; }
.T2        {  font-size: 120%; color: #999999; }
.title     {  font-size: 14px; color: #333333; letter-spacing:-1px; }
.head      {  font-size: 110%; color: #999999; line-height:80%;  }
.headw     {  font-size: 110%; color: #FFFFFF; line-height:80%;  }
.text      {  font-size: 90%; color: #666666; }
.texty     {  font-size: 70%; color: #909000; }
.textw     {  font-size: 80%; color: #FFFFFF; }
.textb     {  font-size: 70%; color: #000000; }
.textg     {  font-size: 80%; color: #ccc; }
.small     {  font-size: 70%; color: #666666; }
.smallw    {  font-size: 65%; color: #FFFFFF; }
.smallg    {  font-size: 65%; color: #999999; }
.menu      {  font-size: 75%; color: #666666; }
.red       {  color: #CC0000; }
.blue      {  color: #0099CC; }
.green     {  color: #009900; }
.white     {  color: #FFFFFF; }
p          {  margin:0 0 12px 0; }
ol         {  margin:0 0 12px 0; }
ul         {  margin:0 0 12px 0; padding:0 0 0 24px; }
input      {  margin-bottom:0; margin-top:0; }
select     {  font-size:100%; margin-bottom : 0px; margin-top : 0px;}
textarea   {  font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif; font-size: 100%; margin-bottom : 0px; margin-top : 0px; background:#eee;}
img        {  border:0; }
small      { font-size: 8pt; }

td        {  vertical-align:top; }

A:link    {  color: #666666; text-decoration: underline }
A:hover   {  color: #0099CC; text-decoration: underline }
A:visited {  color: #666666; text-decoration: underline }
A:visited:hover {  color: #0099CC; text-decoration: underline }
A:active  {  color: #0099CC; text-decoration: underline }

#header      { width:780px; height:80px; margin:0; padding:0; background:#00a6e4 url('images/header_sad.jpg') no-repeat; }
#main        { float: right; position: relative; left: +8px; float:left; width:580px; padding:0 0 0 0; }
.textonly    { display:none; }
hr           { display:none; }
.stories     { display: block; font-size:120%; color:#055189; margin:0; padding: 4px 0 0 0;  }


/* BEGIN Student Story Rollovers in header */

	#story       
	{ 
		float:left; clear: right; 
		width:584px; min-height: 138px; height: auto !important; height: 138px; 
		overflow:hidden; margin:5px 0 2px 10px; padding:4px 4px 5px 4px; 
		border:1px solid #ccc; background:#fff; 
	}
	
    #story h2
    {
        float: right;
        font-weight: bold;
        font-size: 18pt;
    }
        
	#storytitle
	{ 
		float:right;
		width:250px; height:29px; overflow:hidden; 
		text-align:right; 
		margin:0 2px 0 0; 
	}
	
	#storyimageholder  
	{ 
		float:left; 
		width:100px; height:100px; 
		margin:0 4px 0 0; 
	}

	#storyimageholder img  
	{ 
		position: relative;
		top: 0;
	}
	
	/*#storyname   
	{ 
		position: relative;
		left: -100px;
		width:200px; 
		height:29px; 
		overflow:hidden; 
		float:left; 
		padding:0 0 0 4px; 
	}*/
	
	/*#storyintro  
	{ 
		float:left; 
		width:460px; height:33px; 
		padding:0 10px 0 10px; 
	}*/
	
	#storypics
	{ 
		float: left; 
		padding: 8px 4px; 
		font-size:1px; 
	}
	
	#storypics img 
	{ 
		border-right: 2px solid rgb( 255, 255, 255 ); 
	}

/* ENDOF Student Story Rollovers in header */


/* BEGIN Student Story Rollovers in header */

	.story       
	{ 
		float:right; clear: right; 
		width:584px; min-height: 100px; height: auto !important; height: 100px; 
		overflow:hidden; margin:5px 0 2px 10px; padding:4px 4px 5px 4px; 
		border:1px solid #ccc; background:#fff; 
	}
	
	.storytitle
	{ 
		float:right;
		width:250px; height:29px; overflow:hidden; 
		text-align:right; 
		margin:0 2px 0 0; 
	}
	
	.storyimageholder  
	{ 
		float:left; 
		width:100px; height:100px; 
		margin:0 4px 0 0; 
	}

	.storyimageholder img  
	{ 
		position: relative;
		/*top: +37px;*/
	}
	
	.storyname   
	{ 
		position: relative;
		left: -100px;
		width:200px; 
		height:29px; 
		overflow:hidden; 
		float:left; 
		padding:0 0 0 4px; 
	}
	
	.storyintro  
	{ 
		float:left; 
		width:460px; height:33px; 
		padding:0 10px 0 10px; 
	}
	
/* ENDOF Student Story Rollovers in header */

/* BEGIN OLD Student Story Rollovers in header */

	.old-story       
	{ 
		float:right; clear: right; 
		width:584px; min-height: 138px; height: auto !important; height: 138px; 
		overflow:hidden; margin:5px 0 2px 10px; padding:4px 4px 5px 4px; 
		border:1px solid #ccc; background:#fff; 
	}
	
	.old-storytitle
	{ 
		float:right;
		width:250px; height:29px; overflow:hidden; 
		text-align:right; 
		margin:0 2px 0 0; 
	}
	
	.old-storyimageholder  
	{ 
		float:left; 
		width:100px; height:100px; 
		margin:0 4px 0 0; 
	}

	.old-storyimageholder img  
	{ 
		position: relative;
		top: +37px;
	}
	
	.old-storyname   
	{ 
		position: relative;
		left: -100px;
		width:200px; 
		height:29px; 
		overflow:hidden; 
		float:left; 
		padding:0 0 0 4px; 
	}
	
	.old-storyintro  
	{ 
		float:right; 
		width:400px; height:33px; 		
	}
	
/* ENDOF OLD Student Story Rollovers in header */

#storyurlholder   { float:right; padding:0 4px 0 0; }
.clear       { clear:both; }
.attention   { float: left; width: 75%; border:1px solid #999; padding:12px; margin:12px 12px 12px 12px; background:#e3eef5; }
blockquote   { clear: both; border:1px solid #999; padding:12px; margin:12px 12px 12px 24px; background:#e3eef5; }
.indent      { padding:0 0 0 40px; }

#printpage a   { float:right; display:block; width:80px; height:20px; margin:5px 15px 0 0; padding:0 25px 0 0; text-align:right; text-decoration:none; background:url('images/button-print.gif') right no-repeat; font-size:80%; font-weight:bold; }
#textversion a   { float:right; display:block; width:58px; height:20px; margin:5px 0 0 0; padding:0 25px 0 0; text-align:right; text-decoration:none; background:url('images/button-textonly.gif') right no-repeat; font-size:80%; font-weight:bold; }

.quote-head   { width:176px; height:9px; background:url('images/quote-head.gif'); font-size:1px; }
.quote-body1   { width:156px; padding:0 10px 0 10px; background:url('images/quote-bg.gif'); font-size:90%; color:#fff; }
.quote-body2   { width:156px; padding:0 10px 0 10px; background:url('images/quote-bg.gif'); font-size:160%; color:#fff; }
.quote-foot   { width:176px; height:38px; background:url('images/quote-foot.gif'); }

.news-head   { width:176px; height:1px; }
.news-body1   { width:154px; padding:0 4px 0 4px;  }
.news-body2   { width:154px; padding:0 4px 0 4px; }
.news-foot   { width:176px; height:1px;}

#footer       { clear:both; width:780px; height:1px; }
#footer1      { position:relative; width:170px; height:90px; top:-90px; background:url('images/charliewaller.gif') no-repeat; }
#footer2      { position:relative; width:764px; top:-70px; padding:0 8px 0 8px; background:#055189; }
#footer3      { float:left; width:284px; }
#footer4      { float:left; text-align:right; width:480px; }

/*- Head Menu --------------------------- */
	
#menutop { width:780px; margin:0; padding:0; background:#055189; }
#menutop ul { list-style:none; margin:0; padding:0; }
#menutop li { float:left; background:#055189; }
#menutop li a { display:block; padding:3px 13px 3px 13px; color:#fff; border-right:1px solid #8acffc; text-decoration:none; }	
#menutop li.last a { padding:3px 16px 3px 13px; border:none; }
#menutop li a:link, #menutop li a:visited { display:block; }
#menutop li a:hover { text-decoration:underline; }	
#menutop li.on a { background:#89d2fd; color:#055189; }

/*- Left Menu --------------------------- */

.menuleft { clear: left; float:left; top:102px; width:176px; padding:4px 0 100px 0; }
.menuleft ul { list-style:none; margin:0 0 8px 0; padding:0; border:1px solid #999; }
.menuleft li.level1 a { display:block; text-decoration:none; border-bottom:1px solid #999; background:#eee; padding:2px 0 4px 10px; }
.menuleft li.last a { display:block; text-decoration:none; border:none; background:#eee; padding:2px 0 4px 10px;  }
.menuleft li a:link, #menuleft li a:visited { display:block; background:#eee; }
.menuleft li a:hover { color:#0099CC; text-decoration:underline; background:#ddd; }
.menuleft li.on a { color:#0099CC; text-decoration:underline; background:#ddd; font-weight: bold; }
.menuleft li.on a:hover { color:#0099CC; text-decoration:underline; background:#eeeeee; font-weight: bold; }
.menuleft li.sub a { display:block; text-decoration:none; border-bottom:1px solid #999; background:#eee url('images/menuleft-arrow1.gif') right no-repeat; padding:2px 0 4px 10px; }
.menuleft li.sub a:hover { display:block; text-decoration:underline; background:#fff url('images/menuleft-arrow2.gif') right no-repeat; }
.menuleft li.subon a { display:block; text-decoration:none; border-bottom:1px solid #999; background:#fff url('images/menuleft-arrow2.gif') right no-repeat; padding:2px 0 4px 10px; }
.menuleft li.subon a:hover { display:block; background:#ddd url('images/menuleft-arrow2.gif') right no-repeat; padding:2px 0 4px 10px; }
.menuleft ol { list-style:none; margin:0; padding:0; }
.menuleft li.level2 a { display:block; text-decoration:none; border-bottom:1px solid #999; background:#cfecff; padding:2px 0 4px 10px; }
.menuleft li.level2 a:hover { color:#0099CC; text-decoration:underline; background:#b3e1ff; }
.menuleft img { padding:0 0 4px 0; }

/*- Buttons --------------------------- */

#buttons   { float:left; width:176px; }

#buttons ul { list-style:none; margin:5px 0 0 0; padding:0; }

#buttons li a
{ 
	display: block; 
	width:176px; 
	height:35px; 
}

#buttons ul li.desperate a 
{ 
	margin-top:2px; 
	background:url('images/icon-desperate.gif'); 
}

#buttons ul li.worried a   
{ 
	margin-top:3px; 
	background:url('images/icon-worried.gif'); 
}

#buttons ul li.short a
{ 
	margin-top: 3px; 
	background: url('images/icon-short.gif'); 
}

#buttons ul li.blogs a
{
	margin-top: 3px;
	background:url('images/blog/home_linkicon.png');
}

/*
 * "REAL STORIES" STYLES
 */

#real-story-header {
	position: relative;
	width: 520px;
	text-align: left;
	/*background: bottom left repeat-x url(images/blog/barcode-repeat.jpg);*/
	min-height: 160px; height: auto !important; height: 160px;
	overflow: hidden;
}

#real-story-header h1 {
	width: 98%;
	background-color: rgb( 64, 128, 192 );
	color: white;
	font-weight: bold;
	padding: 8px;
	clear: both;
	border: 1px solid rgb(0,0,0);
}

#real-story-header h2 {
	padding-left: 8px;
}

#real-story-header p {
	color: rgb( 0, 0, 0 );
}

#real-story-header a {
	display: block; padding-top: 8px;	
}

#real-story-header p.blurb {
	padding: 8px;
	font-family: inherit;
	font-size: 0.9em;
	font-weight: bold;
	width: 400px;
}

#real-story-header img {
	position: absolute;
	right: 0;
	top: 56px;
	border: 1px solid #000;
	width: 100px;
	height: 100px;
}