/* -------------------------------------------------------------- 
	
	content-design.css	
	* Styles for content-level markup
	
-------------------------------------------------------------- */

.content { }

.content strong {
	font-weight: bold;	
}
				.content h1 {
					/* padding-bottom: 8px; */
					font-size: 33px;
					font-weight: lighter;
					text-transform: uppercase;
					color: #004785;
				}
				
				.content h2 {
					padding-bottom: 15px;
					font-size: 27px;
					font-weight: lighter;
					text-transform: uppercase;
					color: #004785;
				}
				.content h2.subHead {
					padding-bottom: 4px;
				}
				
				.content #contentArea h2 {
					padding-bottom: 4px;
				}
				
				.content p {
					padding-bottom: 15px;
					font-size: 1.1em;
					line-height: 18px;
				}
				
				.content em 
				{
					font-style:italic;
				}
				
				.content ul {
					padding: 0 0 28px 28px;
					list-style: square;
					}
					
					.content ul li {
						font-size: 1.1em;
						line-height: 18px;
					}
					
				.content td {
					font-size: 1.1em;
					line-height: 18px;
				}
				
				.content a {
					color: #004785;
				}
				
				.content .leadin {
					padding-bottom: 24px;
					font-size: 15px;
					font-weight: bold;
					text-transform: uppercase;
					color: #848484;
				}
.content span.leadin {
	color:#848484;
	font-size:15px;
	font-weight:bold;
	padding-bottom:24px;
	display:block;
}
div.landingImage {
	float: left;
	margin: 0 21px 24px -4px;
}
	
div.landingImage img {
	float: left;
}

.content #contentArea img {
	border: 3px solid #CACACA;
}

p.imageCaption {
	padding-bottom: 18px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 18px;
	color: #004785;
}

span.imagecaption {
	padding-bottom: 18px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 18px;
	color: #004785;
}

/* Styles for Content Area */
#contentArea { }

/* Styles for Image Page Content */
div.text-col {
	width: 70%;
	float: left;
	padding-right: 5%;
}
div.image-col {
	width: 25%;
	float: right;
	
}
div.image-col img {
	border: solid 3px #CACACA;
}
div.image-col p {
	text-align: left;
}

/* Styles for Focus Areas */
#focusAreas { }


div.promo-width {
	width: 415px;
	position: absolute;
}
#promoArea {
	background: #768CBA url(../img/content/bg_promoarea.gif) repeat-x 0 0;
	height: 374px;
	position: absolute;
	right: 33px;
	padding: 9px 12px 12px 18px;
	width: 190px;
	color: #fff;
}
#promoArea h2 {
	color: #FFF;
	font-size: 2.5em;
	font-weight: bold;
	padding: 0 0 14px;
}
				
                         
/* Design Styles for Products
-------------------------------------------------------------- */

.ColumnLeft
{
	float: left;
	width: 285px;
	margin-right:40px;
	_margin-right: 20px;
	}

.ColumnRight
{
	float: left;
	width: 285px;
	
}

.ProductsSummary
{
	float:left;
	margin-bottom:20px;
	margin-right: 10px;
	min-height:315px;
	width: 320px;
    position: relative;
}

.ProductsSummary p
{
	padding-bottom:0px;
}

.ProductsSummary img {
	
}

.ProductsSummary .ProductsSummaryMorelink a {
	display: block;
	width: 86px;
	height: 32px;
	margin: 10px 0 0 0;
	background: #D8BE28 url(../img/content-design/select.gif) no-repeat;
	text-indent: -9999px;
}

.content #contentArea #ProductsPostDetailContent img
{
	float: right;
	margin-left: 10px;
}

.Product
{
	margin-bottom:20px;
	width: 285px;
	min-height:300px;
	*height: 300px;
    position: relative;
}

.Product h2
{
	padding-bottom: 8px;
	font-size: 18px;
	text-transform: uppercase;
	color: #004785;
}

.ProductTitle
{	
	font-size:18px;
	line-height:18px;
	width:285px;
}

.ProductContent p
{
	display:block;
	width:286px;
}

.ProductImages
{
	float: left;
	width: 285px;
}

