/****************** General Tags ***********************/ 

body, html {
	margin: 0;
	padding: 0;
}

body {
min-width: 758px;
background-image: url(/images/bg_page.jpg);
background-repeat: repeat-x;
background-color: #012837;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
}

img { border: none; }


a:visited {
color:#565f62;

}


/****************** Main Container Tags ***********************/ 

#container	{
	padding: 6px;
	z-index: 1;
	background-color: #c4d9e0;
	border: 1px solid #073853;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}


.inner {
	float: left; 
}


#leftcolumn {
	float: left;
	left: 0px;
	width: 156px;
	margin: 0px;
	margin-top: -11px;
	padding: 0px;
	color: #000000;
}



#leftcolumn {
	margin-top: 0px;

}


#rightcolumn {
	position: static;
	float: right;
	width: 156px;
	margin: 0px;
	padding: 0px;
	z-index: 3;
	color	: #000000;
}

.template2 #centercolumn {
	margin-right: 0 !important;
}

/* 
For NN4, -25px is the margin-left setting to make the centercolumn column but up against the left column. (OmniWeb is much the same, but this stylesheet makes no allowances for it).
For other browsers, the equivalent margin-left setting is equal to the width of the left column.
margin-right is set to the value of the overriding values for .rightcolumn's width. 
A margin can be created between these two columns either by changing these values, or by setting the padding of the relevant #...padding divs.
margin-top is set to -1px to make NN4 line up correctly.
*/

#centercolumn {
	margin: 0px;
	padding: 0px;
	color: #000000;
	z-index: 4;
}

#centercolumn {
	margin-right: 0px;
	margin-top: -1px;
	margin-bottom: 0px;
	margin-left: -25px;
}

/* IE5 once again goes awry - shift it down (29px is right for this layout but no doubt the exact value will vary [sigh]) and then zap 
empty because otherwise IE5 goes rampaging on */
/*/*/
#centercolumn {
	margin-right: 162px;
	margin-left: 162px;
	margin-top: 29px;
	font-family: "\"}\"";
	font-family: inherit;
	margin-top: 0px;
}
#empty{}
/*  */



/* this bit resets for IE */
* html .centercolumn
	{
	margin-right		: 170px;
	margin-left			: 170px;
	}


.clear { clear : both; font-size: 1px; line-height: 0px; }

/* ---- video implementation ---- */
	
	
	.playerLeft, .playerRight, .playerCenter, .playerMP3 {
		clear: both;
	}
	
	.playerLeft .floatRight {
	float: right; 
                margin-left: 10px;
                margin-right: 10px;
	padding-bottom: 10px;
	
	}

               .playerMP3 .floatRight {
                 float: right; 
                 margin-left: 10px;
                margin-right: 10px;
                 margin-bottom: 10px;
	 padding-bottom: 10px;
                }
	

	.playerLeft .clearBoth, .playerRight .clearBoth {
                   clear:both;
                }

                 .playerRight .floatLeft {
                 margin: 0px; 
                  float: left; 
                  margin-right: 10px;
                  
                 padding-bottom: 10px;
                 }

                .playerCenter .floatCenter {
                      padding-bottom: 10px; 
                      margin-left: auto; 
                      width: 460px; 
                      margin-right: auto;
                }


/****************** End Main Container Tags ***********************/ 


/****************** Listing and Detail Template Tags ***********************/ 

#centercolumn .listingTemplate, #centercolumn .detailTemplate {
	width: 100%;
}



.listingTemplate #centercolumnList {
	margin-left: 50%;
}

.listingTemplate #leftcolumnList {
	width: 50%;
}

.listingTemplate #leftcolumnList .inner, .listingTemplate #centercolumnList .inner {
	float: left;
}

.detailTemplate #centercolumnList {
	margin-left: 65%;
}

.detailTemplate #leftcolumnList {
	width: 65%;
}

#leftcolumnList .inner {
	padding-right: 6px;
}

#centercolumnList .inner {
	padding-left: 6px;
}



#leftcolumnList {
	float: left;
	left: 0px;
	margin: 0px;
	/*margin-top: -11px;*/
	color: #000000;

}


#centercolumnList {
	margin				: 0px;
	color				: #000000;
	
}


/****************** Listing and Detail Template Tags ***********************/ 


/****************** Promo Tags ***********************/ 

