/* Home styles */

/* Browse Box */

#browseBox { position: relative; margin: 20px 0px 20px -10px; }
#browseBox .top { 
	display: block;
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/browse_box_top.png') top left no-repeat;
	width: 978px;
	height: 11px;
	}

#browseBox .bottom { 
	display: block;
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/browse_box_bottom.png') top left no-repeat;
	width: 978px;
	height: 11px;
	}
	
#browseBox .middle { 
	display: block;
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/browse_box_repeat.png') top left repeat-y;
	width: 978px;
	}

#browseBox .middle #content {
	background: #ececec url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/browse_content_bg.png') top left repeat-x;
	width: 914px;
	margin-left: 12px;
	padding: 10px 20px 10px 20px;
	overflow: hidden;
	}
	 
#browseBox .middle #content .left { float: left; width: 600px; border-right: 1px solid #d9d9d9; overflow: hidden; }
#browseBox .middle #content .left ul { padding: 5px 0px 0px 0px; }
#browseBox .middle #content .left ul li { list-style-type: none; padding: 5px 0px 5px 0px;  }

#browseBox .middle #content .left .otherLinks a:link { font-size: 15px; color: #0092cf; text-decoration: underline; }
#browseBox .middle #content .left .otherLinks a:visited { font-size: 15px; color: #0092cf; text-decoration: underline; }
#browseBox .middle #content .left .otherLinks a:active { font-size: 15px; color: #0092cf; text-decoration: underline; }
#browseBox .middle #content .left .otherLinks a:hover { font-size: 15px; color: #005579; text-decoration: underline; }

#browseBox .middle #content .left .browse-listing { width: 600px; padding: 3px 10px 10px 0px; }
#browseBox .middle #content .left .browse-listing .col { float: left; width: 115px; overflow: hidden; }
#browseBox .middle #content .left .browse-listing .col ul { padding: 0px }
#browseBox .middle #content .left .browse-listing .col ul li { padding: 0px 10px 3px 0px; }

#browseBox .middle #content .left .browse-listing a:link { color: #00374E; font-size: 12px; text-decoration: none; }
#browseBox .middle #content .left .browse-listing a:visited { color: #00374E; font-size: 12px; text-decoration: none; }
#browseBox .middle #content .left .browse-listing a:hover { color: #002332; font-size: 12px; text-decoration: underline; }
#browseBox .middle #content .left .browse-listing a:active { color: #00374E; font-size: 12px; text-decoration: underline; }

#browseBox .middle #content .right { float: left; width: 280px; margin-left: 20px;}

#browseBox .middle #content .right a:link { font-size: 16px; color: #0092cf; text-decoration: none; }
#browseBox .middle #content .right a:visited { font-size: 16px; color: #0092cf; text-decoration: none; }
#browseBox .middle #content .right a:active { font-size: 16px; color: #0092cf; text-decoration: none; }
#browseBox .middle #content .right a:hover { font-size: 16px; color: #005579; text-decoration: none; }

#browseBox .middle #content .right ul {}
#browseBox .middle #content .right ul li { list-style-type: none; padding: 15px 0px 10px 0px; border-top: 1px solid #d3d3d3;  }

#browseBox .middle #content .left h1 a { font-size: 13px; color: #005579; text-decoration: underline; }
#browseBox .middle #content .left h1 a:hover { font-size: 13px; color: #00364d; text-decoration: underline; }

/* Info Box */

#infoBox { position: relative; margin: 10px 0px 10px 0px; }

#infoBox .top {
	display: block;
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/info_box_top.png') top left no-repeat;
	width: 960px;
	height: 6px;
}
	
#infoBox .bottom {
	display: block;
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/info_box_bottom.png') top left no-repeat;
	width: 960px;
	height: 6px;
}

#infoBox .middle { 
	display: block;
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/info_box_repeat.png') top left repeat-y;
	width: 960px;
	overflow: hidden;
}
	
#infoBox .middle #content {
	display: block;
	background: #eef9fe url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/info_content_bg.png') top left repeat-x;
	width: 750px;
	min-height: 400px;
	padding: 10px 10px 0px 20px;
	margin-left: 3px;
}

#infoBox .middle #content h3 {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/info_title_bg.png') top left no-repeat;
	width: 348px;
	padding: 10px 0px 10px 10px;
	color: #262626;
	font-size: 16px;
}
	
#infoBox .middle #content .left { float: left; width: 365px; border-right: 1px solid #dbe5e9; min-height: 400px; }
#infoBox .middle #content .left .news { border-bottom: 1px solid #bdd7e3; width: 320px; padding: 10px 10px 15px 0px; }
#infoBox .middle #content .left .news span.date { float: right; }
#infoBox .middle #content .left .news h2 { color: #0092cf; font-weight: normal; padding: 0px 0px 10px 0px; }

#infoBox .middle #content .left .image img { float: left; margin: 0px 10px 10px 0px; padding: 3px; background: #fff; border: 1px solid #ededed; }

#infoBox .middle .news h2 a:link { font-size: 16px; color: #0092cf; text-decoration: none; }
#infoBox .middle .news h2 a:visited { font-size: 16px; color: #0092cf; text-decoration: none; }
#infoBox .middle .news h2 a:active { font-size: 16px; color: #0092cf; text-decoration: none; }
#infoBox .middle .news h2 a:hover { font-size: 16px; color: #005579; text-decoration: none; }

#infoBox .middle #content .right { float: left; width: 355px; margin-left: 20px }
#infoBox .middle #content .right .message { width: 320px; padding: 10px 10px 15px 0px; }
#infoBox .middle #content .right .message h2 { font-weight: bold;; color: #262626; font-size: 14px; }
#infoBox .middle #content .right .message span.date { float: right; }

#infoBox .middle #information { float: right; width: 170px; }

#infoBox .middle #information h3 {
	background: url('/Resources/FY/Sites/FindYoga/Images/Backgrounds/information_bg.png') top left no-repeat;
	padding: 10px 0px 10px 10px;
	color: #262626;
	font-size: 13px;
}
	
#infoBox .middle #information ul { margin: 0px 15px 0px 0px; }
#infoBox .middle #information ul.withBorder { border-bottom: 1px solid #b3d5e2; padding-bottom: 10px; }
#infoBox .middle #information ul li { list-style-type: none; padding: 5px 0px 5px 0px; }
#infoBox .middle #information ul li  a { font-size: 12px; color: #262626; text-decoration: none; }
#infoBox .middle #information ul li  a:hover { color: #0092CF; }