@charset "utf-8";
/* CSS Document */

/*----------------TYPE PRESETS----------------*/
h1 {
	font-size:28px; color:#002F87; font-weight:normal;margin:0;padding:0;}
	
h3 {
	font-size:16px; font-weight:normal; color:#666666; margin:0; padding:0 0 6px 0;}

p { 
	padding-top:0;margin-top:0; padding-bottom:10px;}

/*----------------END TYPE PRESETS----------------*/


/*----------------PAGE & CONTAINER----------------*/
.page {
	width:100%; background:url(/assets/cms/livesmart/global/page_gradient.png) repeat-x;}

.page .breadcrumbs {
	width:980px; height:30px; margin:0 auto; display:block; font-size:11px; color:#666666;line-height:30px;}

.page .breadcrumbs a {
	font-size:11px; color:#666666;text-decoration:none;}

.page .breadcrumbs a:active {
	font-weight:bold; color:#666666;text-decoration:none;}

.page .breadcrumbs span {
	}	/*do not add any font-weight here */
	
.breadcrumbsBold {
	font-weight:bold;}	

.page .container {
	width:980px;display:block; margin:0 auto; 60px auto; border:1px solid #CCCCCC;border-radius:9px; background-color:#FFFFFF;overflow:auto;}

.page .container .page-content {
	width:920px; margin:30px auto; display:block; position:relative;}

.page .container .page-content .left-nav {
	width:170px; margin-right:30px; display:block; position:relative; float:left;font-size:11px; color:#666666;}

.page .container .page-content .active-content {
	width:720px; display:block; position:relative; float:left;margin:0 0 60px 0;}
	
/*----------------END PAGE & CONTAINER----------------*/	


/*----------------ACTIVE CONTENT LAYOUT STYLES----------------*/

/*PAGE TITLES*/
.page .container .page-content .active-content .page-title {
	margin-bottom:30px;/*This is the normal page title style. */
}

.page .container .page-content .active-content .page-title#section {
	margin-bottom:0;/*This is the page title style for section landings, which have 30px of top-padding. */
}

/*50-50 COLUMNS (SECTION LANDINGS) */
.page .container .page-content .active-content .column_50-50 {
	width:345px;display:block; position:relative; float:left; margin:0;padding:0;}
	
.page .container .page-content .active-content .column_50-50#right {
	float:right;}
	
.page .container .page-content .active-content .column_50-50 .section {
	border-bottom:1px solid #CCC; display:block; position:relative; float:left;padding:30px 0;}

.page .container .page-content .active-content .column_50-50 .sectionR {
	border-bottom:1px solid #CCC; height:55px; display:block; position:relative; float:left;padding:30px 0;}

.page .container .page-content .active-content .column_50-50 .sectionSM {
	border-bottom:1px solid #CCC; width:345px; height:55px; display:block; position:relative; float:left;padding:30px 0;}

.page .container .page-content .active-content .column_50-50 .sectionNB {
	width:345px; display:block; position:relative; float:left;padding:30px 0;}

.page .container .page-content .active-content .column_50-50 .sectionBIG {
	border-bottom:1px solid #CCC; width:345px; height:175px; display:block; position:relative; float:left;padding:30px 0;}

.page .container .page-content .active-content .column_50-50 .sectionRBIG {
	border-bottom:1px solid #CCC; width:345px; height:250px; display:block; position:relative; float:left;padding:30px 0;}

.page .container .page-content .active-content .column_50-50 .sectionMED {
	border-bottom:1px solid #CCC; width:345px; height:100px; display:block; position:relative; float:left;padding:30px 0;}
	
.page .container .page-content .active-content .column_50-50 .section img {
	float:left; width:30px; height:45px; margin-right:20px;}
	
.page .container .page-content .active-content .column_50-50 .section img {
	float:left; width:30px; height:45px; margin-right:20px;}

.page .container .page-content .active-content .column_50-50 .sectionR img {
	float:left; width:40px; height:40px; margin-right:20px; margin-bottom:5px;}

.page .container .page-content .active-content .column_50-50 .sectionSM img {
	float:left; width:40px; height:40px; margin-right:20px; margin-bottom:5px;}
	
.page .container .page-content .active-content .column_50-50 .sectionBIG img {
	float:left; width:40px; height:40px; margin-right:20px; margin-bottom:5px;}

/*CONTENT COLUMNS (NORMAL CONTENT PAGES) */
.page .container .page-content .active-content .column_content {
	width:460px;display:block; position:relative; float:left; margin:0;padding:0;}

.page .container .page-content .active-content .column_content {
	width:460px;display:block; position:relative; float:left; margin:0;padding:0;}
	
.page .container .page-content .active-content .column_content#sidebar {
	width:230px; float:right;}
	

.page .container .page-content .active-content .column_content#sidebar img { /*Margin space for sidebar images */
	margin:0 0 20px 0;}

.page .container .page-content .active-content .column_content#sidebar .section { /*Margin space for sidebar options*/
	margin:0 0 15px 0;}

.page .container .page-content .active-content .column_content#sidebar .section a.section-title { /*Margin space for sidebar options*/
	font-weight:bold; display:block; margin:0;padding:0;}

.page .container .page-content .active-content .column_content#sidebar .figures img { /*Margin space for sidebar images */
	margin:0 0 5px 0;}

.page .container .page-content .active-content .column_content#sidebar .figure { /*Margin space for sidebar images */
	margin:0 0 30px 0;}

.page .container .page-content .active-content .column_content#sidebar .sectionR {
	border-bottom:1px solid #CCC; width:230px; height:55px; display:block; position:relative; float:left;padding:20px 0;}





/*----------------END ACTIVE CONTENT LAYOUT STYLES----------------*/


/*----------------BUTTONS----------------*/



div.button-holder { /*Provides margin space around button/button options */
	margin:10px 0 35px 0; display:block;height:28px;}

a.button {
	height:28px;display:block;position: relative;line-height:28px;text-decoration: none;color:#002F87;background-color: #DDDDDD; border-radius:6px; padding-right:10px; margin-bottom:3px;font-weight:normal;float:left;}

a.button span {
	background: url(/assets/cms/livesmart/landing/arw_blue_closed.png) no-repeat right;background-color: #DDDDDD;border-radius:6px; display:block; line-height:18px; padding:5px 25px 5px 10px;}

a.button:active, a.button span:active {
	background-color: #CCCCCC;}
	
.button-options {
	clear:both;display:block;}
	
a.button-option {/*Minor options underneath button*/
	font-size:10px; padding-right:10px;}
	
	
	

/*----------------END BUTTONS----------------*/


/*----------------LEFT NAVIGATION----------------*/

.page .container .page-content .left-nav ul {
	list-style:none;
	margin:0;
	padding:0;}

.page .container .page-content .left-nav ul#lvl_one {
	border-top:3px solid #CCCCCC;
	border-bottom:3px solid #CCCCCC; 
	padding:20px 0; 
	overflow:hidden;
	}
	
.page .container .page-content .left-nav ul#lvl_one li {
	display:block; 
	position:relative; 
	height:auto; }
	
.page .container .page-content .left-nav ul#lvl_one li a {
	display:block; 
	position:relative; 
	height:auto; 
	color:#666666; 
	text-decoration:none; 
	font-weight:bold; 
	 
	padding:3px 20px 3px 10px;
	}
	
.page .container .page-content .left-nav ul li a:hover {
	color:#002F87;}
	
.page .container .page-content .left-nav ul li a:active {
	color:#002F87;background-color:#EBEBEB;}

.page .container .page-content .left-nav ul li ul li a {
	font-weight:normal; background:none;}

.page .container .page-content .left-nav ul a#active {
	font-weight:bold; background-color:#EBEBEB; color:#002F87;}


.page .container .page-content .left-nav ul#lvl_two {
	border-top:3px solid #CCCCCC;border-bottom:3px solid #CCCCCC; padding:20px 0; overflow:hidden;}
	
.page .container .page-content .left-nav ul#lvl_two li {
	display:block; position:relative; height:auto; }
	
.page .container .page-content .left-nav ul#lvl_two li a {
	display:block; position:relative; height:auto; color:#666666; text-decoration:none; font-weight:bold; background:url(/assets/cms/livesmart/landing/arw_blue_closed.png) no-repeat 153px; padding:3px 20px 3px 10px;}
	
.page .container .page-content .left-nav ul#lvl_two li a:hover {
	color:#002F87;}
	
.page .container .page-content .left-nav ul#lvl_two li a:active {
	color:#002F87;background-color:#EBEBEB;}

.page .container .page-content .left-nav ul#lvl_two li ul li a {
	font-weight:normal; background:none;}

.page .container .page-content .left-nav ul#lvl_two a#active {
	font-weight:bold; background-color:#EBEBEB; color:#002F87;}

	
.leftNavHeading1 /* used for the heading above the list of links. Mmust be a <div> inside menuItem <span>*/
{
	border-top:2px solid #CCC;
	border-bottom:1px solid #CCC; 
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFF;
	width:165px;
}

.leftNavHeading2 /* used for the headings that could appear above the specific page heading. Must be a <div> inside menuItem <span>*/
{
	border-top:2px solid #CCC; 
	font-size:14px; 
	padding-top:5px; 
	padding-bottom:5px;
	width:165px;
}

.leftNavHeading3 /* used for the headings that might show below the specific page heading...must be a <div> inside menuItem <span>   */
{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:14px; 
	padding-top:5px; 
	padding-bottom:5px;
	width:165px;
}

.leftNavSubLink
{	
	display:block; 
	position:relative; 
	height:auto; 
	color:#666666; 
	text-decoration:none; 
	font-weight:bold; 
}

.leftNavSubLink:visited
{	
	display:block; 
	position:relative; 
	height:auto; 
	color:#666666; 
	text-decoration:none; 
	font-weight:bold; 
}

.leftNavSubLink:hover
{	
	display:block; 
	position:relative; 
	height:auto; 
	color:#666666; 
	text-decoration:none; 
	font-weight:bold; 
}	

.leftNavSubLinkActive
{	
	display:block; 
	position:relative; 
	height:auto; 
	color:#666666; 
	text-decoration:none; 
	font-weight:bold; 
}
	
.leftNavSubLinkActive:hover
{	
	display:block; 
	position:relative; 
	height:auto; 
	color:#666666; 
	text-decoration:none; 
	font-weight:bold; 
}	


/*----------------END LEFT NAVIGATION----------------*/
.margin {
		margin-top:30px;
margin-bottom:30px;
margin-right:30px;
margin-left:30px;
}

.page .container .page-content .feedburnerFeedBlock
{
            background-color:#ffffff;
            color:#000000;
            text-align:left;
            text-decoration: none;
            margin-bottom: -25px;
            display:inline;
            }

.page .container .page-content .feedburner ol
{
           
            background-color:#ffffff;
            color:#000000;
            list-style-position:outside;
            list-style-type:circle;
            }

.page .container .page-content .feedburner li
{
     
     background-color:#ffffff;
     
     color:#000000;
     list-style-position:outside;
     list-style-type:circle;
     padding: 10px 5px 30px 5px;
            }
            
            .page .container .page-content .feedburner li a
	    {
	         
	         font-weight:bold; 
            }
table.generic td {border:#DDD solid thin; padding:3px 0; text-align:left;}
table.generic .header {background:#DDD; font-weight:bold;}