/*body {
	background: #f3f4f4;
}*/

#a8_container { 
	width: 100%;  
	margin: 0px; 
	padding: 0px;
	background: url(../images/bg_top.gif) repeat-x top left;
	/*min-height:500px;	*/
} 
#a8_container_zone {
	margin:0 auto;
	width:962px;
	padding:0px;
	background:transparent;
	/*min-height:270px;*/
}
/* for IE6 bug fixing 
#container_center div {
	_border:1px dotted #FF0000;
}
*/
#mainContent_container .mainContent_top {
    background:url(../images/content_bg_top.gif) no-repeat top left;
	height:16px;
	width:962px;
	}


/* [-] Header - Layout and style for template header elements
=========================================================================================== */

#a8_header { 
	/*background: transparent; 
height:155px;
*/
	background: transparent; 
	padding: 0px; 
    
	clear:both;/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin-bottom:10px;
}

/* ---------- @ Main Navigation -----------*/
#a8_mainnav_container {
 	margin-top:5px;
	width:962px;
	height:62px;
	padding:0;
	background:transparent url('../images/main_nav_bg.gif') no-repeat top left;
 }

/* [-] Essential layout styles
=========================================================================================== */

.tabstrip, .tabstrip * {margin:0;padding:0;list-style:none;}

.tabstrip {line-height:	1.0;}

.tabstrip ul {position:absolute;top:-999em;width:10em;} /* left offset of submenus need to match (see below) */
.tabstrip ul li {width:100%;}
.tabstrip li:hover {visibility:inherit;} /* fixes IE7 'sticky bug' */
.tabstrip li {float:left;position:relative;}
.tabstrip a {display:block;position:relative;}
.tabstrip li:hover ul,

.tabstrip li.bcHover ul {
	left:0;
	top:2.5em; /* match top ul list item height */
	z-index:99;
}
ul.tabstrip li:hover li ul,
ul.tabstrip li.bcHover li ul {
	top:-999em;
}
ul.tabstrip li li:hover ul,
ul.tabstrip li li.bcHover ul {
	left:10em; /* match ul width */
	top:0;
}
ul.tabstrip li li:hover li ul,
ul.tabstrip li li.bcHover li ul {
	top:-999em;
}
ul.tabstrip li li li:hover ul,
ul.tabstrip li li li.bcHover ul {
	left:10em; /* match ul width */
	top:0;
}

ul.tabstrip li:first-child > a  {
   background:transparent url('../images/ico_home.png') no-repeat 0px 0px;
   padding-left:25px;  	

   border-left:none;   
}

.ie7 ul.tabstrip li:first-child > a {
  padding-left: 25px;
  padding-bottom:0px;  
}


/* [-] Styles for Skinning
=========================================================================================== */

.tabstrip {
	float:			left;
	margin-bottom:	0; /* set the bottom margin from the navigation if any */
	width:100%;
	background:transparent; /* include a background image for the tabstrip if any */
	position:		relative;
	margin-left:0px;
	margin-top:1px;
}

.tabstrip a {
	padding: .77em 10px 11px; /* set the padding around the link */
	font:normal 12px "Helvetica", Arial;
	text-decoration:none;
	border-right:1px solid #002749;
	border-left:1px solid #1d6eb2;
}

.ie7 .tabstrip a {
	height:16px;
}


.tabstrip a, .tabstrip a:visited { /* visited pseudo selector so IE6 applies text colour*/  
	color:			#fff; /* set the color of the top level link */
} 

.tabstrip ul li {
	width:			auto;
	float:			left;
}
.tabstrip li {
	background:		transparent;
	position:		static;
	margin-right:0px;
}
.tabstrip li.selected {
	background:transparent url('../images/main_nav_selected_bg.gif') repeat-x top left;
	height:37px;
	border-left:1px solid #a6ff00;
	border-right:1px solid #a6ff00;
}

.tabstrip li.selected a{
	border:none;
}

ul.tabstrip li:first-child.selected{
	border-left:none;
	border-right:1px solid #a6ff00;
}



ul.tabstrip li:first-child.selected a {
border:none;
}

.tabstrip li.selected ul li:first-child > a {
	background:none;
	padding-left:10px;

}



.tabstrip li ul {
	width:78em; /*IE6 soils itself without this*/
	margin:5px 0.5em;
	 /* sets the offset position for 2nd level navigation */
	 }

