/* ********************* */
/* Basic Page elements */
/* --------------------- */

html {
     overflow: -moz-scrollbars-vertical;
}


body 				{ font-family: Verdana, Arial, Helvetica, sans-serif; 
					margin: 0; 
					background-color: #999999; 
					background-image:url(../../bluebg.jpg/$FILE/bluebg.jpg);
				}

h1				{ font-family: Verdana, Arial, Helvetica, sans-serif;  color: #1F419B; font-size: 24px; padding: 0; margin: 0; }
h2				{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; padding: 0; margin: 0; font-weight: bold; text-align: right; }
h3				{ font-family: Verdana, Arial, Helvetica, sans-serif;  color: #1F419B; font-size: 12px; padding: 0; margin: 0; }
h4				{ color: #999; font-size: 11px; line-height: 15px; padding: 0; margin: 0; }
h4 a:link, 
h4 a:visited, 
h4 a:active, 
h4 a:hover 			{ color: #999; font-size: 11px; line-height: 15px; }

p				{  font-size: 10px; padding: 6px 0px 0px 0px; margin: 0; }				
p a:link, 
p a:visited, 
p a:active, 
p a:hover 			{ color: #999; font-size: 10px; text-decoration: underline; }

form				{ padding: 0; margin: 0; }
a:link 				{ text-decoration: underline; color: #fff;}
a:visited 			{ text-decoration: underline; color: #fff;}
a:active 			{ text-decoration: underline; color: #fff;}
a:hover 			{ text-decoration: underline; color: #fff;}
	

td,th 				{ font-size: 10px; 
					font-family: Verdana, Arial, Helvetica, sans-serif; 
					margin: 0; 
					background-color: #fff; 
				}


/* ===================== */

/* ********************* */
/* Top Navigation - Main Navigation of the site */
/* --------------------- */

div#navigation			{ background-image:url(../../bg_menu.gif/$FILE/bg_menu.gif); 
					height: 24px; 
					background-repeat: no-repeat; 
					clear: both;
					border-right-style: none;
				}
ul#nav 				{ list-style: none; padding: 4px 2px 2px 2px; margin: 0; color: #fff; font-size: 10px; padding-left: 20px; float: left; }

ul#nav a			{ }
ul#nav a:hover			{ color: yellow; }

#nav a 				{ font-weight: bold; color: #fff; font-size: 11px; text-decoration: none; }
#nav li li a 			{ display: block; font-weight: normal; color: #fff;	padding: 0px 3px; }
#nav li li a:hover		{ padding: 0px 3px; color: yellow; }
#nav li 			{ padding: 3px 2px; font-size: 10px; float: left; position: relative; text-align: left; cursor: default; background-color: #091F62; }
#nav li ul 			{ display: none; position: absolute; top: 100%; left: 0; width: 150px; font-weight: normal; margin: 0; padding: 4px 4px; background-color: #0A1F62; filter: alpha(opacity=85); }
#nav li>ul 			{ top: 15px; left: auto; background-color: #0A1F62; }
#nav li li 			{ display: block; float: none; background-color: transparent; border: 0; }
#nav li:hover ul, 	
#nav li.over ul 		{ display: block; }
/* ===================== */


/* ********************* */
/* Component Formatting */
/* --------------------- */

td.background, th.background 	{ font-family: Verdana, Arial, Helvetica, sans-serif; 
					margin: 0; background-color: #1F419B; 
				}
				
td#main				{ background-color: #fff;
					clear: both;
					border-bottom-style: solid;
					border-color: #9DBCDA;
					border-left-style: solid;
					border-top-style: none;
					border-width: 2px;
					border-right-style: none;
					color: #999; font-size: 10px;
					}
	
td#main a:link 			{ text-decoration: none; color: #1F419B;}
td#main a:visited 		{ text-decoration: none; color: #1F419B;}
td#main a:active 		{ text-decoration: none; color: #1F419B;}
td#main a:hover 		{ text-decoration: underline; color: #9DBCDA;}


div.pagetitle			{ padding: 15px 0px 14px 20px; background-color: #1F419B; }

div.logo			{ padding: 22px 0px 12px 30px; }
div.login			{ padding: 3px 12px; float: right; clear: both; text-align: center; }
div.login a			{ color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }
div.login input			{ background-color: #fff; border: 2px solid #9DBCDA; width: 120px; font-size: 10px; }

/* ===================== */


/* ********************* */
/* Search Formatting */
/* --------------------- */
div.search			{ background-color: #1F419B; 
					padding: 3px 12px; 
					float: right; 
					clear: both; 
					width: 140px; }
					
div.faqSearch			{ background-color: fff; 
					background-repeat: no-repeat; 
					padding: 3px 12px; 
					text-align: center;
					clear: both; 
				}
					
input.searchbox 		{ background-color: #fff; 
					border: 2px solid #9DBCDA; 
					width: 90px; 
					background-image: url(../../bg_search.gif/$FILE/bg_search.gif); 
					font-size: 10px; }
					
input.largesearchbox 		{ background-color: #fff; 
					border: 2px solid #9DBCDA; 
					width: 150px; 
					background-image: url(../../bg_search.gif/$FILE/bg_search.gif); 
					font-size: 10px; }					

/* ===================== */


/* ********************* */
/* Sets the body section of the web page */
/* --------------------- */
/* -- Used as the standard for most web pages.  Sets the padding and background*/

div.mainpad			{ padding: 18px 23px; 
					float: left; 
					background-color: #fff;
				}
div.mainpad a:link 		{ text-decoration: none; color: #1F419B;}
div.mainpad a:visited 		{ text-decoration: none; color: #1F419B;}
div.mainpad a:active 		{ text-decoration: none; color: #1F419B;}
div.mainpad a:hover 		{ text-decoration: underline; color: #1F419B;}					

/* -- Used for the home page of the site.  Reduces the padding to fit the pullout boxes*/

div#homepad			{ padding: 10px 2px 2px 2px; 
					float: left; 
					background-color: #fff;
					width: 570px;
				}
/* ===================== */



/* ********************* */
/* Controls the Services Menu Look */
/* --------------------- */
div.ServicesMenuHeader a:link 		{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #1F419B;font-size: 24px; }
div.ServicesMenuHeader a:visited 	{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #1F419B;font-size: 24px; }
div.ServicesMenuHeader a:active 	{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #1F419B;font-size: 24px; }
div.ServicesMenuHeader a:hover 		{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #1F419B;font-size: 24px; }	

div.ServicesMenu a:link 		{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #1F419B;font-size: 12px; }
div.ServicesMenu a:visited 		{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #1F419B;font-size: 12px; }
div.ServicesMenu a:active 		{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #1F419B;font-size: 12px; }
div.ServicesMenu a:hover 		{ font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; color: #1F419B;font-size: 12px; }			
/* ===================== */


/* ********************* */
/* Home Page - General Format */
/* --------------------- */
/* -- Master column that the elements are placed in*/

div.home_col1			{ float: left; 
					width: 370px; 
					margin: 0px 3px; 
				}

div.home_col1_header	 	{ background-image:url(../../370bar.jpg/$FILE/370bar.jpg);
					background-repeat:no-repeat;
					clear: both; font-family: Arial, Helvetica, sans-serif; 
					background-color: #fff; 
					color: #fff; 
					font-size: 12px; 
					border: 1px solid #CCCCCC;
					border-bottom:none;
					padding: 3px 4px; margin: 0; font-weight: bold; }				

div.home_col2			{ float: left; width: 168px; margin: 0px 3px; }

div.home_col2_header 		{ background-image:url(../../bar_168.jpg/$FILE/bar_168.jpg);
					background-repeat:no-repeat;
					clear: both; font-family: Arial, Helvetica, sans-serif; 
					background-color: #fff; color: #fff; font-size: 12px; 
					border: 1px solid #CCCCCC; border-bottom:none; padding: 3px 4px; margin: 0; font-weight: bold; }				
/* ===================== */

/* ********************* */
/* Home Page - News Stories */
/* --------------------- */
/* -- Column block for home page story*/


div.home_news_body 		{ clear: both; 
					background-color: #fff; 
					border: 1px solid #CCCCCC; 
					border-top: none; float: left; 
					padding-bottom: 8px; margin-bottom: 10px; }						
div.home_news_body_row		{ padding: 6px 0px; float: left; }
div.home_news_body_row_logo 	{ padding: 0px 6px; width: 100px; float: left; text-align: center; }
div.home_news_body_row_text 	{ width: 235px; float: right; padding-right: 8px; }



/* ===================== */


/* ********************* */
/* Home Page - Features*/
/* --------------------- */
/* -- Column block for home page Features*/

div.home_feature_body 		{ clear: both; 
					background-color: #fff; 
					border: 1px solid #CCCCCC; 
					border-top: none; float: left; 
					padding-bottom: 8px; margin-bottom: 10px; }
div.home_feature_body_row	{ padding: 6px 0px; float: left; }					
div.home_feature_body_row_logo 	{ padding: 2px 28px 2px 28px; 
					width: 100px; 
					text-align: center; 
				}
div.home_feature_body_row_text 	{ width: 157px; float: right; padding-right: 5px; }
/* ===================== */

/* ********************* */
/* Home Page - Did you Know */
/* --------------------- */
div.home_factoid_body 		{ clear: both; 
					background-color: #fff; 
					border: 1px solid #CCCCCC; 
					border-top: none; float: left; 
					padding-bottom: 8px; margin-bottom: 10px; 
				}
div.home_factoid_body_row	{ padding: 6px 0px; float: left; }					
div.home_factoid_body_row_text 	{ width: 157px; float: right; padding-right: 5px; }
/* ===================== */


/* ********************* */
/* Home Page - Did you Know */
/* --------------------- */

div.pullout_col			{ float: left;
					margin: 0px 3px; 
					width:500px;
					padding-right:18px
				}
				
				
div.pullout_header		{ background-image:url(../../500bar.jpg/$FILE/500bar.jpg);
					background-repeat:no-repeat;
					clear: both;
					font-family: Arial, Helvetica, sans-serif; 
					background-color: #fff; 
					color: #fff; 
					font-size: 12px; 
					border: 1px solid #CCCCCC;
					border-bottom:none;
					margin: 0; font-weight: bold; 
					width: 500;
				}

div.jbTblHeader { background-image:url(../../500bar.jpg/$FILE/500bar.jpg);
					/* background-image:url(Graphics/500bar.jpg); */
					background-repeat:no-repeat;
					font-family: Arial, Helvetica, sans-serif; 
					background-color: #fff; 
					color: #fff; 
					font-size: 12px; 
					border: 1px solid #CCCCCC;
					border-bottom:none;
					margin: 0;
					padding: 0 0 0 5px;
					font-weight: bold; 
					width: 500px;
				}
table.jbTblContainer {border: 1px solid #CCCCCC;}
td.jbTblRow { margin:0; padding: 3px;}
	
/* Pullout Header no border */
div.pullout_header_nb		{ background-image:url(../../500bar.jpg/$FILE/500bar.jpg);
					background-repeat:no-repeat;
					clear: both; font-family: Arial, Helvetica, sans-serif; 
					background-color: #fff; 
					color: #fff; 
					font-size: 12px; 
					border: 0px solid #CCCCCC;
					border-bottom:none;
					border-right: none;
					margin: 0; font-weight: bold; 
					width: 500;
				}				
				
div.pullout_body 		{ clear: both; 
					background-color: #fff; 
					border: 1px solid #CCCCCC; 
					border-top: none; float: left; 
					padding-bottom: 8px; margin-bottom: 10px; 
					width: 500;
				}
div.pullout_body_row		{ padding: 6px 0px; 
					float: left; 
				}

div.pullout_body_row_logo	{ width: 100px; float: left; padding: 0px 10px 0px 10px; margin: 0; }
div.pullout_body_row_text	{ width: 350; float: right; padding-right: 8px; }


div.pullout_onlytext		{ width:450; float: left; padding: 0px 10px 0px 10px; margin: 0; }


/ * !!!!!!!!!!!!!!!!!!!!!!!!!DELETE */
div.colwide_text		{ width: 400px; float: right; }
/ * !!!!!!!!!!!!!!! */


/* ********************* */
/* Footer Elemenets */
/* --------------------- */
.footer				{ clear:both;}
div#footer_contact		{ font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 10px; 
					font-weight: bold; 
					color: #fff; 
					text-align: center; 
					padding: 6px; 
				}
div#footer_copyright		{ font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 9px; font-weight: bold; 
					color: #fff; text-align: 
					center; padding: 6px; }
div#footer_copyright a		{ font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 9px; font-weight: bold; color: #fff; 
					text-align: center; padding: 6px; }
/* ===================== */


/* ********************* */
/* Breadcrumb Elemenets */
/* --------------------- */
.breadcrumb			{ font-family: Verdana, Arial, Helvetica, sans-serif;  color: #fff; font-size: 10px; padding: 0; margin: 0;
					clear: both; padding: 0px 0px; float: left; width: 570px;
					background-color: #fff;
					background-image:url(../../strip.jpg/$FILE/strip.jpg);
					height: 22px;
					vertical-align: middle;
					border-color: #9DBCDA;
					border-right-style: none;
					border-width: 2px;
					border-right: none;
					border-bottom-style: none;
					}
.breadcrumb   a:link, 
.breadcrumb   a:visited, 
.breadcrumb   a:active       	{ color: #fff; font-size: 10px; text-decoration:none  }
.breadcrumb   a:hover 		{ color: #fff; font-size: 10px;  text-decoration:underline;}
/* ===================== */


/* ********************* */
/* Side Navigation Elemenets */
/* --------------------- */

td.side				{ background-color: #1F419B; 
					clear: both;
				}
				
div#side_navbox			{  float: left; padding: 25px 10px 10px 10px; 
				}
#side_nav 			{ border-color: #9DBCDA;
					border-style: none;
					border-width: 2px
				}
#side_nav th	 		{ background-color: #1F419B; 
					padding: 6px 10px 10px 4px; 
					font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 15px; color: #1F419B; text-align: right; }
#side_nav td		 	{ background-color: #1F419B;
					padding: 2px 10px 6px 4px; 
					font-weight: bold; 
					font-family: Verdana, Arial, Helvetica, sans-serif; 
					font-size: 11px; color: #1F419B; text-align: right; }			
#side_nav td a:link 		{ text-decoration: none; font-weight: bold; color: #fff;}
#side_nav td a:visited 		{ text-decoration: none; font-weight: bold; color: #fff;}
#side_nav td a:active 		{ text-decoration: none; font-weight: bold; color: #fff;}
#side_nav td a:hover		{ text-decoration: none; font-weight: bold; color: #9DBCDA;}
/* ===================== */

/* ********************* */
/* QUICKLINKS */
/* --------------------- */
/* --Sets the spacing and positioning around the quicklinks box in the left navigator*/

div.quicklinks_pad		{ padding: 50px 12px 3px 12px; clear: both;}

/* --Sets the look of the quicklinks box*/

div.quicklinks			{ padding: 2px 2px 3px 2px; clear: both; font-size: 11px;
					border-color: #9DBCDA;
					border-width: 2px;
					border-style: solid; 
					background-color: #0A1F62;
				}
				
/* --Sets the look of the links in the quicklinks box*/	

div.quicklinks ul		{ padding: 0; margin: 0; list-style-type: none; }
div.quicklinks ul li		{ color: #fff; padding: 0; margin: 0; text-align: right; }
div.quicklinks ul li a		{ color: #fff; } 
/* ===================== */

/* ********************** */
/* HOMEIMAGE */
/* ----------*/
/* Sets the layout for the random image that appears on the home page*/
.homeimage			{ background-color: #fff;
					border-color: #9DBCDA;
					border-right-style: none;
					border-left-style: none;
					border-top-style: solid;
					border-bottom-style: none;
					border-width: 2px;
					text-align: center;	
				}
/* ===================== */


/* ********************* */
/* Controls the menu look for the Client list */
/* --------------------- */
div#InstitutionMenu		{ font-family: Verdana, Arial, Helvetica, sans-serif;  
					font-size: 12px; 
					margin: 0; 
					background-color: #fff;
					padding: 25px 18px 1px 23px; 
					text-align: center;
				}
div#InstitutionMenu a:link 	{ text-decoration: none; color: #1F419B;}
div#InstitutionMenu a:visited 	{ text-decoration: none; color: #1F419B;}
div#InstitutionMenu a:active 	{ text-decoration: none; color: #1F419B;}
div#InstitutionMenu a:hover 	{ text-decoration: underline; color: #1F419B;}			
/* ===================== */


/* ********************** */
/* Institution Profiles */
/* ----------*/

/* Area for displaying the profile information */
.profile 			{ padding: 10px 18px 2px 23px; 
					float: left; 
					background-color: #fff;
				}

/* Text label (ie. name, location) */
.profileLabel 			{ color: #000; 
					font-size: 10px; padding: 6px 0px 0px 0px; 
					margin: 0; }				

/* The value that is related to the label*/
.profileValue 			{ color: #999; font-size: 10px;
					margin: 0;
					padding-top: 6px;
					padding-left: 3px;
					padding-bottom: 0px;
					padding-right: 0px; }	
					
.profileValue 	 a:link 	{ text-decoration: none; color: #1F419B;}
.profileValue 	 a:visited 	{ text-decoration: none; color: #1F419B;}
.profileValue 	 a:active 	{ text-decoration: none; color: #1F419B;}
.profileValue 	 a:hover 	{ text-decoration: underline; color: #1F419B;}						

/* Description of the institution.  Longer format for more text than the value*/	
.profileDesc 			{ color: #999; font-size: 10px;
					margin: 0;
					padding-top: 6px;
					padding-left: 3px;
					padding-bottom: 0px;
					padding-right: 0px; 
					width: 350px;
					}		

/* Info box about the institution */
div.profileInfoBox 		{ margin: 10px 2px 3px 2px;
					padding: 2px 2px 3px 2px; clear: both; font-size: 11px;
					border-color: #000;
					border-width: 2px;
					border-style: solid; 
					background-color: #fff;
					float:right;
					width: 135px;
					}
	
/* Fun Fact box about the institution*/	
div.funFactBox 			{ margin: 10px 2px 3px 2px;
					padding: 2px 2px 3px 2px; clear: both; font-size: 11px;
					border-color: #000;
					border-width: 2px;
					border-style: solid; 
					background-color: #fff;
					float:right;
					width: 135px;
					}

/* Logo of the institution */
div.profileLogo 		{ margin: 10px 2px 3px 2px;
					padding: 2px 20px 3px 2px; clear: both;
					float:right;
					height: 102px;
					width: 102px;	              
				}
/* ===================== */


/* ********************** */
/* Settings for Minimium Heights */
/* ----------*/
  .prop {
    float:right;
    width:1px;
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
  
  .min50px {
    height:50px;
  }

  .min75px {
    height:75px;
  }
  
  .min100px {
    height:100px;
  }

  .min150px {
    height:150px;
  }  
  
  .min200px {
    height:200px;
  }    
  
  .min400px {
    height:400px;
  }    
/* ===================== */