/* GUS TEXT STYLES  V3*/

/* Don't resize box text unless necessary, e.g. to increase 'x' height of times text in References, or resize as subtext */

/* Mary Hutchison 08/2008 */

p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; margin-bottom: 10px; margin-top: 10px; line-height: 140%;}
li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 95%; margin-bottom: 6px; margin-top: 6px; }
ul, ol { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; margin-bottom: 14px; margin-top: 10px;} 

table td {
 font-size: 95%;	
}

h1 {font-family: Arial, Helvetica, sans-serif; font-style:normal;  font-weight: normal; color: #003366; font-size : 165%; margin-bottom:16px; margin-top:0px;  } 
h2 {font-family: Arial, Helvetica, sans-serif; font-weight: normal;  font-style:normal;  color: #003366; font-size : 135%; margin-top:20px; margin-bottom:16px; padding:0px;}
h3 {font-family: Arial, Helvetica, sans-serif; font-weight:bold;  font-style: normal; color: #003366; font-size:115%; margin-top:20px; margin-bottom:10px; padding:0px;}
h4 {font-family: Arial, Helvetica, sans-serif; font-weight:bold;  font-style: normal; color: #003366; font-size:110%; margin-top:20px; margin-bottom:10px;}
h5 {font-family: Arial, Helvetica, sans-serif; font-weight:bold;  font-style: normal; color: #000000; font-size:105%; background-color: #f0f0f0;}


#contentstart {
	font-size: 85%;  /* Main content / Print content */
}

.SubNavHeader {font-family: Arial, Helvetica, sans-serif; font-weight: bold;  font-style:normal;  color: #003366; font-size : 90%; margin-top:12px; margin-bottom:4px;}

.subtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 80%;	
}

.blurb  {
font-size: 105%;
line-height: 150%;
margin-top:16px;
margin-bottom:16px;
}

.quote {
	font-family: Comic sans MS, Courier New, Courier, mono;
	color: #003366; 
	font-size: 100%;
	line-height: 140%;
}

.commentHeader {font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal;  color: #003366; font-size : 110%;}

.questionHeader {
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  color: #339966;
  font-size: 110%; 
}

.footnote {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #999999;
   font-size: 75%;
   margin-top: 28px;
}

/*  BOXES  */

.box-tip {  /*  use only in p  */
	border: 1px solid #99CCFF;
	padding: 10px;
	background: #FFFFFF;
	margin: 12px;
	clear:both;
}

.box-quote {
	font-size: 110%;
	font-family: Comic sans MS, Courier New, Courier;
	color: #003366;
	padding: 10px;
	margin: 12px;
	text-align:center;
}

.box-nav-pointer-right {
    font-size: 100%;
	padding: 3px;
	background: #FFFFFF;
	font-weight: bold;
	list-style-image: url(../images/icons/icon_bullet_tri2.gif);			
}

.box-nav {
   /*width: 90%;*/
    font-size: 100%;
	border: 1px solid #99CCFF;
	padding: 3px;
	background: #FFFFFF;
	margin: 12px;
	font-weight: bold;
	list-style-image: url(../images/icons/icon_bullet_tri.gif);
			
}


.box-nav a , .box-nav a:link, .box-nav a:visited {text-decoration: none; color: #006699;} 
.box-nav a:hover {text-decoration: underline; color: #000000;}


/*  Money bgs   */

.box-nav_money {
background-image: url(../images/global/bg_money.jpg);
background-repeat: no-repeat;
background-position: 95% 10%; 
     font-size: 100%;
	 border: 1px solid #99CCFF;
	 padding: 3px;
	 margin: 12px;
	 font-weight: bold;
	 list-style-image: url(../images/icons/icon_bullet_tri.gif);
			
}


.box-nav_money a , .box-nav_money a:link, .box-nav_money a:visited {text-decoration: none; color: #006699;} 
.box-nav_money a:hover {text-decoration: underline; color: #000000;}



.box-money {
border-top: 2px dotted #99CCFF;
padding: 10px;
background-image: url(../images/global/bg_money.jpg);
background-repeat: no-repeat;
background-position: 100% 15%; 
margin-top: 12px;
margin-bottom: 12px;
padding-right: 20%;	
list-style-image: url(../images/icons/icon_tick.gif);	
}

.box-money2 { /* just to add variety */
border-top: 2px dotted #99CCFF;
padding: 10px;
background-image: url(../images/global/bg_money2.jpg);
background-repeat: no-repeat;
background-position: 100% 20%; 
margin-top: 12px;
margin-bottom: 12px;
padding-right: 20%;	
list-style-image: url(../images/icons/icon_tick.gif);	
}

/*  End Money bgs   */

.box-intro {
	border: 6px solid #F0F0F0;
	padding: 4px;
	background: #FFFFFF;
	margin-top: 12px;
	margin-bottom: 12px;				
}

.box-checklist {
    font-size: 100%; /* for tables, IE */
	border: 1px solid #CCCCCC;
	padding: 6px;
	background: #FFFFFF;
	margin: 12px;
	list-style-image: url(../images/icons/icon_tick.gif);	
	clear:both;			
}


.box-feedback {
    font-size: 100%; 
	border: 1px solid #99CCFF;
	padding: 10px;
	background: #FFFFFF;
	margin: 12px;
	list-style-image: url(../images/icons/icon_tick.gif);	
	clear:both;			
}

.box-nav-checklist {
    width:95%;
    font-size: 100%; /* for tables, IE */
	font-weight: bold;
	border: 1px solid #99CCFF;
	padding: 3px;
	background: #FFFFFF;
	margin: 12px;
	list-style-image: url(../images/icons/icon_tick.gif);		
	clear:both;	
		
}

.box-nav-checklist td {
  font-size: 95%;
  padding: 3px;		
}

.box-nav-checklist a, .box-nav-checklist a:link, .box-nav-checklist a:visited {text-decoration: none; color: #006699;} 
.box-nav-checklist a:hover {text-decoration: underline; color: #000000;}

.box-references {
	border: 1px dotted #CCCCCC;
	font-family: Times, Times New Roman, serif;	
	padding: 16px;
	margin: 12px;
	background: #F9f9f9;
	clear:both;	
}

.box-references p {
	font-family: Times, Times New Roman, serif;	
	font-size: 122%;
	line-height: 120%;
	color: #303030;
}

.box-references h4 {
	font-family: Times, Times New Roman, serif;	
	font-weight:bold;
	color: #000000;
}


.box-pointers {
   /* font-size: 97%;*/
	border: 1px solid #66CC99;
	padding: 8px;
	background: #FFFFFF;
	margin: 12px;
	list-style-image: url(../images/icons/icon_pointer.gif);		
	clear:both;		
}

.box-example {
   /* font-size: 97%;*/
	padding: 10px;
	background: #F0F0F0;
	margin: 12px;
	clear:both;		
}

.box-example-header {
   font-size: 105%; 
   font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  color: #003366;
  margin-top:4px;
  padding:0px
}

.box-q {
    clear:both;
	padding: 10px;
	background: #EBF5FA;
	margin-top: 12px;
	margin-bottom: 12px;	
	clear:both;	
}

.box-comment {
    font-size: 100%; /* for tables, IE */
	clear:both;
    background-image: url('../images/global/bg_gradient.jpg');
    background-position: 90% 0%; 
    background-color: #FFFFFF;
	padding: 10px;	
	margin-top: 12px;
	margin-bottom: 12px;
	width: 100%;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366; 
}

.box-comment td {
    font-size: 97%;
   padding: 6px;	
}

.box-comment h3 {
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  color: #003366;
  font-size: 105%;	
  margin-top:0px;	
}

.box-example-table-ruled {
    font-size: 95%;
	padding: 4px;
	/*width: 100%;*/
}

.box-example-table-ruled th {
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size:110%;
	text-align: left;
}

.box-example-table-ruled td {
	border-top: 1px solid #FFFFFF;
	vertical-align: top;
	padding: 4px;
}

/* END BOX STYLES */

/* TABLES AND BORDERS */

.table-outline-grey {
  padding: 3px;
 background: #FFFFFF;
 margin: 12px;
 list-style-image: url(../images/icons/icon_tick.gif);	
 clear:both;	
}	

.table-outline-blue {
  padding: 3px;
 background: #FFFFFF;
 margin: 12px;
 list-style-image: url(../images/icons/icon_tick.gif);	
 clear:both;	
}	

.table-ruled {
    font-size: 95%;
    margin: 12px;
	/*width:95%;*/
}

.table-ruled th {
	background: #f0f0f0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size:105%;
	text-align: left;
}

.table-ruled td {
	border-bottom: 1px solid #CCCCCC;
	vertical-align: top;
	padding: 5px;
}

.table-ruled p {
	margin: 0px;
	padding: 0px;
}

.table-column-shade {
background: #f0f0f0;
}

.table-ruled2 {
   border: 1px solid #CCEBF5;
   font-size: 100%;
   margin: 12px;  
}

.table-ruled2 th {
	border: 1px solid #CCEBF5;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	color: #003366;
	font-size:105%;
	text-align: left;

}

.table-ruled2 td {
	border: 1px solid #CCEBF5;
	vertical-align: top;
	padding: 5px;
}

.table-ruled2 p {
	margin: 0px;
	padding: 0px;
}

.columnshade {
   background-color:#f0f0F0;
}

/* TEXT FOR SCREENREADER ONLY */

.screenreader {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

/* DESCRIPTIONS */

.description { /* used for accessible texts and long descriptions*/		
	padding: 10px;
	font-size: 85%;
}

/* EXPANDING LIST */

.myExpandingList {  /* style for expanding lists - ddacordion js*/
	font-size: 95%;  
	font-weight:bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 16px;
	text-decoration: none;
	background-image: url(../images/icons/icon_bullet_expand.gif); 
	background-position: 0% 5px; 
	background-repeat: no-repeat;
}

.theListItem {  /* style for expanding lists content - ddacordion js*/
  padding-left: 16px;
  margin-left: 4px;
  margin-top:-10px;
  padding-top:12px;
  font-size: 100%;  
  border-left: 2px dotted #0099FF;
}