/* CSS Document */
body{
		background-image:url(../sunrise/images/ba_background.jpg);
		background-repeat:repeat-x;
		background-attachment:fixed;
		body

      	behavior: url("http://www.thebalancingact.com/header_menu/csshover3.htc"); 

		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:10px;
		}
#doc {
	margin:auto;
	position:relative;
	width:980px;
	height: 1480px;
	/*background-image:url(images/BA_centerBG1px.jpg);*/
	
	border:solid #942092 2px;	
}
#header {
	background-image:url(../sunrise/images/headerB2010.jpg);
	background-repeat:no-repeat;
	height:110px;
}
#masthead{
	height:130px;
	width:980px;
}
#menu2{
	position:relative;
	top:-20px;
}
#homeLink a{
	display:block;
	width:410px;
	height:60px;
	position:absolute;
	top:10px;
	left:0px;
	cursor:pointer;
}
#mainmenu{
	left:150px;
	position:relative;
}
h1 {
	font-size:18px;
	color:#003399;
	}
h2 {
	font-size:11px;
	color:#DA7112;
	}
h3	{
	font-size:14px;
	color:#FFFFFF;
}
h4 {
	font-size:10px;
	}
img {
	margin:0px;
	padding: 0 px;
	}
.mastAd {
	padding-top:25px;
}
ul.socialSites li{
	display:inline;
	vertical-align:bottom;
	background-color:none;
	text-align:left;
	text-decoration:none;
	padding-top:25px;
	padding:4px;
	_padding-left:0;
	font:normal 11px Verdana;
	color:#909;
	text-decoration:none;
	cursor:default;
}
ul.socialSites li a{
	text-decoration:none;
}
ul.socialSites li a:hover{
	color:orange;
}
#socialIcons{
	position:absolute;
	top:0;
	height:110px;
	width:250px;
/*background-color:#333;*/
}
/*----------------Menu------------------*/
ul.cssMenu{
	width:826px;
}
ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: 
absolute;
left:-1px;
top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;

}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:218.4px;
}
ul.cssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#FF6;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:normal 11px Verdana;
	color: #444444;
	text-decoration:none;
	cursor:default;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:#4792E6;
	border-color:#665500;
	border-style:solid;
	font:normal 11px Verdana;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#4792E6;
	border-color:#665500;
	border-style:solid;
	font:normal 11px Verdana;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul{display:block}
ul.cssMenu span{
	display:block;
	background-image:url(/images/menu_back.jpg);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;}
ul.cssMenu li:hover>a>span{	background-image:url(/images/menu_back_hl.jpg);
}
ul.cssMenu a:hover span{	_background-image:url(/images/menu_back_hl.jp)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(../sunrise/images/arr_double_1.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(../sunrise/images/arr_double_1o.gif);}
ul.cssMenu table a:hover span{background-image:url(../sunrise/images/arr_double_1o.gif)}


/*------------end of menu-----------------*/


/* ######### CSS for Shade Tabs.  ######### */
	
	.shadetabs{
	padding: 3px 0;
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: 11px Verdana;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	}
	
	.shadetabs li{
	display: inline;
	margin: 0;
	}
	
	.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 3px 7px;
	margin-right: 0px;
	border-left: 1px solid #804D13;
	border-right: 1px solid white;
	color: #2d2b2b;
	background: white url(http://www.thebalancingact.com/skins/sunrise/images/bar_back.jpg) top left repeat-x;
	}
	
	.shadetabs li a:visited{
	color: #2d2b2b;
	}
	
	.shadetabs li a:hover{
	text-decoration: underline;
	color: #2d2b2b;
	}
	
	.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	top: 1px;
	}
	
	.shadetabs li a.selected{ /*selected main tab style */
	background-image: url(http://www.thebalancingact.com/skins/sunrise/images/bar_back_hl.jpg);
	border-bottom-color: white;
	}
	
	.shadetabs li a.selected:hover{ /*selected main tab style */
	text-decoration: none;
	}
	
	.tabcontent{
	display:none;
	margin-top:-9px;
	width: 100%;
	}
	
	@media print {
	.tabcontent {
	display:block !important;
	}
	}
	
	
	
	.tabcontent{
	display:none;
	}
	
	@media print {
	.tabcontent {
	display:block !important;
	}
	}
	

	.tabcontentstyle{ /*style of tab content oontainer*/
	border: 1px solid gray;
	width: 710px;
	height:250px;
	margin-bottom: 1em;
	padding: 10px;
	}
	
	.tabcontent{
	display:none;
	}
	#position1 .tabcontent{
		border-top: 1px solid brown;
	}
	@media print {
	.tabcontent {
	display:block !important;
	}
	}
	/*------CSS for the different uses of the tab bar----------*/
	#promoBox{
		
		width:630px;
		height:290px;
	}
	#promoBanners{ 
		width:600px; 
		height: 250px; 
		padding: 0px;
		margin-left:10px;
		margin-top:-20px;
	}
/*--------------end of tabs css -----------*/





#position1, #position2, #position3, #position4, #position5, #position6 {
	padding: 0px;
	margin: 0px;
	}

#accordion {
    
    width: 640px;
}
#stories{
	margin:0px;
	padding:0px;
	}
	
/*-----------Accordian CSS-------------*/
#accordion img{
	cursor:pointer;
	}
.panelheader{
	background-image: url('../sunrise/images/example1_panelBG_gr.png');
  height: 22px;
	color:#000099;
	font-weight : normal;
  padding-left: 5px; padding-top: 5px;
}