.promoName  {
	text-transform: uppercase;
	position: absolute;
	top: 5px;
	left: 10px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-weight: bold;
	white-space: nowrap;
	font-size: 11px;
	background-repeat: repeat-x;
	background-image: url(/images/h2_back.gif);
}



.promo {
	margin-bottom: 6px;
}



.tipImage {
float:right; 
padding: 5px;
}



.content2 {
	border-left: 1px solid #9cbbc5;
	border-right: 1px solid #9cbbc5;
	background: #dfe6e8;
	padding: 6px 12px;
	color: #005c78;
	font-size: 1em;
}


.content2 h2 {
	font-size: 1.4em;
}


.content2 h4 {
	font-size: 1.1em;
}



.promo.alternate .content2, #centercolumn .content2 {
	background-color: #ffffff;
}


.promo.alternate .bottom  {
	background-image: url(/images/boxbottom_alt.gif); 
}



#leftcolumn .content2, #rightcolumn .content2 {
	border-color: #8db5c2;
}

#centercolumn .content2 {
	padding: 12px;
}

.template3 #centercolumn .content2 {
	padding-left: 12px;
	padding-top: 12px;
	padding-bottom: 0px;
}

.content2 a:link { 
	color: #005c78;
}



.promo .image {
	border-left: 1px solid #9cbbc5;
	border-right: 1px solid #9cbbc5;
	padding: 1px;
	background-color: #dfe6e8;	
	width: 152px;
}

.text .image {
	margin-top: -10px;
}

#leftcolumn .image, #rightcolumn .image {
		border-color: #8db5c2;
}

#centercolumn .image {
		background: none;
}

.promo.alternate .image {
	background-color: #ffffff;
}



/*********************End Promo  Tags ***************************/



/*********************Listing Tags ***************************/

.listItem {
	margin: 0 0 12px 0;
}


.listTop {
	display: block;
	background-repeat: no-repeat;
	background-image: url(/images/yellow-topmid.gif);
	height: 19px;
	width: auto;
	background-repeat: repeat-x;
}

.listBottom { 
	display: block; 
	height: 6px; 
	width: auto;
	background-image: url(/images/yellow-bottommid.gif);
	background-repeat: repeat-x;
	clear:both;	
}


.listTop .listLeft {
	float: left;
	width: 93px;
	height: 19px;
	background-image: url(/images/yellow-topleft.gif); 
	background-repeat: no-repeat;
}


 .listTop .listRight {
	float: right;
	width: 156px;
	height: 19px;
	background-image: url(/images/yellow-topright.gif); background-repeat: no-repeat;
}


.listBottom .listLeft {
	float:left;
	height: 6px;
	width: 11px;
	background-image: url(/images/yellow-bottomleft.gif)!important;
	background-repeat: no-repeat;
}


 .listBottom .listRight {
	float: right;
	height: 6px;
	width: 11px;
	background-image: url(/images/yellow-bottomright.gif) !important;
	background-repeat: no-repeat;
}



.listItem .listImage {
	border: 1px solid #005c78;
	width: 62px;
	height: 62px;
	float: left;
}

.detailTemplate .listImage {
width: 128px
height: 128px;
float: right;
border: 1px solid #005c78;
}



/*********************End Listing Tags ***************************/



.welcomePromoText {
	color: #005c78;
	position: relative;
	margin-bottom: 0px;
	margin-right: 140px;


}

.welcomePromoText p {
	padding-top: 0;
	color: #005c78;
	/*font-size: 1.1em;*/
}


.largePromoText  {
	color: #005c78;
	font-weight: bold;
	/*font-size: 1.4em;*/
	margin-top: 0;
}


.promoImage {
	float:right;
	padding-left:5px; 

}


.yoursaybox {
	border:2px solid #26748c; 
	background:#ffeca1;
	margin-left:100px; 
	position: relative; 
	padding: 0;


}

.yoursaybox p {
	color:#005c78;
	padding-left: 11px;
	padding-right: 8px;
	/*font-size: 1.1em;*/

}

#cloud-anim {
	float: left;
	position: relative;
	z-index: 200;
	left: 2px;
}
	
#cloud-anim-img {
	position: absolute;
	left: 2px;
	z-index: 200;
}


 /****************** Footer Tags ***********************/ 

#footer {
color: #FFFFFF;
margin-left: 0.5em;
margin-right: 0.5em;
}


#footer .department {
	float: left;
}

