/* CSS Document */
/* site wide page styles ----------------------------------------------------------- */

h1 {
	font-size: 12px;
  font-weight:600;
}
p {
   font-size: 11px;
}
p img {
	vertical-align :middle
}

/* controls where all of the content on the page is positioned within the table cell of the outer template */
.content {
	background: #FFFFFF;
	padding: 5 0 12 15px;
}
/* makes sure that all text within tables appears the right size, even if paragraph tags are left out */
.content table tr td {
	font-size: 11px;
}
/* controls the link styles within text on all of the pages - dependent on the content being enclosed within <div class="content"> */
.content a {
	color: #000000;	
}
.content a:hover,
.content a:active {
	color: #990000;	
}


/* sets the background and text style for the updates area */
.updatesArea {
	background: #333366 url(../images/se_updates_02.gif) no-repeat top left;
	font-size: 11px;
	color: #FFFFFF;
	padding: 6 12 0 12px;
}
.updatesArea p {
	margin-top: 0px;
	color: #FFFFFF;
}


/* sub page styles ----------------------------------------------------------- */
/* subnavigation (bLevel) */
.bSubNav  {
	color: #FFFFFF;
	font-size: 11px;
	padding: 5 0 0 0px;	
}
/*.JSubNav  p,*/
.bSubNav  a {
	text-decoration: none;
	color: #FFFFFF;
}
.bSubNav a:hover,
.bSubNav a:active {
	text-decoration: none;
	color: #FFCC33;
}
.bSubDefNav { 
	color: #39B4DB;   
}
/* decorative rules */
.ruleLong {
	width: 720px;
	height: 30px;
	background: #FFFFFF url(../images/ruleLong.gif) no-repeat top left;
}
.ruleShort {
	width: 500px;
	height: 30px;
	background: #FFFFFF url(../images/ruleShort.gif) no-repeat top left;
}
/* update index table styles - creates a table with black lines between each row */
.updateIndex tr td.topic {	
	padding: 10 10 10 0px;   
  text-align:left;
}

.updateIndex tr td {
	padding: 2 4 2 0px;

}
.updateIndex a {
	color: #000000;	
}
.updateIndex a:hover,
.updateIndex a:active {
	color: #990000;	
}
/*.updateIndex a:visited {
	color: #333366;	
}*/


/* update menu (cLevel) */
.updateMenu  {
	background: #FFFFFF url(../images/updateMenu_BG.gif) no-repeat  top left;  
	width:162px;
  height:200px; 
}

.updateMenu tr td.clear {
	padding: 0px;
}

.updateMenu tr td {
	padding:  8  10 5 10px; 
}

.updateMenu tr td a {
	color: #FFFFFF;
	text-decoration: none;
}
.updateMenu tr td a:hover,
.updateMenu tr td a:active {
	color: #FFCC33;
}

.updateTitle {
	color: #000000;
	font-size: 15px;
  margin: 10, 0, 0, 0px; 
  text-decoration:none;
}

/* Flash activity styles */
.activity table tr td.flash {
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
}

.podcast p {
    margin: 10 10 0  5px;
}

#pnlSignup{	
		margin-left: 30px;	  
}


legend{
    FONT-SIZE: 9pt;
    COLOR: #000000;
    LINE-HEIGHT: 13pt;
    FONT-FAMILY: Verdana;
    LETTER-SPACING: normal
}
.small {    
    FONT-SIZE: 8pt;    
	  color:  #000000;
}