/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a {
	margin: 0;
	padding: 0;
	border: 0;
}

html {	min-height: 100%;
	    margin-bottom: 1px;}

body {
	background-color: #E9E9E9; /* very light gray */
	font: 100.01%  Verdana, Arial, Helvetica, sans-serif; 
	text-align: center; 
}

#wrapper {
	text-align: left;
	width: 770px;
	margin: 0 auto;
	border: solid 1px #888;
	background-color: #1C4E8A; /* cobalt blue */
	}


/* SET STYLES FOR THE DIV THAT IS OUTSIDE THE MAIN CONTAINER. -----------------------------------*/
#outside {
	background-color:#1C4E8A; /* cobalt blue */
	color: #1C4E8A; 		  /* cobalt blue */
	font-size: 1.0em;
	width: 100%; 
	text-align: right;  
	margin-top: 5px;
	padding-top: 5px; 	
	font-family: Arial, Helvetica, sans-serif;	
}

#outside ul {
	margin: 5px 12px 5px 0; 
	display: inline; 
	}

#outside li {
	display: inline; 
	}

/* The following fix corrects an IE Mac bug that creates ghost links upon hovering. */
	
/*\*//*/
#outside li {
	display: inline-block;
	white-space:nowrap;
	width:1px;
	}
/**/

#outside a:link, 
#outside a:visited {
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: .1em .6em .1em  .6em;
	background: #fff url("../images/topnav_up.gif") repeat-x;  
}

/* The following fix corrects display problems of these links in IE 5. */

/*  \*/
* html #outside a:link, * html #outside a:visited {
 height: 1%;
 vertical-align: bottom;
 ve\rtical-align: middle;
}
/* */

#outside a:hover, 
#outside a:focus {
	color: #FFF;
	background: #fff url("../images/topnav_over.gif") repeat-x; 
	}

/* END OUTSIDE DIV STYLES.-----------------------------------------------------------------------*/

/* SET UP THE MAIN CONTAINER FOR THE LAYOUT.-----------------------------------------------------*/
#container {
	color: #333;  /* dark gray */
	line-height: 1.3em;
	margin: 10px 0 0 0 ;
	/*background: #fff url(../images/container_bg.jpg) repeat-y;*/
} 

* html #container {
	/*background-image:   url(../images/container_bg.jpg) repeat-y; */
} 
/* Because of the incorrect box model of Internet Explorer, the above value makes the 
border in the container background image appear in the correct place in that browser. */

/* END CONTAINER DIV STYLES.---------------------------------------------------------------------*/


/* INNER CONTAINER DIV STYLES.-------------------------------------------------------------------*/
/* Hides from IE5-mac \*/ 
* html #innercontainer {
		height: 1%;
		margin-top: 0px;
} 
/* End hide from IE-mac. */ 
/* END INNER CONTAINER DIV STYLES.---------------------------------------------------------------*/



/* SET UP HEADER DIV STYLES.---------------------------------------------------------------------*/ 
#header {
	height: 110px; 
	width:770px;
	margin-top: 0px;
}
/* END HEADER DIV STYLES.-----------------------------------------------------------------------*/

/* SET UP LEFT COLUMN AND ITS CHILD DIVS.-------------------------------------------------------*/

#subnav { /*not used ?*/
	float: left; 
	width: 200px; 
	margin: 0 0 10px 0; 
	padding: 0; 
}

#menu ul {
	font: 0.7em Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #333; 
	list-style: none; 
}

#menu li {
	border-top: 1px solid #fefefe;     /* almost white */
	border-left: 1px solid #fefefe;    /* almost white */
	border-bottom: 1px solid #8c8383;  /* medium gray */
	border-right: 1px solid #8c8383;   /* medium gray */
}
 
 #menu ul a:link, #menu ul a:visited {
	/* color: #0000cc;blue for testing */ }

 #menu a:link, #menu a:visited {
	color: #333333; /**/
	display: block;
	text-decoration: none; 
	background:  url(../images/nav_button.jpg) repeat-x; 
	padding: 6px 3px 6px 10px; 
}

#menu a:hover, 
#menu a:focus {
	background: #fff url(../images/nav_button_hover.jpg) no-repeat; 	
	}
	
	
/* added by mlg - experimenting with navigation within division pages */
#menu #division_sub a:link, #menu #division_sub a:visited   {
 	color: #333333; 
	display: block;
	text-decoration: none; 
	background:   url(../images/nav_button.jpg) repeat-x; 
	padding: 6px 3px 6px 16px;  /*make the padding little farther on the left */
}
#menu #division_sub a:hover, 
#menu #division_sub a:focus {
	background: #fff url(../images/nav_button_hover.jpg) no-repeat; 	}

/* The following is the Holly Hack, and it ensures that the full button is clickable in Internet Explorer for Windows. The vertical alignment corrects gaps in IE 5. */
/*\*/
* html #menu a {height: 1%;
vertical-align: bottom;
}
/* */