#footer .department .logo-state {
	float: left;
	margin-right: 0.5em;
}

#footer .department ul, #footer-global .department li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer .department ul {
margin-top: -1.2em;
}


#footer .info-line {
	float: right;
	text-align: right;		
}

#footer .info-line description {
	display: block;
}

#footer .info-line span.phone-number {
	color: #ffcc00;
	font-size: 2em;
	font-weight: bold;
}


#footer a {
color: #FFFFFF;
}



.globalLinks {
text-align: center;
margin-top: 0px;
color: #055c70; font-size: .9em;
padding-top: 9px;
}

.globalLinks a { text-decoration:none;color: #055c70; }
.pipeSpace { padding-left: 7px; padding-right: 7px;}


 /****************** End Footer Tags ***********************/ 
 

 /****************** Header Tags ***********************/ 
 
#header {
	position: relative;
	height: 117px;
}

.header1 {
	background: url(/images/banner1.jpg) no-repeat;
}

.header2 {
		background: url(/images/banner2.jpg) no-repeat;
}
.header3 {
		background: url(/images/banner3.jpg) no-repeat;
}

.header4 {
		background: url(/images/banner4.jpg) no-repeat;
}
.header5 {
		background: url(/images/banner5.jpg) no-repeat;
}
.header6 {
		background: url(/images/banner6.jpg) no-repeat;
}


 
#userFunction { width:310px; float: right; color: #257590; text-align: right; }
#userFunction a { color: #f1d31b; text-decoration: none;   font-size: .9em;}
#userFunction a:hover { text-decoration: underline;}
#userFunction a.smallerTextSize { font-size: .5em; font-weight: bold; }
#userFunction a.defaultTextSize { font-size: 1em; font-weight: bold; }
#userFunction a.largerTextSize { font-size: 1.5em; font-weight: bold; }


#teaser {
	/*color: #ffcf13;
	font-weight: bold;
	font-size: 1.3em;
	position: absolute;
	left: 20px;
	bottom: 15px;*/
	display: none;
}



#tag {
	clear: both;
	background-repeat: no-repeat;
	width: 198px;
	height: 42px;
	float: right;
	position: absolute;
	top: 36px;
	right: 10px;
}

#breadcrumb {
	position: absolute;
	bottom: 15px;
	left: 20px;
	color: #ffffff; 
}

#breadcrumb a { 
text-decoration: none; 
color: #ffffff; 

}	
#breadcrumb a:hover { 
text-decoration: underline; 
color: #ffffff; 
}


/****************** End Header Tags ***********************/ 



/****************** Navigation Tags ***********************/ 


#menu { width: 154px; /*fix width for resize problem*/
}
#menu ul { list-style-type: none; margin: 0; padding: 0; }

#menu ul li { 
				background-image: url(/images/li.jpg); 
				background-repeat:repeat-y;
				display: block; float: left; 
				width: 100%;
				border-left: 1px solid #91B3BD; 
				border-right: 1px solid #91B3BD; 
		}

#menu ul li ul li { background-color: white; background-image: none !important;  }

#menu ul li.parent { background-color: white; background-image: none !important;  }

#menu ul li li{
	border-left: none;
	border-right: none;
}

#menu ul li a, #menu ul li.selected span {
	display: block;
	border-bottom: 1px dotted #8db5c1;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
	font-weight: bold;
	color: #005c78;
}

#menu ul li.parent a, #menu ul li.selected span {
	display: block;
	border-bottom: none;
	text-decoration: none;	
	background-image: none !important; /*just added */
}

#menu ul li a:hover {
	background-color: #ffeba2;
}

/*#menu ul ul li a, #menu ul ul li.selected span {
	font-weight: normal;
	background-image: none !important; 
	background-color: white; 
	border: none;
	padding-left: 1.5em;
}*/

#menu ul ul li.selected span {
	font-weight: normal;
	background-image: none !important; 
	background-color: white; 
	border-color: white;
	padding-left: 1.5em;
}


#menu ul ul li a {
	font-weight: normal;
	background-image: none !important; 
	background-color: white;
	border: none;
	padding-left: 1.5em;
}

#menu ul ul li {
	background-image: none !important; 
	background-color: white;
}


#menu ul ul li.selected span {
	width: auto;	
	background-color: #ffeba2;
	background-image: none !important; 
}