.tabstrip li ul a{
   padding:5px 10px;


   }

.tabstrip li li {
	background:	transparent url('../images/main_nav_2nd_bullet.gif') no-repeat 2px 11px; /* set the background color for 2nd level links */
	position: relative;	   	
	padding-top:1px;
}

.tabstrip li li:hover {
	background:none;
}

.tabstrip li li ul {
	width:			13em; /* set a width for the 3rd level dropdown menu */
	margin:			0; /* removes the offset previously set for 2nd level links */
}
.tabstrip li li li {
	background:		#BEBEBE; /* set the background color for 3rd level button */
	width:			100%; /* set a width for the 3rd level items */
}


.tabstrip li:hover,
.tabstrip li.bcHover,
.tabstrip a:focus, .tabstrip a:hover, .tabstrip a:active {
	background:#transparent;
	text-decoration:none;

}


.tabstrip ul li:hover,
.tabstrip ul li.bcHover,
ul.tabstrip ul li:hover li,
ul.tabstrip ul li.bcHover li,
.tabstrip li li.selected,
.tabstrip ul a:focus, .tabstrip ul a:hover, .tabstrip ul a:active {
	background:	transparent url('../images/main_nav_2nd_bullet.gif') no-repeat 2px 11px; 
	border:none;/* sets the background for 2nd level mouseover and selected */
}

ul.tabstrip li li li:hover,
ul.tabstrip li li li.bcHover,
.tabstrip li li.selected li.selected,
.tabstrip ul li li a:focus, .tabstrip ul li li a:hover, .tabstrip ul li li a:active {
	background:		#999; /* sets the background for 3rd level mousever items*/
	
}

ul.tabstrip .selected ul,
ul.tabstrip ul li:hover ul,
ul.tabstrip ul li.bcHover ul {
	left:			-1px;
	top:			31px; /* match top ul list item height */

}
ul.tabstrip .selected ul ul {
	top: 			-999em;
}

.tabstrip li li.selected > a {
	font-weight:normal;
}





#a8_section_banner {
    background:transparent url('../images/section_bg.gif') no-repeat top left;
    margin:0px;
    padding:0px;
	color:#fff;
    width:178px;
	}
	
.section_name {
	font-family:"Myriad Pro", Helvetica, Arial;
	font-size:24px;
	font-weight:500;
	white-space:normal;
	padding:10px 10px;
	color:#fefefe;
	line-height:28px;
}
	
#wis_link {
   height:15px;
   width:160px;
   float:right;
   font-size:11px;
   clear:right;
   }
   
.sg_logo {
	width:225px;
	height:35px;
	float:right;
   }
   
#wis_link a, #wis_link a:link {
   text-decoration:none;
   color:#009fd0;
   border:none;
   }
   
#wis_link a:hover {
	text-decoration:underline;
	}

   
.logo_spring {
   padding:0px;
   margin:0px;
   width:143px;
   height:89px;
   }
   


   
#search_section {
   margin-top:0px;
   height:25px;
   float:right;
   border:0px;
   }
   
input.search {
   background:transparent url('../images/search_input_bg.gif') no-repeat top left;
   background-attachment: scroll;
   padding:4px 5px;

   height:23px;
   border:none;
   color:#9a9a9a;
   float:right;
}

.search_go {
	width:33px;
	height:25px;
	float:right;
}
   



/* [-] Site Navigation - Layout and style for right column
=========================================================================================== */

/*----------- Sub Nav ----------------*/
#a8_subnav_container {
	float: left; 
	width: 178px; /* since this element is floated, a width must be given */
/* top and bottom padding create visual space within this div */
	margin-left:1px;
	position:relative;
 }

/* [-] Essential layout styles
=========================================================================================== */

.accordion, .accordion * {margin:0;padding:0;list-style:none;}	
.accordion { width: 186px; margin:0; padding:0px;} /* define the menu container */
.accordion a {outline:0;}	

.accordion ul {
	padding-right:1px;
	margin:0;
	list-style:none;
	border:0;
	
   

}

.accordion ul li {padding-right: 8px; margin-bottom: 0;}

.accordion ul li.selected {font-weight:bold;}


/* [-] Menu 1st Level
=========================================================================================== */