.panelHover {
  background-image: url('../sunrise/images/example1_panelBGHover_gr.png');
  height: 22px;
	color:#0066FF;
  padding-left: 5px;
}

.panelClicked {
   background-image: url('../sunrise/images/example1_panelBGClick.png');
   height: 22px;
   color : #ffffff;
   padding-left: 5px;
}

.panelSelected {
	background-image: url('../sunrise/images/example1_panelBGSelected_gr.png');
  height: 22px;
	color : #000099;
	font-weight : bold;
  padding-left: 5px;
}
.panelContent {
    background-image: url('../sunrise/images/example1_contentBG_gr');
    background: #FFFFFF;
    overflow: auto;
}
/*-----------End of Accordian CSS-------------*/

/*        ###############Position of content ##############   */

#header {
	position:absolute;
	top:0px;
	left:0px;
	}

#mastAd {
	position:absolute;
	left: 520px;
	top: -5px;
	}
#keywords {
	position:absolute;
	left:0px;
	top: 1390px;
	} 
#video{
	position:absolute;
	left: 625px;
	top:118px;
	width: 340px;
	height: 400px;
	
	}
	#flashvideoplayer{
		float:right;
	}

#position1 {
	position:absolute;
	left: 10px;
	top:560px;
	width: 610px;
	

	}
	.position1content{
	overflow:auto;
	height:750px;
	}

	
#position2 {
	
	position:absolute;
	left: 0px;
	top:125px;
	width: 650px;
	height: 280px;
	
	}
#position3 {
	
	position:absolute;
	left: 10px;
	top:423px;
	width: 620px;
	height: 110px;
	overflow:hidden;
	
	}
#position4 {
	
	position:absolute;
	left: 655px;
	top:555px;
	width: 325px;
	
	
	}
#position5 {
	
	position:absolute;
	left: 638px;
	top:807px;
	width: 327px;
	height: 250px;
	
	}	
#position6 {
	
	position:absolute;
	left: 2px;
	top:421px;
	width: 270px;
	height: 280px;
	
	}
#position7 {
	
	position:absolute;
	left: 25px;
	top:845px;
	width: 625px;
	height: 280px;
	
	}
#adbar1 {
	
	position:absolute;
	left: 5px;
	top:710px;
	width: 980px;
	height: 70px;
	text-align:center;
	 
	}
	
#adbar2 {
	
	position:absolute;
	left: 5px;
	top:1375px;
	width: 980px;
	height: 70px;
	 
	}
#adstack1{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position:absolute;
	left: 645px;
	top:1101px;
	width: 314px;
	height: 280px;
	background:white;
	
	}

#adstack1 img{
	margin-top:5px;
	margin-bottom:5px;
	}
#keywords {
	
	position:absolute;
	left: 0px;
	top:1652px;
	width: 980px;
	height: 44px;
	
	}
	#keywords ul {
		display:inline;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0pt;
		padding:0px 20px 0pt;
		}
	#keywords li {	
		float: left;
		margin:0px 5px;
		color:black;
		font-weight:bold;
		font-size:13px;
		
		}
#footer {
	text-align:center;
	position:absolute;
	left: 0px;
	top:1490px;
	width: 980px;

	}

.subHead{
	height:40px;
	font-size:14px;
	}
.subhead a {
	margin-top:5px;
	}
.buttonBox{
	margin:0px;
	padding:0px;
	height:100%;
		
	}
.buttonBox ul {
	font-size:17px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0pt;
	text-align:right;
	}
.buttonBox li {
	background:url(../sunrise/images/orangebar2_back.gif) no-repeat right top;
	height:37px;
	margin-left:0px;
	}
.buttonBox li:hover {
	background:url(../sunrise/images/orangebar2_back_hl.gif) no-repeat right top;
	}
.buttonBox a {
	background:transparent url(../sunrise/images/orangecap2_left.gif) no-repeat scroll left top;
	display:block;
	height:17px;
	margin-top:0px;
	padding:10px;
	text-decoration:none;
	color:#0033CC;
	font-weight:bold;
	margin-right: 
	}
.buttonBox a:hover {
	background:transparent url(../sunrise/images/orangecap2_left_hl.gif) no-repeat scroll left top;
	}
	
.subHead{
	height:100%;
	margin:0px;
	padding:0pt;
	text-align:center;
	height:30px;
	}
.subHead .subTitle{
	display:block;
	height:14px;
	margin-top:0px;
	padding:5px;
	text-decoration:none;
	}

.subTitle a{
	font-size:11px;
	margin:4px;
	padding:0px;
	}
.subTitle a:hover{
	font-size:11px;
	margin:4px;
	padding:0px;
	color:#FF0000;
	}
.subTitle {
	font-size:15px;
	font-weight:bold;
	color:SaddleBrown;
	}
.content {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: white;
	font-size:11px;
	margin:2px 7px 0px;
	padding:5px;
	}
.content img{
	padding: 5px;
	}

.adbar img{
	margin:5px;
	}
.logoLinks{
	height:730px;
	overflow:auto;
	text-align:center;
	}
.affiliates{
	height:455px;
	overflow:auto;
	
	}
	.affiliate{
		border-bottom: 1px solid #999999;
		width:250px;
		height:75px;
		}
	.affiliateLogo{
		float:left;
		}
	.affiliateDescription{
		float:right;
		width:140px;
		}

.videocontent{
	overflow:auto;
	height:245px;
	}		
.smallcontent{
	overflow:auto;
	height:70px;
	}
.content ul {
	font-size: 12px;
	}
.thumbNail{
	float: left;
}