/*
Main Stylesheet for Southern Company Web Site
(c) 2006

*/

body
	{
	/*margin: 22px 0 0 20px;*/ /* from old style sheet */
	
	margin:22px 0 10px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	}
	
a:link, a:visited, a:active, a:hover
	{
	color: #c00;
	text-decoration: none;
	}
	
.red {
	color: #c00;
	}
	
a:hover
	{
	text-decoration: underline;
	}
	
#container
	{
	width: 750px;
	}
	
/* Styles for Header */

#banner
	{
	position: relative;
	width:781px;
	margin:0 auto;
	height: 75px;
	z-index: 100;
	margin-bottom:25px;
	}
	
/* Styles for upper-most nav */
	
#supra
	{
	font-size: 10px;
	text-align: right;
	/*padding-right: 14px;*/
	color: #ccc;
	height: 12px;
	/*margin-bottom: 5px;*/
	
	position: absolute;
	/*width: 558px;*/
	left: 603px;
	top: 28px;
	}
	
#supra a:link, #supra a:visited, #supra a:active
	{
	color: #999;
	text-decoration: none;
	}
	
#supra a:hover
	{
	text-decoration: underline;
	}
	
/* END Styles for upper-most nav */










/* Styles for main navigation */

.mainNav
	{
	position: absolute;
	font-weight: bold;
	width: 558px;
	top: 58px;
	}

.home
	{
	left: 175px;
	}
	
.int
	{
	left: 149px;
	}
	
#drop, #drop ul, .leftNav
	{
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
	z-index: 50;
	}

#drop a
	{
	display: block;
	}

#drop li
	{
	position: relative;
	float: left;
	padding-right: 10px;
	}
	
#drop ul.dropThird li
	{
	padding-right: 5px;
	}
	
li.dropMain
	{
	margin-right: 10px;
	border-right: 1px solid #999;
	height: 13px;
	}

#drop .navEnd
	{
	margin: 0;
	padding: 0;
	border-right: 0;
	}

#drop li ul
	{
	position: absolute;
	width: 133px;
	left: -999em;
	top: 13px;
	}

ul.dropSub
	{
	background-color: #fff;
	}
	
ul.dropThird
	{
	border-top: 1px solid #fff;
	}
	
ul.dropSub li, ul.dropThird li
	{
	position: relative;
	font-size:11px;
	background-color: #dfdfdf;
	font-weight: normal;
	line-height : 19px;
	padding: 0 5px 0 5px;
	top: 3px;
	width: 121px;
	clear: left;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	}
	
ul.dropThird li
	{
	top: 0;
	}

#drop li:hover ul.dropSub, #drop li.sfhover ul.dropSub
	{
	display: block;
	left: -6px;
	}
	
#drop ul.dropSub li:hover ul.dropThird, #drop ul.dropSub li.sfhover ul.dropThird
	{
	top: -1px;
	left: 136px;
	}
	
#drop ul.dropSub li:hover, #drop ul.dropSub li.sfhover
	{
	background-color: #ccc;
	}
	
.dropMain a:link, .dropMain a:visited, .dropMain a:active
	{
	text-decoration: none;
	color: #c00;
	}
	
.dropMain a:hover
	{
	text-decoration: underline;
	}
	
.dropSub li a:link, .dropSub li a:visited, .dropSub li a:active, .dropSub li a:hover
	{
	color: #000;
	}
	
/* END Styles for main navigation */

/* END styles for header */









/* Styles for Mag Style page format */

.clear {
	clear:both;
	}









.content {
	width:781px;
	margin:0 auto;
	color:#000;
	}
	
.content h2 {
	padding:22px 0 13px 0;
	margin:0;
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	font-weight:normal;
	}
	
.content h2 sub {
	padding:0;
	margin:0;
	font-size:18px;
	}
	
.content p, .content ul {
	padding:0;
	margin:0 0 18px 0;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	line-height:20px;
	/*list-style-type:none;*/
	}
	
	
/*.content ul li {
	margin:0;
	padding:0 0 0 10px;
	background:url(../images/bullet.gif) left no-repeat;
	background-position:3px 10px;
	}*/
	
.content p.list {
	padding:0;
	margin:0;
	}
	
.content ul {
	margin-left:25px;
	}
	
.content img {
	border:none;
	}

.content .caption
	{
	font-size: 9px;
	margin-top: 5px;
	line-height:12px;
	}

.overviewBackground {
	background:#000;
	margin:0 0 0 -10px;
	height:321px;
	}
	