.accordion a { /* item style */
	background:transparent url('../images/sub_nav_arrow.gif') no-repeat 165px 10px ;
	display:block; 
	padding: 5px 10px;
	text-decoration:none;
	font:12px Arial;
	font-weight:bold;
	color:#555555;
	border-bottom:1px dotted #474747;
    *padding: 1px 10px 5px 10px;
    margin-right:8px;
    
}

.accordion a:hover, .accordion a.selected:hover { /* item style on hover */
	color:#555555;
	font-weight:bold;
	border-bottom:1px dotted #474747;
	padding-right:0px;
	text-decoration:none;
	background:#f8f8f8 url('../images/sub_nav_arrow.gif') no-repeat 165px 10px ;
}

.accordion li.selected > a{
	background:#7fb121 url('../images/selected_arrow.gif') no-repeat right  0px;
	padding-right:10px;
	display:block;
	padding-bottom:5px;
	color:#fff;
	border-bottom:none;
	margin-right:0px;
	
}


/* [-] Menu 2nd Level
=========================================================================================== */

ul.accordion ul {border: none; list-style:none;}

ul.accordion ul li{border: none; padding: 0px; }

ul.accordion ul li > a{ 
	display:block; 
	border:none;
	border-bottom:1px solid #E8E6E6;
	color: #555555; 
	background-color:#f9f9f9; 
	padding: 5px 10px 5px 15px; 
	font: 12px Arial; 
	font-weight:normal;
	text-decoration:none;
	*padding: 1px 10px 5px 15px;
	margin-right:8px;
	background-image:none;

}

ul.accordion ul li a:hover, ul.accordion ul li a.selected, ul.accordion ul li a.selected:hover { 
	font-weight:normal;
	display:block; 
	color: #676767; 
	padding: 5px 10px 5px 15px; 
	*padding: 1px 10px 5px 15px; 
	border-bottom:1px solid #E8E6E6;
    background-image:none;
    background-color:#f0f0f0; 
}

ul.accordion ul li.selected > a{
	background:#7fb121 url('../images/selected_arrow.gif') no-repeat right  0px;
	padding-right:15px;
	display:block;
	padding-bottom:5px;
	color:#fff;
	border-bottom:none;
	margin-right:0px;
	
}




/* [-] Menu 3rd Level
=========================================================================================== */

ul.accordion ul ul li { border: none; padding: 0; }

ul.accordion ul ul li > a{ 
	display:block; 
	border:none;
	border-bottom:1px solid #E8E6E6;
	color: #555; 
	background-color:#f0f0f0; 
	padding: 1px 5px 5px 25px; 
	font: 11px Arial; 
	text-decoration:none;
	margin-right:6px;
	font-weight:normal;
}

ul.accordion ul ul li a:hover { 
	font-weight:normal;
	display:block; 
	color: #555; 
	padding: 1px 5px 5px 25px;
	border-bottom:1px solid #E8E6E6;
}


/* [-] Menu 4th Level
=========================================================================================== */

ul.accordion ul ul ul li { border: none; padding: 0; }

ul.accordion ul ul ul li > a{ 
	display:block; 
	border:none;
	border-bottom:1px solid #E8E6E6;
	color: #C0CAD1; 
	background-color:#fff; 
	padding: 3px 5px 3px 45px; 
	font: 11px Arial; 
	text-decoration:none;
}

ul.accordion ul ul ul li a:hover, ul.accordion ul ul ul li a.selected, ul.accordion ul ul ul li a.selected:hover { 
	font-weight:bold;
	display:block; 
	padding: 3px 5px 3px 45px;
}

		



/* [-] Main Content Area - Layout and style for main body contents of page
=========================================================================================== */

#a8_mainContent_container {
	margin:auto;
	padding:0;
	width:962px;
	background:url(../images/content_bg_subpage.gif) repeat-y top left;
	clear:both;} 
	
#index #a8_mainContent_container {
	margin:auto;
	padding:0;
	width:962px;
	background:url(../images/content_bg.gif) repeat-y top left;
	clear:both;} 
	
#a8_mainContent_container .mainContent_top {
    background:url(../images/content_bg_top.gif) no-repeat top left;
	height:9px;
	width:962px;
	}
	
#mainContent_bottom {
    background:url(../images/footer_bg.gif) no-repeat top left;
	height:60px;
	width:962px;
	}

#a8_mainContent {
	 /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
    padding-left:6px;
    padding-right:11px;
	min-height:400px;
    /*margin-left:240px;*/
	margin-top:0px;	
	width:740px;
    margin-left:200px;		
} 