#menu ul ul li.selected {
background-image: none !important;
background-color: #ffeba2; 
}


.navArrow { padding:0px; float: left; height:1.5em;padding-right:1px;}


/****************** End Navigation Tags ***********************/


/******************  Promo Tags ***********************/


.top {
	width: 156px;	
	display: block;
	background-repeat: no-repeat;

}

.bottom { 
	display: block; 
	background-image: url(/images/boxbottom.gif); 
	background-repeat: no-repeat; 
	height: 10px; 
	width: 156px; 
	clear:both;
}

#leftcolumn .top {	 
	background-image: url(/images/boxtop.gif);	
	height: 13px !important;	
	padding:0;
	margin:0;
	font-size: 1px;
}



#rightcolumn .top {	
	position: relative; 
	background-image: url(/images/promoTextTop.gif);	
	height: 22px;	
}

#centercolumn .top {
	height: 22px;
	width: auto;
	background-image: url(/images/boxtopmid.jpg); 
	background-repeat: repeat-x;
	position: relative;
}

#centercolumn .top .left {
	float: left;
	width: 109px;
	height: 22px;
	background-image: url(/images/boxtopleft.gif); background-repeat: no-repeat;
}

#centercolumn .top .right {
	float: right;
	width: 160px;
	height: 22px;
	background-image: url(/images/boxtopright.jpg); background-repeat: no-repeat;
}

#centercolumn .top .promoName {
	position: absolute;
	top: 5px;
	left: 10px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: nowrap;
	background-image: url(/images/h2_back.gif);
	background-repeat: repeat-x;
	background-color: #025670;
}


#centercolumn .bottom {
 	position: relative;
	height: 12px;
	width: auto; 
	background-image: url(/images/boxbottommid.jpg)!important; 
	background-repeat: repeat-x;
}

#centercolumn .bottom .left {
	float:left;
	height: 12px;
	width: 109px;
	background-image: url(/images/boxbottomleft.gif)!important;;
	background-repeat: no-repeat;
}

#centercolumn .bottom .right {
	float: right;
	height: 12px;
	width: 160px;
	background-image: url(/images/boxbottomright.jpg) !important;
	background-repeat: no-repeat;
}

 /******************  /Navigation Tags ***********************/ 



.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}





/******************  Listing Tags ***********************/ 


.contentDetail {
	background: #ffeca1;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom:10px;
	padding-right:10px;
	position: relative;
	color: #005c78;
}


.contentDetail p {
	padding-right: 5px;
}

#leftcolumnList .content, .listingTemplate #centercolumnList .content  {
	background: #ffeca1;
	color: #005c78;
	font-size: 1em;
	padding: 6px 12px 12px 12px;
}

#leftcolumnList .content p, #centercolumnList .content p {
	margin-top: 0;
}


.content p { 	
 margin-left:77px;
}

.suggest .content p { 	
	margin-left: 0;
	margin-bottom: 0.65em;
}

.suggest #profilename {
	width: 55% !important;
}

.suggest form {
	margin: 0;
	padding: 0;
}

.suggest form * {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.suggest form .submit {
	margin: 0;
}

.pagination {
	text-align: center;
	clear: both;
}


.content a {
color: #005c78;
}



/****************** End Listing Tags ***********************/ 


/****************** Detail Tags ***********************/ 


.profileDetailImage {
	position: relative;
	border: 1px solid #005c78;
	width:128px;
	height: 128px;
	float: right;
}

.profileDetailText {
	padding-right: 5px;
	margin-bottom: 0px;
}

#centercolumnList .panel .top {
	height: 5px;
	background-image: url(/images/rightpanel-top.gif); 
	background-repeat: repeat-x;
}

#centercolumnList .panel .top .left {
	float: left;
	width: 6px;
	height: 5px;
	background-image: url(/images/rightpanel-corner.gif); 
	background-repeat: no-repeat;
}

#centercolumnList .panel .top .right {
	float: right;
	height: 5px;	
	background: none;
	width: 6px;
}


#centercolumnList .panel .content {
	padding: 5px 0 0 0 !important;
	border-left: 1px solid #8db5c1;
}


.panel .download {
	background-repeat: no-repeat;
	color:#005c78; 	
	font-weight: bold;
	padding-left: 31px;
	padding-bottom: 14px;
	min-height: 22px;
}

.panel .download .details {
	font-weight: normal;
	display: block;
}