/* we don't want the usual lighter menu button background to show when hovering over the Affinity Access button */
/* because the the Affinity Access logo is not a perfectly transparent .gif and the pixels will show through the lighter background */
#menu li#affinity_access a:hover, 
#menu li#affinity_access a:focus {background:   url(../images/nav_button.jpg) repeat-x; }




.boldmenuitem {
	font-size:1.2em;
	font-weight: bold;
	}

#sidebar_left {
	margin: 30px 10px 0 10px;  
	border: 1px solid #00529B; /* royal blue */
	background-color: #FFFFFF;
}
#sidebar_left h3 {
	background-color: #E1E8F2; /* very pale blue */
	color: #00529B;            /* royal blue */
	margin: 0;
	padding: 2px 6px 2px 8px;
	border-bottom: 1px solid #00529B;  /* royal blue */
	font-size: 0.75em;
} 
#sidebar_left p {
	font-size: 0.7em; 
	line-height:16px;
	margin: 8px 10px 10px 8px;
}
#sidebar_left a:link, #sidebar a:visited, #sidebar_left p a:link, #sidebar_left p a:visited{
	color: #967504;  /* dark gold, almost brown */
	text-decoration:underline;
	}
#sidebar_left a:hover, #sidebar a:focus, #sidebar_left p a:hover, #sidebar_left p a:focus {
	/* color: #BE9A08;   was gold */
	color: #1C4E8A; /* MLG changed to a cark blue for contrast */
	text-decoration:none;
	}
	
/* END LEFT COLUMN AREA STYLES.------------------------------------------------------------------*/

/* SET UP RIGHT COLUMN AND ITS CHILD DIVS.-------------------------------------------------------*/

#sidebar {
	display: inline;
	float: right;
	width: 0px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-top: 50px;
	visibility: hidden;
}

#sidebar_item {
	margin-bottom: 25px;  
	border: 1px solid #00529B; 
	background-color: #FFFFFF;
}
 
#sidebar p {
	font-size: 0.7em; 
	margin-right: 5px; 
	margin-bottom: 10px; 
	margin-left: 10px;
	padding-top: 5px; 
}

#sidebar h3 {
	background-color: #E1E8F2;
	color: #00529B;
	margin: 0;
	padding: 2px 6px 2px 6px;
	border-bottom: 1px solid #00529B;
	font-size: 0.75em;
} 
.standout {
	color:#1C4E8A;
	font-size: 150%;
	font-weight:bold;
	padding-left:55px;
}
#sidebar a:link, #sidebar a:visited {
	color: #967504; 
}

#sidebar a:hover, #sidebar a:focus {
	color: #BE9A08; 
}

/* END RIGHT COLUMN DIV STYLES.------------------------------------------------------------------*/

/* SET UP CONTENT DIV STYLES.--------------------------------------------------------------------*/
#left_col {width: 196px;  
	     padding: 0 0 0 0px;
		 margin: 0 0 0 0px; 
		 float:left; 
		 }

#sub_nav {  width: 180px;  
            margin: 10px 0 0 10px;
		    font-size: 12px; }  
			
#sub_nav p {line-height: 1.3em;
			font-size: 11px; 
			width: 180px;  
			margin: 10px 0 0 0px; }		
		  
#sub_nav ul {list-style-type:none;
			 margin-top: 10px;
	         /* this keeps the bullets from showing up in the left nav column */}
	
#sub_nav li {margin-bottom: 8px;}	
	
#sub_nav a:link, #sub_nav a:visited {	
        	color:#1c4e8a; /* med blue from top of page */
	        text-decoration: underline; }
	
#sub_nav a:hover, #sub_nav ul a:active  {
	        /* color:#80962a;  apple green */
			color: #4fa600; /* kelly green from printed brochure */
	        text-decoration: none; }
			
.indent_1 {padding-left: 10px;}
.indent_2 {margin-left: 16px; line-height:12px; font-size:11px;}
			
#content {
	margin: 0px;
	background-color:#FFF;
	color: #000; /* black is default text color */
	width: 770px;  /* entire width of wrapper */
	/*padding-bottom: 18px;*/
	padding-bottom: 0px;
	min-height: 360px;      /* This ensures that the page fills up most of the browser window 
							without having to add empty paragraphs and spaces to shorter pages with less content.
							Unfortunately, it doesn't seem to work in IE 6. */
							
	/* This creates the swooping gray left column for menu items*/						
	background-color:#FFF; 
	background-image:url(../images/gray_swoop3_vertical_600px.gif); 
	background-position:left top; 
	background-repeat:no-repeat;
}



	
/* These styles set up a "current page marker" or a "you are here" visual cue. 
By setting an ID on the body of each unique page, as well as an ID on each list 
item that contains a link, we can create an automatic look for current page links. */
body#about_us_pg li#about_us a, 
body#affiliations_pg li#affiliations a, 
body#history_pg li#history a, 
body#parents_pg li#parents a,

body#programs_pg li#programs a, 
body#students_pg li#students a, 
body#alumni_pg li#alumni a, 
body#faculty_staff_pg li#faculty_staff a,