#index #a8_mainContent {

    padding-left:11px;
    padding-right:11px;
	min-height:0px;
    /*margin-left:240px;*/
	width:940px;
    margin:auto;
	
} 

#a8_mainContent ul {
	margin-top:10px;
	margin-bottom:10px;
	
}

	
/* [-] Footer - Layout and style for footer area (copyright and fine print)
=========================================================================================== */

#a8_footer { 
    width:962px;
	margin:0 auto;
	background-color:transparent;
	padding: 2px 0 6px 0;
	line-height: 0pt;
	height:20px;
	clear:both;}

#a8_footer ul {
	float: left;
	font-size: 83%;
	list-style:none;
	margin:0;
}
#a8_footer ul li {
	float: left;
	margin: 0 5px 0 0;
	padding:0 0 0 5px;
	border-left: 1px solid #555;
	line-height: 1.2;
}
#a8_footer ul li.firstItem {
	padding-left:15px;
	border:none;
}
#a8_footer p {
	font-size:11px;
	padding:0px;
	margin:0px;
	color:#555555;
	line-height:18px;	
	}

#a8_footer p.right {
	text-align:right;
	padding-right:5px;
}

#a8_footer #footer_notice {
	text-align:right;
}

#a8_footer a, #a8_footer a:link, #a8_footer a:visited {
    color:#555555;
	text-decoration:none;
	}
	
#a8_footer a:hover {
   text-decoration:underline;
   }

/* [-] Clear
=========================================================================================== */

.clear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clear {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear {height:1%}
*+html .clear {height:1%}
.clear {display:block;}
/* End hide from IE-mac */







/* [-] Others - Misc. re-usable classes
=========================================================================================== */

.datetime {
	color: #fff;
	display: block;
	font-style: italic;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 1em;
	padding:20px 15px;
	margin:0;
	text-transform:capitalize;
	clear:both;
	

}

.right {
    float:right;
}
	
.left {
    float:left;
}

.sp_console {
	float:left;
	padding-left:2px;
	font-weight:bold;
	font-size:10pt;
}

.mySite {
	font-size:8pt;
	float:right;
	width:70px;
	margin-top:2px;
}

.welcome {
	float:right;
	padding:0px auto;
}


.ms-SpLinkButtonInActive, .ms-SpLinkButtonActive {
	height:15px;
	padding-bottom:3px;
	padding-top:0px;
}

/* News Overview
======================================================================*/
#news_item {
	border-bottom:1px solid #CCCCCC;
	padding-bottom:10px;
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#news_item .item_date {
   font-weight:bold;
   color:black;
   padding-bottom:5px;
   }
   
#news_item .item_title {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

#news_item .item_media {
    color:#808080;
    font-size:11px;
	
}


#news_item .item_title a, #news_item .item_title a:link {
	color:#127fdd;
	text-decoration:none;
	
}

#news_item .item_title a:hover {
   color:#127fdd;
   text-decoration:underline;
}



#year_selection {
	float:right;
	width:100%;
	padding-bottom:15px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
}

#year_selection span {
	line-height:18px;
	color:#555;
	padding-right:10px;
}

#news_item_container {
	padding-top:30px;
}




/* News Details
======================================================================*/
#news_title {
   font-size:14px;
   color:#004e98;
   line-height:18px;	
   font-weight:bold;
   margin-top:10px;
}

#news_date {
     font-weight:bold;
     color:#555555;
	 font-size:12px;
}

#news_content {
    margin-top:20px;
    font-size:12px;
	
}

#news_media {
    color:#808080;
    font-size:11px;
	
}

#news_shortTitle {
	
}

#news_author {
   font-size:11px;
   color:#808080;
}

#news_copyright {
	font-size:11px;
	color:#808080;
	line-height:14px;
	margin-bottom:10px;
}

#left_area {
	width:520px;
	float:left;
}

#right_area {
	width:200px;
	padding-left:10px;
	font-size:12px;
	margin-left:530px;
	line-height:16px;
}

#right_area_panel {
	padding:5px;
	border:1px solid #e8e8e8;
	margin-bottom:15px;
	width:192px;
}

#panel_title {
	
	padding:2px;
	background:#9a9a9a;
	color:#fff;
	font-weight:bold;
	margin-bottom:5px;
}

.panel_content {
	padding:0px;
}

#back_action {
	float:right;
	margin-right:5px;
}