.panel .download.transcript {
	background-image: url(/images/rightpanel-transcript.gif);
}

.panel .download.video {
	background-image: url(/images/rightpanel-video.gif);
}

.panel .download.audio {
	background-image: url(/images/rightpanel-audio.gif);
}
.panel .download a:link {
	font-size: 1.3em;
	text-decoration: none;
}

.panel .download a:visited {
	text-decoration: none;
}

.panel .download a:hover {
	text-decoration: underline;
}

.panel .download a:active {
	text-decoration: none;
}

#centercolumnList .panel .title {
	text-transform: uppercase;
	font-size: 1em;
	color: #005c78;
	font-weight: bold;	
	margin-left: 12px;
	display: block;
}


.promoText .title {
	text-transform: uppercase;
	font-size: 1em;
	color: #005c78;
	font-weight: bold;	
	display: block;
	margin-left: 0px;
}


#centercolumnList .panel a.title {
	background-image: url(/images/rightpanel-backArrow.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 19px;
	text-decoration: none;		
}

.promoText a.title {
	background-image: url(/images/rightpanel-backArrow.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: 0 50%;
	padding-left: 19px;
}


.separator {
	margin: 9px 0;
	border-bottom: 1px dotted #8db5c1;
}

.panel .content .box {
	padding: 0 12px;
}

.panel .content .box ul {
	list-style-type: none; 
	margin: 0;
	padding: 0;
}

.panel .content .box ul li {
	padding: 0;
	margin: 0;
}


/****************** End Detail Tags ***********************/ 


/****************** Form Tags ***********************/ 


* html form {width: 100%; /*margin: 0;*/ }

form { width: 100%;}

#content form h2, #content form h3, #content form h4, #content form p {margin-left: 0;}

form fieldset {border: none; margin: 0; padding: 0;}

form legend {display:none;}

form label {clear: both;display: inline;float: left; margin-left: 0; padding-top: 5px; }

form span.form-leftcolumn {
display:inline;
float:left;
width:20em;
}

form span.formitem-description {padding-right: 1em;font-weight: bold;display:block;}

form span.formitem-required {margin-left: 1em; padding-right:1em;color:#900;float:right; }

form fieldset.subform, form fieldset.submit {
            clear: both;
            padding: 0;
            padding-top: 5px;
            float: left;
            width: 100%;
            padding: 10px 0;
}

form fieldset.subform label select {display:block;margin:0;}

form .form-element {font-size: 90%; }

form input.submit {margin-top: 1em; margin-left: 20em;}

form select{float: left;}

span.select-column {
            float: left;
            margin-top: -4px;
}


/****************** End Form Tags ***********************/ 

/****************** Print Tags and fixes ***********************/ 

#printBar {
display:none;
}

#print-footer, #print-header {
     display: none;
}
#print-header {
     height: 100px;
}

.rotwof .content2 {
	height: 3em;
}

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

#container {display: inline-table;}

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

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

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


.content2 {display: inline-table;}
.content {display: inline-table;}

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




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

.listItem {display: inline-table;}

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

/*rounded corner*/
span#tr{
	background: url(/images/tr.gif) no-repeat top right;
	float:right; 
	position: relative; 
	top: -6px; 
	right: -6px;
	border: none;
	height: 13px;
	width: 12px;
}

span#tl {
background: url(/images/tl.gif) no-repeat top left;
float:left; 
position: relative; 
top: -6px; 
left: -6px;
height: 13px;
width: 12px;


}
*html span#tl {
	left: -6px; 
}
*html span#tr {
	right: -6px; 
}

.corners {
float: left; 
background-color: green; 
height: 0 !important; 
padding: 0 !important; 
margin: 0 !important; 
line-height: 0 !important; 
width: 100%; /*opera fix*/

}
*html .corners{
     overflow: hidden;
}
span#bl {
	background: url(/images/bl.gif) no-repeat top left;
	float:left; 
	position: relative; 
	bottom:5px;
	left: -7px;
	height: 13px;
	width: 12px;
}
span#br{
	background: url(/images/br.gif) no-repeat top right;
	float:right; 
	position: relative; 
	bottom: 5px;
	right: -7px; 
	border: none;
	height: 13px;
	width: 12px;
}

*html span#bl {

	bottom:5px;
	left: -7px;

}
*html span#br{

	bottom:5px;
	right: -7px;

}
#container {	
	border: none;
}