/* SRI blue: #0a2972 */
/* INSIDER light blue: #a2b5df; */
/* Site orange: #d4582a */
/* Main text: #202020 */

body {
	/*type*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	/*size*/
	width: 750px;	
	/*color*/
	background-color: #ffffff;
	color: #202020;
	/*margin*/
	margin-top: 0px;
	margin-left: 0px;
}

/***************************/
/* HTML TAG  REformatting */
/***************************/
/* Links */
a:link    { color: #0A2972; font-weight: normal; text-decoration: none }
a:visited { color: #226ab2; text-decoration: none }
a:hover   { text-decoration: underline }
a:active  { text-decoration: none }
a.navbar {
	color: #f3cf53;
	background-color: #0a2972;
	font-size: 11px;
}

h1.indexTitle {
	/*type*/
	font-size: 16px;
	font-weight: bold;
	/*color*/
	color: #000000;
	/*alignment*/
	text-align:center;
	padding:10px 0px 0px 10px; 
}

h2.indexSection {
	/*type*/
	font-size: 12px;
	font-weight: bold;
	color:#eeeeee; 
	background-color:#483d8b;
	text-align:left; 
	padding:3px 3px 3px 20px; 
}




h1.defaultTitle {
	/*type*/
	font-size: 16px;
	font-weight: bold;
	/*color*/
	color:#0a2972; 
	/*alignment*/
	text-align:center;
}

h2.defaultSection {
	/*type*/
	font-size: 14px;
	font-weight: bold;
	color: #336699;
	text-align:left; 
	padding:10px 3px 3px 3px; 
	border-bottom: solid 1px  #0a2972;
	width:70%;
	clear:left;
}

h3 { 
	font-size: 12px;
	font-weight: bold;
}

ul { 
	padding-left: 25px; 
}

ul.indexPage { 
	list-style-image: url(/images//bluearrow.gif);
	padding-left: 25px; 
}


li { 
	line-height: 1.5em;
	padding-left: 5px; 
	vertical-align: top;

}

/* NAVIGATION BAR */
div.navbar    {  
	/*type*/
	font-size: 12px;
	/*color*/
	color:#483d8b;
	/*padding*/
	padding:3px; 
	/*align*/
	text-align:center;  
	vertical-align:middle;  
}
div.navbar a { color: #483d8b; text-decoration: none; vertical-align:middle;   }
div.navbar a:hover { color: #000000; text-decoration: underline; vertical-align:middle;   }

/***************************/
/* -------FORMS----------  */
/***************************/

div.formLabel {
	text-align:right;
	clear: both;
	float: left;
	font-size: 12px;
	color: #000000;
	width:100px;
	padding:5px 5px 0px 0px;
}
.formField {
	font-size: 11px;
	float:left; 			
	color: #aaaaaa;
	padding:0px 0px 0px 5px;
	}

.formComment {
	display:block;
	width:400px;
	font-size: 11px;	
	color: #aaaaaa;
	padding:0px 0px 0px 0px;}

	/**********************************/
	/* SIDE MENUS (SIMPLE)            */
	/*********************************/

	.sideMenuTitle    { 
		font-weight: bold; 
		color: #ffffff; 
		background-color: #483d8b; 
		padding: 3px 0px 3px 5px;
	}
	.sideMenuText      { 
		color: #000000; 
		padding: 3px 5px 3px 5px;
	}

	/* OTHER */
	.descriptionTitle    { 
		font-weight: bold; 
		color: #ffffff; 
		background-color: #483d8b; 
		padding: 3px 5px 3px 5px;
	}
	.descriptionText      { 
		color: #000000; 
		padding: 3px 5px 3px 5px;
	}

	.indexPart {
		width: 250px;
	}
	.sidetitle    { color: white; font-weight: bold; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; background-color: #226ab2; padding: 3px }
	.sidebar      { font-size: 11px; font-family: Verdana, Helvetica, sans-serif }
	.emphasis      {	font-weight: bold;	color: #0a2972;}
	.smalltext     { font-weight: normal; font-size: 11px;  }
	.smalllink     { font-weight: normal; font-size: 10px; text-decoration: underline }
	.copyright     { font-weight: normal; font-size: 10px;  padding: 5px }
	.footnote      { font-size: 9px; color: #666666; line-height: 12px;	text-align: center; }
	.quote_text 	{	font-style: italic;	text-align: center;}
	.redtext 			{color:#990000; font-weight: bold;}
	.error   			{ font-weight: bold; text-align: center; }
	.warning  	  { color:#990000; }
	.bigtext 			{ color:#000000; font-size: 18px; font-weight: bold; font-style: italic; }

	.question  {	color:#666666;	text-align: justify;	font-style: italic;}


	/* Color and Borders */
	.bluebgcolor {	background-color: #0a2972;	color: #FFFFFF;}
	.bgcolor      { background-color: #fff }
	.bluespacer   { background-color: #0a2972 }
	.rightborder  { border-right: solid 1px  #0a2972 }
	.leftborder   { border-left: solid 1px  #0a2972 }
	.topborder    { border-top: solid 1px  #0a2972 }
	.bottomborder { border-bottom: solid 1px  #0a2972 }
	.blueborder   { border: solid 1px #0a2972 }

	/***************************/
	/* Position ONLY           */
	/***************************/
	.center     { text-align: center }
	.right      { text-align: right; }
	.justify    { text-align: justify }
	.bottom 		{	vertical-align: bottom;}
	.middle 		{	vertical-align: middle;}
	.top 				{	vertical-align: top;}
	.clearBoth {
		clear:	both;
	}

	/***************************/
	/* ID tag ONLY           */
	/***************************/
	#SRIheader {
		background-color: #0A2972;
		width: 790px;
		height: 20px;
		color: #FFFFFF;
		padding-top: 3px;
		padding-right: 2px;
		padding-bottom: 3px;
		padding-left: 8px;
	}

	#header {
		color: #333366;
		background-color: #fff;
		text-align: left;
		width: 800px;
		visibility: visible;
		display: block;
	}

	#topBanner {
		width: 750px;
		height: 90px;
		color:#505050;
		text-align:center;	
		vertical-align:middle;
		border: solid 1px  #d55647;
	}

	.printInvisible { /*to make it invisible for print media*/
		display:block;
	}


	#innerText {
		margin: 0px 0px 0px 10px;
	}

	#navigationPage {
		width: 570px;
		margin: 5px 5px 5px 5px;
		float:left;
	}

	/* SPECIAL SETTINGS FOR HOME PAGE */

	#indexPage {
		visibility: visible;
		display: block;
		background-color: #FFFFFF;
		padding-right: 0px;
		padding-top: 10px;
	}

	#defaultPage {
		width: 750px;
	  margin-bottom: 20px;
		padding-left: 25px;
		float:left;
	}


	#bottom { /* same bottom for home page */
		font-size: xx-small; 
		color: #666666; 
		line-height: 1.5em;	
		text-align: left; 
		vertical-align: middle; 
		clear: both;
		padding: 5px 0px 15px 25px;
		border-top: solid 2px  #0a2972;
	}

	#bottom a{ /* same bottom for home page */
		padding-left: 5px;
		padding-right: 5px;
	}

	#sideNavigation {
		width: 180px;
		font-size: 12px; 
		float: left;
		background-color: #a2b5df;
		padding: 5px 5px 5px 5px;		
	}

	#pageDescription {
		width: 180px;
		font-size: 12px; 
		background-color: #a2b5df;
		float: right;
		/*padding: 5px 0px 5px 0px;		*/
		margin-top: 20px;		
		
	}