.overview {
	color:#fff;
	padding-left:10px;
	padding-top:20px;
	}
	
.overview p {
	font-size:16px;
	line-height:22px;
	padding-top:135px;
	}
	
.homepage p {
	font-size:10px;
	padding:105px 0 0 0;
	text-align:center;
	margin:0;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	}
	



ul.subNav {
	list-style-type:none;
	margin:20px 20px 0 0;
	padding:0;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	}

ul.subNav li {
	list-style-type:none;
	margin:0;
	padding:5px 4px 0 4px;
	/*float:left;
	background:url(../images/magNav_center.png);
	height:25px;
	overflow:hidden;*/
	}
	
ul.subNav li.first {
	background:url(../images/magNav_left.png);
	width:6px;
	height:30px;
	padding:0;
	}
	
ul.subNav li.last {
	background:url(../images/magNav_right.png);
	width:6px;
	height:30px;
	padding:0;
	}

ul.subNav li a {
	color:#fff;
	}







	
ul.planetNav {
	margin:22px 0 18px 0;
	padding:0;
	list-style:none;
	float:left;
	}
	
ul.planetNav li {
	margin:0 17px 0 0;
	padding:0;
	list-style:none;
	float:left;
	}







.content .sidebar {
	width:180px;
	border-left:#CCC solid 1px;
	float:right;
	/*margin:22px 0 0 15px;*/
	margin:0 0 0 15px;
	padding:0 0 10px 15px;
	}
	
.content .sidebar h2 {
	margin:0 0 13px 0;
	padding:0;
	font-size:24px;
	color:#333;
	}
	
.content .sidebar p {
	padding:0;
	margin:0 0 9px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	}
	
.content .sidebar ul {
	line-height:24px;
	}
	