.SelectProduct
{
	float: none;
}
.SelectProduct a
{
	position: relative;
	bottom: -10px;
	float: left;
	display: block;
	width: 86px;
	height: 32px;
	margin: 0px;
	background: #D8BE28 url(../img/content-design/select.gif) no-repeat;
	text-indent: -9999px;
}


#imageTemplate {
	float: right;
}
#imageTemplate .thumb {
	margin-bottom: 20px;
}

/* News Styles */

.NewsSummary { 
	font-size:120%;
	margin-bottom: 20px;
	border-bottom: 1px dotted gray;
}

.NewsSummary img{
	vertical-align:text-top;
	margin-right: 15px;
}

.NewsSummaryPostdate
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.NewsSummaryMorelink
{
	margin-bottom: 15px;
	margin-top: 15px;
}
	
/* homepage news summary */
#newsArea .NewsSummaryLink { 
	font-size:100%;
}
/* end new summary */

.NewsSummaryLink a{ 
	font-size:14px;
	font-weight:bold;
	margin-bottom: 5px;
	text-decoration:none;
}

.NewsSummarySummary p{
	color:#333333;
	text-decoration:none;
	font-size: 12px;
}


#NewsPostDetailContent {
	margin-top: 8px;
	margin-bottom: 20px;
	font-size:120%;
}

h3#NewsPostDetailTitle { 
	font-size:150%;
	font-weight:bold;
	margin-bottom: 5px;
}

#contentArea #NewsPostDetailDate {
	padding-bottom: 8px;
	font-size: 15px;
	font-weight: bold;
	color: #848484;
}

/* Design Styles for Stations-For-Lease image gallery
------------------------------------------------------------------*/
h3.gallery-title { font-size: 20px; padding-bottom: 15px; }
div.img { text-align: left;}
div.img img { border: 3px solid #CACACA; }
div.img-nav { text-align: left !important;  margin-top: 15px; margin-bottom: 15px; }
div.img-nav a.group { padding-right:21px; }
div.img-nav a.group img {  border: 3px solid #CACACA;  }



/* Design Styles for Form Elements, Sitemaps, Rollover Menus, Icons
-------------------------------------------------------------- */
	
	/* Template for Icons (see icon PNGs in the img/interface directory  */
	.iconName {
		padding: 2px 0 2px 24px;
		background: url(img/interface/icon_Icon_Name.gif) top left no-repeat;
	}
	
	
/* Sitemap
-------------------------------------------------------------- */

#siteMap
{
	margin-top: 2em;
	float: left;
}

#siteMap ul
{
	list-style: none;
	font-size: 12px;
	float: left;
	clear: both;
	*clear: none;
	padding-bottom: 40px;
}

#siteMap ul li {
	width: 190px;
	float: left;
}

#siteMap ul li.menuparent
{
	font-size: 12px;
}

#siteMap ul a
{
}

#siteMap ul.unli {
	padding-bottom: 0;
	float: none;
}
#siteMap ul li ul.unli li
{
	font-size: 11px;
	float: none;
	width: 100%;
}

#siteMap li ul li
{
}

#siteMap li ul a
{
}

.two-column img{
    width: 100%;
}
.two-column.column-left,
.two-column.column-right{
    margin: 25px 0;
    width: 46%;
}
.two-column h4,
.two-column h5,
.two-column img{
    margin: 5px 0;
}
.two-column.column-left{
    float: left;
    margin-right: 3.8%;
    padding-right: 3.8%;
}
.two-column.column-right{
    float: right;
}
.two-column h4{
    font-size: 16px;
    font-weight: bold;
}
.two-column h5{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
}

.two-column.column-left h5{
    color: #fc9711;
    border-bottom: 4px solid #fc9711;
}
.two-column.column-right h5{
    color: #8f9e43;
    border-bottom: 4px solid #8f9e43;
}
.readmore{
    margin-top: 15px;
}
.readmore a{
    background: url("../images/learnmorebg.png") repeat-x scroll 0 0 #E9E9E9;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    font-size: 14px;
    padding: 6px 14px;
    text-decoration: none;
}
.row-item{
    margin: 25px 0;
}
.row-item h3{
    font-size: 18px;
    color: #fc9711;
    font-weight: bold;
    margin-bottom: 10px;
}