body#people_pg li#people a, 
body#leadership_pg li#leadership a, 
body#alumni_fac_staff_pg li#alumni_fac_staff a,
body#student_pg li#student a,

body#neat_pg li#neat a, 
body#members_pg li#members a, 
body#exec_comm_pg li#exec_comm a,
body#dir_manual_pg li#dir_manual a,
body#scholarship_pg li#scholarship a,
body#grant_pg li#grant a
   {
		 	background: #fff url(../images/nav_button_hover.jpg) no-repeat;  
			/* might devise some sort of background w/a bullet for you-are-here links later... */
			color: #333; /* dark gray */
			text-decoration: none; }

#left_nav li {
	margin-left:12px;
	margin-bottom:6px;
	font-size: 12px;
}

#left_nav li a:link, #left_nav li a:visited {
	color:#333333;
	text-decoration: none;
}

#left_nav li a:hover, #left_nav li a:focus {
	color:#000;
	text-decoration: underline;
}

#color_block {
	width: 150px; 
	height: 20px; 
	background-color:#90a425;  /* this is green, but may vary depending on the section */
	padding: 8px 8px 8px 12px; 
	color: #FFFFFF; 
	border-bottom: 1px solid #f8f8f8;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight:bold;
	}

#main_col {
	width: 549px;	
	padding: 30px 0 0 20px; 
	margin: 0 0 0 0px; 	
	float: right;
	/*width: 540px; border-left: 1px solid #666666;*/
	
	color:#000000;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	list-style-type: disc;
	
	background-color: #FFF;
	/* this is the blue arc that appears in the upper right corner of the main content area */
	background-image:url(../images/arc_46px.gif); 
	background-position:top right; 
	background-repeat:no-repeat;
}

#main_col p {
	/*font-size: 12px; line-height: 18px; */
	font-size: 11px; line-height: 1.3em;	
	margin-bottom: 16px;
	width: 510px; /* This give paragraphs some padding on the right (This is 40px narrower than the div).  
					For some reason using padding-right on the main_col div causes problems. */
}

#main_col .indent {margin-left: 20px;}

#main_col h1 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #333333; /* very dark gray */
	font-size: 1.4em;
	margin-bottom: 10px;
}

#main_col p a:link, #main_col p a:visited, 
td a:link, td a:visited {	
	color: #967504; /* dark gold/brown */
	text-decoration:underline;
}

#main_col p a:hover,  #main_col p a:focus, 
td a:hover, td a:focus {
	/*color: #BE9A08; this is a lighter gold color than the link #97604 */
	color: #1C4E8A; /* this is darker blue to show contrast when the link is hovered */
	/*text-decoration:underline;*/
	text-decoration:none;
}

#main_col h2 {
	color: #000;
	font-size: .7em;
	font-style: normal;
	font-weight: normal;
	margin-top: 6px;
	padding-top:6px;
	text-transform:uppercase;
}

#main_col h3 {
	/*color: #1C4E8A;   cobalt blue */
	color: #000000;
	font-size: .9em;
	margin-top: 6px;
	padding-top: 6px;
}

#main_col h4 { 
	width: 450px;
	color: #1C4E8A;
	font-size: 0.8em;
	padding-top: 2px;
	line-height: 1.2em;
	margin-bottom: 8px;
}

#main_col h5 { 
	font-style: italic;
	color: #1C4E8A;
	font-size: 0.8em;
	padding-top:3px;
	margin-bottom: 10px;
}
#main_col h6  { 
	color: #1C4E8A;
	font-size: 0.9em;
	font-weight:bold;
	margin-top: 14px;
}

#main_col ul {
	font-size: 0.7em;
	margin-left: 25px;
	padding-bottom: 10px;
}

#main_col li a:link, #main_col li a:visited{	
	color: #967504;
	text-decoration:underline;
	}
#main_colli a:hover, #main_col li a:focus {
	color: #BE9A08;
	text-decoration:underline;
}	

#main_col .product_name  {	
	color: #000; /* black */
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 2px;
	line-height: 1.2em;}
	/* insurance product names for association pages*/
	

#main_col .plan_name {color: #1C4E8A; font-weight:bold;}

	
/* END CONTENT DIV STYLES.-----------------------------------------------------------------------*/

	
/* SET UP FOOTER DIV STYLES.---------------------------------------------------------------------*/

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	padding: 1em;
	color: #BBCAE1;  /* light blue*/
	border-top: 1px solid #000;
	text-align: center;
	font-size: 0.7em;
	background-color: #1C4E8A;  /* cobalt blue */
}

/* The Holly Hack corrects footer problems in IE 5. */
/*  \*/
* html #footer {height: 1%;}
/* */

#footer ul {margin: 5px 0 0 0; 	}

#footer li {display: inline; 	}

#footer a:link, #footer a:visited {
	margin: 0.2em; 
	color: #BBCAE1; 
}
	
#footer a:hover, #footer a:focus {
	color: #FFF; 
	text-decoration: none; 
}
#footer p {
	margin: 0.2em; 
	margin: 0 0 0 0;
	color: #FFF; 
	}