/* CSS Document */

h2 { 
	margin-top:0px; 
}

h3 { 
	font-size: 14px;
	color:#222222; 
	margin:20px 0px 5px 0px; 
}

p  { margin:0px; 
}

hr {
	border: none 0;
	border-top: 1px dashed #555555;
	width:98%;
	height: 1px;
}

.secmaincontent { padding-bottom:20px; }

/* Logo content - below the left menu*/
.logoContent {
	width: 160px;
	margin: 0 0 43px 1px;
	padding: 0px 0px 5px 0px;
	text-align:center;
	font-size:11px;
}

/* Logo container */
.logo {
	float: left;
	width: 160px;
	padding: 25px 0px 5px;
	margin: 0px;
}

/* The content of one page */
.left_section_container {
	width: 160px; 
	float: left;
}
.leftcontent, .columncontent {
	float: left;
	margin: 20px 0 0px 0;
	position: relative;
	left: 8px;
	width:762px;
}
.leftcontent { width: 540px;}
.leftcontent p { padding-bottom: 10px;}

/* Right image and links container */
.rightcontent {
	float: right;
	width: 210px;
	margin-top:50px;
	text-align:left;
}

.rightcontent img { margin-left:10px; }

.linkcontent {
	margin: 0px;
	padding-top:10px;
	clear:both;
}

.linkcontent ul {
	list-style-type:circle;
	list-style-position:inside;
	padding:0px;
	margin:0 0 0 10px;
}

.linkcontent ul li { 
	padding:2px 0; 
	background: url(../images/bullet.gif) no-repeat left 4px;
	font: normal 11px arial;
	
}
.linkcontent ul li a{ 
	padding-left: 15px;
	display: block;
	
}

.linkcontent p {
	margin:0 0 0px 4px;
	padding: 4px 0 0px 2px;
	font: normal 12px arial;
	border-bottom: 1px solid #bbb;
	margin-right: 39px;
	
}
.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
}
.linkcontent ul{
	list-style-type: none;
}

.pTop10 { padding-top:10px; }
.pTop30 { padding-top:30px; }

/* tabs navigation */

.tabcontent {
	
	float: right;
	padding-right: 24px;
	background: url(../images/tabWholeLine.gif) no-repeat right 33px;
	width: 746px;
	height: 34px;
}

#tab, #tab li {
	border:0; 
	margin:0; 
	list-style:none;
}
#tab{
	background: url(../images/tab_right.png) no-repeat right 9px;
	padding-top: 12px;
	padding-right: 1px;
	float: right;
}

.tabcontent #tab li {
	float:left; 
	margin-right:0px;
}

.tabcontent #tab a{
	background:url(../images/tab-round.png) right -3px;
	display:block;
	line-height:22px;
	text-decoration:none;
	color: #444;
}

.tabcontent #tab a span{
	background:url(../images/tab-round.png) left -3px;
	display:block;
	margin-right:14px;
	padding-left:14px;
}

/* 	hoover elements					*/
.tabcontent #tab a:hover{
	background:url(../images/tab-round.png) right 104px;
	color:#000000;
}

.tabcontent #tab a:hover span{
	background:url(../images/tab-round.png) left 104px;
}


/* 	active elements					*/
.tabcontent #tab .active a{
	color:#000000;
	background:url(../images/tab-round.png) right -29px no-repeat;
} 
.tabcontent #tab .active a span{
	background:url(../images/tab-round.png) left -29px no-repeat;
	border-bottom: solid 1px white;
}




/* -------------------LiveCam Styles ---------------------*/

#liveCam {
	padding: 0;
	margin:20px 0 10px 0;
	width:751px;
	background: url(../images/livecamBg.png) repeat-x;
	border: 1px solid #b3b29c;
}
ul.days{	/*   the list with the past/current  days   */
	padding:0;
	margin:0 0 0 50px;
	height: 25px;
	list-style-type: none;
}
ul.days li {
	display: inline;
	float:left;
	margin:0;
}
ul.days li a { 
	background: url(../images/tab.png) no-repeat left center;
	height: 25px;	
	line-height:25px;
	width:56px;
	display:block;
	text-decoration:none;
	color: #222;
	text-indent:10px;
}
ul.days li.currentDay a{ 
	background: url(../images/tab_selected.png) no-repeat 0px 0px;
	width: 56px;
	height: 25px;	
	color: black;
	font-weight: bold;
	position:relative;
	left:-1px;
}
/*
#listBorder {
	float:left;
	width:1px;
	height: 26px;
	background: url(../images/tab_current_left.png) no-repeat 0 0px;
}
*/
#midSection {
	width:741px;
	position:relative;
	bottom: 1px;
	right: 1px;
	margin: 0;
	padding: 15px 0 10px 10px;
}

#livecamFooter {
	height: 50px;
	background: url(../images/livecamFooter.png) repeat-x;
	border-bottom: 1px solid #b3b29c;
	width: 751px;
	position:relative;
	top: 1px;
	display: block;
	margin: 0;
}
.cam {  /*   the two cameras from the panel  */
	float: left;
	margin: 22px 8px 15px 2px;
	width:250px;
	height:188px;
	background: url(../images/camUnavailable.png) no-repeat left top;
	border: 1px solid #B3B29C;
	text-align:center;
	padding:0;
}
.caption1 {
	position:absolute;
	top: 232px;
	left:34px;
}
.caption2 {
	position:absolute;
	top: 232px;
	left:284px;
	width: 240px;
}
#rightData { /* AQI information  panel, from the right*/
	float:left;
	margin-top: 0px;
	margin-left: 3px;
}
#rightData p{
	padding: 2px 0;
}
#rightData H5 {
	font-size: 12px;
	font-weight: bold;	
	padding: 5px 0 2px 0;
	margin: 0;
}

.AQIHistogram{  /*   the two cameras from the panel  */
	width:206px;
	height:77px;
	background: url(../images/aqi_histogramUnavail.png) no-repeat left top;
}

#data { /*  additional data, under the histogram  */
	font-size: 11px;
	padding:5px 0 0 0;
}
#hour { /*  hour selector, under the webcam shots  */
	height: 15px;
	width:150px;
	padding-top: 20px;
	padding-left: 300px;
	font-weight: bold;
}
#hour p{
	vertical-align: top;
}

#hour a img{
	border:none;
}
.clearfix {
	clear: both;
}
 /*--------------------   end of LiveCam styles   ----------------------*/
 
  /*--------------------   main.css fix   ----------------------*/
 .sec_middle_section {
	margin: 0;
	padding: 0;
}
.secnav {
	margin: 0;
}
.secnavEnd {
	clear:both;
	background:url(../images/leftBottom.png) no-repeat;
	width: 176px;
	height: 1px;
}

 /*--------------------   end main.css fix   ----------------------*/
 
 
 /*-----------Styling for the left menu-------------------*/
 
.current {
	width: 168px;
	height: 33px;
	display: block;
	text-align: center;
	background: url(../images/leftMenuCurrent.png) no-repeat left top;
	color: #3b3535;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.current:hover {
	background: url(../images/leftMenuCurrentHover.png) no-repeat left top;
}


.current:active {
    background: url(../images/leftMenuCurrentActive.png) no-repeat left top;
}

.current span {
	padding-right:16px
}



 /*-----------End of styling for the left menu-------------------*/