.content .sidebar ul.short {
	line-height: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
.content .sidebar ul.short li {
	padding-bottom: 7px;
	}









	
.content .right {
	float:right;
	}
	
.content .left {
	float:left;
	}
	
	
	
	
.content .texturedSidebar {
	width:235px;
	min-height:409px;
	overflow:hidden;
	float:right;
	background:url(../images/bg_texturedSidebar.jpg) no-repeat;
	margin:22px 0 10px 20px;
	padding:15px 20px 0 20px;
	}
	
.content .texturedSidebar h2, .content .enviroSidebar h2 {
	font-size:18px;
	line-height:20px;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	color:#338fe4;
	padding:4px 0 4px 0;
	margin:0;
	list-style:none;
	}
	
.content .texturedSidebar p {
	font-size:12px;
	line-height:16px;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	color:#333;
	padding:0 0 14px 0;
	margin:0;
	list-style:none;
	}
	
	
	
	
.content .enviroSidebar {
	width:195px;
	min-height:364px;
	overflow:hidden;
	float:right;
	background:url(../images/bg_texturedSidebar.jpg) no-repeat;
	margin:22px 0 0 0;
	padding:15px 60px 0 20px;
	}
	
.content .enviroSidebar ul {
	font-size:12px;
	line-height:16px;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	color:#333;
	padding:0;
	margin:0;
	list-style:none;
	}
	
.content .enviroSidebar ul li {
	margin-bottom:15px;
	padding-left:25px;
	background:url(../images/bullet.gif) 12px 9px no-repeat;
	}




.learnMoreBackground {
	background:url(../images/lowerShadow.jpg) top center repeat-x;
	margin:0;
	}
	
.learnMore {
	text-align:center;
	}
	
.learnMore h2 {
	padding:20px 0 40px 0;
	margin:0;
	}
	
.learnMore .infoBlock {
	background:url(../images/bottomBlock.png) top no-repeat;
	width:150px;
	height:196px;
	margin:0 7px 0 0;
	padding-top:5px;
	float:left;
	}
	
.learnMore .infoBlock.last {
	margin:0;
	}
	
.learnMore .infoBlock p {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:13px;
	height:100px;
	overflow:hidden;
	padding:0 10px;
	margin:0;
	}


.content .prepend-10 {margin-top:10px;}
.content .prepend-20 {margin-top:20px;}
.content .prepend-30 {margin-top:30px;}
.content .prepend-40 {margin-top:40px;}
.content .prepend-50 {margin-top:50px;}
.content .prepend-60 {margin-top:60px;}
.content .prepend-70 {margin-top:70px;}
.content .prepend-80 {margin-top:80px;}
.content .prepend-90 {margin-top:90px;}
.content .prepend-100 {margin-top:100px;}
.content .prepend-110 {margin-top:110px;}
.content .prepend-120 {margin-top:120px;}
.content .prepend-130 {margin-top:130px;}
.content .prepend-140 {margin-top:140px;}
.content .prepend-150 {margin-top:150px;}
.content .prepend-160 {margin-top:160px;}
.content .prepend-170 {margin-top:170px;}
.content .prepend-180 {margin-top:180px;}
.content .prepend-190 {margin-top:190px;}
.content .prepend-200 {margin-top:200px;}
.content .prepend-210 {margin-top:210px;}
.content .prepend-220 {margin-top:220px;}
.content .prepend-230 {margin-top:230px;}
.content .prepend-240 {margin-top:240px;}
.content .prepend-250 {margin-top:250px;}
	
	
.content .append-10 {margin-bottom:10px;}
.content .append-20 {margin-bottom:20px;}
.content .append-30 {margin-bottom:30px;}
.content .append-40 {margin-bottom:40px;}
.content .append-50 {margin-bottom:50px;}
.content .append-60 {margin-bottom:60px;}
.content .append-70 {margin-bottom:70px;}
.content .append-80 {margin-bottom:80px;}
.content .append-90 {margin-bottom:90px;}
.content .append-100 {margin-bottom:100px;}
.content .append-110 {margin-bottom:110px;}
.content .append-120 {margin-bottom:120px;}
.content .append-130 {margin-bottom:130px;}
.content .append-140 {margin-bottom:140px;}
.content .append-150 {margin-bottom:150px;}
.content .append-160 {margin-bottom:160px;}
.content .append-170 {margin-bottom:170px;}
.content .append-180 {margin-bottom:180px;}
.content .append-190 {margin-bottom:190px;}
.content .append-200 {margin-bottom:200px;}


.content .push-10 {margin-right:10px;}
.content .push-20 {margin-right:20px;}
.content .push-30 {margin-right:30px;}
.content .push-40 {margin-right:40px;}
.content .push-50 {margin-right:50px;}

.content .pull-10 {margin-left:10px;}
.content .pull-20 {margin-left:20px;}
.content .pull-30 {margin-left:30px;}
.content .pull-40 {margin-left:40px;}
.content .pull-50 {margin-left:50px;}




.magReportsHeader {
	background:url(../images/magReport_top.jpg) top center no-repeat;
	height:118px;
	overflow:hidden;
	text-align:center;
	}

.magReportsHeader h1 {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:44px;
	padding:25px 0 0 0;
	margin:0;
	}

.magReports {
	background:url(../images/magReports_middle.jpg) top center;
	}


.magReports .report {
	width:157px;
	padding:0 18px 18px 18px;
	float:left;
	text-align:center;
	}
	
.magReports .report p, .magReports .report p a, .magOtherReports .column p, .magOtherReports .column p a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	text-align:left;
	}
	
.magReports .report p a, .magOtherReports .column p a {
	font-weight:bold;
	}

	
.magReports .report img, .magOtherReports .column img {
	border:#000 solid 1px;
	margin-bottom:15px;
	}
	
.magReports p a.unBold {
	font-weight:normal;
	}

.magReportsSpacer {
	background:url(../images/magReports_spacer.jpg) top center;
	height:45px;
	}
	
.magOtherReports {
	background:url(../images/magReports_bottomMiddle.jpg) top;
	}
	
.magOtherReports .column {
	width:354px;
	padding:0 18px 18px 18px;
	float:left;
	}
	
.magOtherReports .column h2 {
	font-size:24px;
	padding:0 0 25px 0;
	margin:0;
	}
	
.magReportsBottom {
	background:url(../images/magReports_bottom.jpg) top center;
	height:20px;
	}

































/* Styles for footer & home footer */

#footer
	{

	font-size: 10px;
	text-align: center;
	color: #999;
	width:781px;
	margin:30px auto;
	padding:15px 0;
	border-bottom:#e5e5e5 solid 1px;
	border-top:#e5e5e5 solid 1px;
	}
	
#footerHome
	{
	width: 750px;
	font-size: 10px;
	text-align: center;
	color: #c00;
	margin-bottom: 23px;
	color: #999;
	}
	
#footerHome a:link, #footerHome a:visited, #footerHome a:active
	{
	color: #c00;
	text-decoration: none;
	}
	
#footer a:link, #footer a:visited, #footer a:active
	{
	color: #c66;
	text-decoration: none;
	}
	
#footer a:hover, #footerHome a:hover
	{
	text-decoration: underline;
	}

/* END Styles for footer & home footer */



















