body {
	font:normal 13px Georgia, "Times New Roman", Times, serif;
	line-height: 16px;
	color: #333333;
}

a, a:link,a:active {
color: #ff9900;
/*border-bottom: 1px dotted #000000;*/
text-decoration: underline;
}
a:visited {
 color: #999999;
 text-decoration: underline;
}
a:hover {
color: #ff6600;
text-decoration: underline;
}

.txtsmall {
	font:normal 11px Georgia, "Times New Roman", Times, serif;
	line-height: 14px;
	color: #333333;
	text-decoration: none;
}
.txtbox {
	font:normal 11px "Lucida Sans Unicode", "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
	color: #333333;
	text-decoration: none;
}

.pgheader {
	font:normal 24px Georgia, "Times New Roman", Times, serif;
	line-height: 26px;
	color: #000000;
/*color: #5c8727;*/
	text-decoration: none;
}
.subheader {
	font:normal 18px Georgia, "Times New Roman", Times, serif;
	line-height: 21px;
	color: #333333;
	text-decoration: none;
}
.greentxt {
	color: #5c8727;
	text-decoration: none;
font:normal 14px Georgia, "Times New Roman", Times, serif;

}
.greenheader {
	font:normal 16px Georgia, "Times New Roman", Times, serif;
	line-height: 18px;
	color: #5c8727;
	text-decoration: none;
}
/* column sets */
#contain {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	background: #ffffff url(images/template_logo.gif) top left no-repeat;
}
	
#header {
	width:950px;
	height:110px;
	padding: 0 0 25px 0px;
}
#header #logo{
display:block;
width:340px;
height:80px;
padding: 0px;
margin: 0px;
float:left;
}

#header #logo a{
display:block;
width:210px;
height:80px;
margin: 40px 0 0 0;
/*border:1px dotted #ff6600;*/

}
#header #logo a span{
display:none;

}

#leftcol {
	float:left;
	width:205px;
	text-align:right;
}

#content {
	margin-left:205px;
	padding:0px 50px 0px 20px;
	/*border-left:1px dotted #000000;*/
	font:normal 13px Georgia, "Times New Roman", Times, serif;
	/*font:normal 13px "Lucida Sans Unicode", "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;*/
    line-height: 18px;
    color: #333333;
    background: #ffffff url(images/dot_divider_articles.gif) top left repeat-y;

}


#footer {
	width:950px;
	clear:left;
	text-align:right;
	margin-top:35px;
	border-top:1px solid #CCC;
	font-size:9px;
 	font-family: Georgia, "Times New Roman", Times, serif;
 	color:#666666;
 	letter-spacing:1px;
 	line-height:20px;
 	padding-bottom:30px;
}


/* home styles 
--------------------------------------*/

.divider {
background: #ffffff url(images/dot_divider.gif) top right repeat-y;
width:27px;
display:block;
}
.hdot {
background: #ffffff url(images/dot_divider_h.gif) top left repeat-x;
width:100%;
}
.h_author {
font-size:13px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#333333;
line-height:16px;
font-style:italic;
}

.h_title {
font-size:12px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#336600;
line-height:15px;
 }
 .h_txt {
font-size:12px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#666666;
line-height:15px;
 }
 
.h_online_title {
font-size:17px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#3333333;
line-height:20px;
}
.h_online_author {
font-size:12px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#333333;
line-height:15px;
font-style:italic;
 }
 .h_online_copy {
font-size:12px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#666666;
line-height:15px;
 }
.h_online_cat {
font-size:11px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#666666;
line-height:13px;
 }
 
 /*left colum style */
#leftcol p{
	width:190px;
	margin:0px 55px 0px 0;
	text-align:right;	
}

/*content style*/
.author {
font-size:13px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#333333;
line-height:16px;
}
#content a{
color:#000000;
text-decoration: underline;

}
 /* footer*/
.copyright {
font-size:9px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#666666;
letter-spacing:1px;
line-height:20px;

}.copyright2 {
font-size:10px;
font-family: Georgia, "Times New Roman", Times, serif;
color:#666666;
letter-spacing:1px;
line-height:12px;
}
 
#visualPic {
padding-top:5px;
}

#covers_thumb {
margin:0 0px 10px 0;
border:1px #cccccc solid;
}

#btn_teaser {
padding:4px 0 10px 0;
}

#btn_subscribe {
padding:20px 0 0px 0;
}

.hpbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	line-height: 13px;
}
.issue {
	font:normal 17px "Lucida Sans Unicode", "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #999999;
}
.hpbody a:link {
color: #336600;
text-decoration: underline;
}
.hpbody a:visited {
 color: #336600;
}
.hpbody a:hover {
 color: #999999;
text-decoration: underline;
}
.hpbody a:active {
color: #999999;
text-decoration: underline;
}

.storytitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	line-height:30px;
}
.byline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
}
.story {
	text-indent: 2ex;
}

.indv-entry {
       font:normal 13px "Lucida Sans Unicode", "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
       line-height: 18px;
       color: #333333;
}

.bodycentered {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	color: #333333;
	letter-spacing: 0.5px;
}

<!-- STYLES FOR TABLE LISTS -->

#playlist {
		border: 1px solid #666666;
	}

	#playlist tbody tr td {
		font:normal 13px "Lucida Sans Unicode", "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
		padding: 3px 8px;
		border-left: 1px solid #D9D9D9;
	}
	
	#playlist tbody tr.selected td {
		background-color: #3d80df;
		color: #ffffff;
		font-weight: bold;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;
	} 


 #navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}

.semicolon
{
font-family: Times, Serif;
font-size: 36px;
font-weight: bold;
margin: 36px 0 24px 0;
text-align: center;
}

.inset-photo {
	margin: 0 2em 1em 0;
}

/* Tooltips on index 
--------------------------------------*/

.h-name {
 font-size:15px;
 font-family: Georgia, "Times New Roman", Times, serif;
 color:#336600;

}

.h-copy {
 font-size:12px;
 font-family: Georgia, "Times New Roman", Times, serif;
 color:#333333;
 line-height:15px;
 }


ul.sub-name {
margin: 2px 0 10px 0;
padding:0;
}

ul.sub-name li {
font-size:10px;
margin:0;
padding: 0;
list-style-type: none;
color: #888;
font-family: Georgia, "Times New Roman", Times, serif;
}


#col-container {
width:800px;
margin:0 auto;
background-color:green;
}

.name-col {
width:200px;
height:500px;
background-color:pink;
float:left;
text-align: left;
}

.name-col-h {
width:200px;
text-align:left;
}


a.tt {
   text-decoration: none;
   position: relative;
}

a.tt span {
 width:500px;
height:500px;
  display: none;
}

a.tt:hover {
/* For IE/Win */
background-color: #fff;

}

a.tt:hover span {

margin:10px;
position: absolute;
  top: 17px;
  left:80px;
  display: block;
  background-color: #ffcc00;
  border: 1px solid #9bbe58;
  color:#333;
  text-decoration: none;
  z-index: 10;
  width:300px;
height:200px;
}