/* This style sheet was written by Community MX and was distributed freely for use with the free North Pole CSS positioning template.
The North Pole template is freely available from http://www.communitymx.com - This comment should remain intact though you are free to edit the style sheet as you see fit. */

body {
	margin: 0;
	padding: 0;
	border: 0px none;
	background-color: #F7F3F0; /* sets the body background colour */
	color: #333333;  /* set the default text color */
	background-repeat: repeat;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size: 100.01%;
	min-width: 770px;
}

			
#popup_content{
	font-size: 100.01%;
	}
#popup_content p a:link, #popup_content p a:visited {
	text-decoration: underline;
	/* color: #2A4C7A; MLG changed*/
	color: #990000; 
	font-weight: normal;
	}
	
#popup_content p a:hover, #popup_content p a:focus {
	text-decoration: underline;
	color: #746363;
	font-weight:normal;
	background-color:#F1EFEF;
	}	
#popup_content li{
	font-size: 80%;
	}		
	
#popup_content table 	{
	background-color:none;
	border: 2px #666 solid;
	margin: 0px;
	margin: 0px;
	border-collapse:	collapse;
	}
#popup_content table td {
	border: 1px #999 solid;
}	
#wrapper {
   width: 770px;/*sets the width for IE5.x's broken box model*/
	w\idth: 770px; /* sets the width of the wrapper for compliant browsers*/
	margin: 5px auto;/* centers the wrapper. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	position: relative; /* important to position it relatively */
	background-image: url('images/alumni_wrapper.gif'); /* sets the path to the wrapper's bg image*/
	/* background-position: bottom; uses two % values to place the image 2% from the left and 93% from the wrappers top left hand corner */
	background-repeat: repeat-y; /* prevents the image from tiling in our page, we do not want this image to repeat */
	background-color: #FEFEFE; /* sets the wrappers background color */
	border: 1px solid #000; /* sets a border to all 4 sides */
	text-align: left
}

#banner {
	position: relative; /* **PLEASE READ** ~ This property and value is not needed for your page to be rendered corectly in the browser - However, without it Dreamweaver allows the position of the leftcol div to ride up over the banner in design view. If that does not bother you you can safely delete this property and value pair. Alternatively you could implement a design time style sheet to position the div correctly for working in design view */
	background-image:  url('images/TIS_banner_132px.gif');  /* sets the background image for the banner div*/
	background-repeat: no-repeat; /* prevents the bg image from repeating */
	height: 132px
}

/* MLG added */
#banner .right {/* Float the right hand image to the right in the banner */
	float: right;/*Floats the image to the right*/
}

/* MLG added */
#content .bodytext {
	font-weight: normal;
	font-size: 12px;
}

/* MLG added */
acronym {
	background-color: #FFFF66;
	cursor: help;
}

/* MLG added */
.DefintitionTerm {
	font-weight: bold;
	color: #2A4C7A;
}


#popup_content {
	width: 405px;
	margin-left: 10px;
	margin-bottom: 10px;
	/* margin-top:20px; MLG changed */
	margin-top:0px;
	text-align: left;
}

#popup_content p{
	font-size: 80%;
	/* Top, Right, Bottom, Left */
	margin: 0px 10px 10px 0px;
	padding: 0;
	line-height: 110%;

}

#content {
	width: 565px;
	margin-left: 200px;
	margin-bottom: 50px;
	/* margin-top:20px; MLG changed */
	margin-top:0px;
}

#content p {
	font-size: 80%;
	/* margin: 10px 10px 10px 10px; MLG changed */
	margin: 0px 10px 10px 10px;
	padding: 0;
}

#content p a:link, #content p a:visited {
	text-decoration: underline;
	/* color: #2A4C7A; MLG changed*/
	color: #990000; 
	font-weight: normal;

	}
	
#content p a:hover, #content p a:focus {
	text-decoration: underline;
	color: #746363;
	font-weight:normal;
	background-color:#F1EFEF;
	}
.black_10pxBold {
	font-size:10px;
	font-weight:bold;
}
.black_14pxBold {
	font-size:14px;
	font-weight:bold;
}
.black_18pxBold {
	font-size:18px;
	font-weight:bold;
}
/* styles the headers in the content */	
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:130%;
	color:#2A4C7A;
	padding-top: 25px;
	}
	
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:120%;
	color:#2A4C7A;
	padding-top: 15px;
	line-height:1.2em;
	}	
	
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:105%;
	color:#2A4C7A;
	padding-top: 10px;
	}		
	
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#2A4C7A;
	padding-top: 18px;
	line-height:1.5em;
	font-weight:700;
	}			
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#2A4C7A;
	line-height:1.5em;
	font-weight:700;
	}	h6{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 70%;
	color: #666666;	
}	
		
caption{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*text-align: left;*/
	color: #666666;	
}	
	
		
/* styles a list contained in the content div */	
#content  ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	list-style-type: square;
	}	
#content  ul ul	{ /* added for the overview/highlights page list */
	font-size: 100%;
	list-style-type: square;
	}
	
#content  ol {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	list-style-type: decimal;
	}	
	
/* Styles the links in a list */	
#content ul a{
	text-decoration: underline;
	/* color: #2A4C7A; MLG changed */
	color: #990000;
	font-weight:normal;
}	

#content ul a:hover, #content ul a:focus {
	text-decoration: underline;
	color: #746363;
	font-weight:normal;
	background-color:#F1EFEF;
	}
#content ol a{
	text-decoration: underline;
	color: #990000;
	font-weight:normal;
}	

#content ol a:hover, #content ol a:focus {
	text-decoration: underline;
	color: #746363;
	font-weight:normal;
	background-color:#F1EFEF;
	}	
	
#content ol ol {
	font-size: 12px}	

.abc_bullet { 
	list-style-position: outside; 
	list-style-type: lower-alpha ; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}


/* Floats the images in the main content area to the left */
#content .left {
	float: left;/*Floats the image to the left*/
	margin: 5px 20px 2px 0;/*sets the margins so the image sits nicely in the p elements*/
	border: 1px solid #000;/*sets a border on the image*/
}

/* Floats the images in the main content area to the right */
#content .right {
	float: right; /*Floats the image to the right*/
	margin: 0px 0px 0px 20px;/*sets the margins so the image sits nicely in the p elements*/
	/*border: 1px solid #000;/*sets a border on the image*/
}




/* Styles the left column navigation  */
#leftcol {
	float: left;
	width: 169px;	/*was 159px;*/
	margin-bottom: 120px;
	margin-left: 0px;
	margin-top: 9px;
	padding-top: 35px;
	}

#leftcol #navigation {
	line-height: 100%; /* helps out IE 5.01 PC */
	width: 169px; /* sets a width for the div */
	background-color:#00589E;
}

#leftcol #navigation ul {
	border-top: 1px solid #614634; /* sets a border to the top of the ul */
  	border-bottom: 1px solid #614634; /* sets a border to the bottom of the ul */
	list-style-type: none; /* removes the bullets from our list navigation */
	margin: 0; /* zeroes off the margins */
	padding: 0; /* zeroes off the padding */
	font-size: 80%; /* scales the font to 75% of the body font declaration*/
	font-weight:bold;
	}
	
#leftcol #navigation ul li {
	padding: 0;
	margin: 0; /*was 0 0 -3px 0;*/ 
	ma\rgin: 0;
	background-color:#C7A996; /* button up color */
	/* Cindy hid - not needed here
	background-image: url('li_bg_hover.gif');
	background-repeat: repeat-y; margin-left:0; margin-right:0; margin-top:0; margin-bottom:-3px */
	
}

#leftcol #navigation a, 
#leftcol #navigation a:visited { /* use dual selectors if the properties and values are the same for each */
	border-bottom: 1px solid #614634; /* sets the bottom border */
	border-left: 1px solid #323C55; /* sets the left border */
	border-right: 1px solid #614634; /* sets the right border */
	color: #000; /* changes the default text colour to white */
	display: block; /* required to make the links act like a button, having the full area "clickable" */
	padding: 4px 0 6px 14px; /* sets padding values to give the link text some "air" */
	text-decoration: none; /* removes the default underline */
	background-color: #C7A996; /* BUTTON UP STATE sets the brownish background color of the button  */
	/* Cindy hid: No background image for buttons here
	background-image:url('li_bg.gif');  sets the path to the bg image */
	width: 159px; /* sets the width for IE5.x - content width plus border widths plus padding value = 6 extra pixels */
	w\idth: 153px; /* resets the width for IE6 and compliant browsers -- was 169; */
}

/* using the \ escape character as in w\idth - see final property declaration in the selector above */
/* IE 5.01 and IE5.5 cannot read this selector. The escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */

#leftcol #navigation a:hover, 
#leftcol #navigation a:focus { /* use dual selectors if the properties and values are the same for each */
	background-color: #F7F3F0; /* prevents the dark blue background colour from the "a" selector showing and ensures the snowman image is seen on hover and focus */
	/* Cindy hid: no bkgnd image here
	background-image:url('li_bg_hover.gif');  sets the path to the bg image */
	border-bottom: 1px solid #fff; /* changes the bottom border to white to give the hover state an indented look */
	color: #000; /* changes the hover and focus text to black */
	font-weight:bold
}

#footer {  /* Begin laying out and styling the footer div */
	background-color: #fff;  /*sets a background colour for the footer*/
	width: 770px;  /*Sets the footers width*/
	border-top: 1px solid #000;  /*sets the top border to define the beginning of the footer*/
	font-size: 75%;  /* sets the footer text size */
	text-align: right;  /* aligns the text to the right*/
	margin-top: 0px;  /* Adds a margin to the top of the footer*/
	clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
}

#footer p {
	background-color: #2A4C7A;  /*sets the background colour for the p element when it is in the footer div*/
	padding: 4px 4px 4px 10px;  /* sets the padding values*/
	margin: 0;  /*zeroes off the margins */
	color: #FFFFFF;
}

#footer ul{
	background-color: #283B6D;
	margin: 0;
	padding: 4px;
	color: #FFFFFF;
}

#footer li{
	display: inline;/*set the list to display inline*/
}

#footer a {  /* Styles the links within the footer */
	color: #fff;  /*sets the text to white*/
	text-decoration: underline;  /*keeps the underline*/
	font-weight:bold;
}

#footer a:hover,
#footer a:focus {
	text-decoration: none;  /*removes the underline*/
	font-weight:bold;
}

/* TABLES - styles the tables used on the site */
table 	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	border: 1px #000000 solid;
	margin: 30px;
	margin: 0px;
	border-collapse:	collapse;
	}
	
tr.benefitsfirst, td.benefitsfirst {
background:#e9dcd2;
}
tr.benefitseven, td.benefitseven {
	background: #F7F3F0;
}
tr.benefitsodd, td.benefitsodd {
	background: #FFF;
}
td {
	padding:3px;
}
.smalltext {
	font-size:80%;
	vertical-align:top;
}

/*styles the link, rollover*/	
table a {
	text-decoration: underline;
	color: #990000;
	font-weight:normal;
	}
	
/*styles the link, rollover*/
table a:hover, a:focus {
	text-decoration: underline;
	color: #F00000;
	font-weight:normal;
	background-color:#F1EFEF;
	}
	
td {
	height:27px; }	
	
td.leftmargin {
	padding-left:15px;
	font-weight:bold; }	
td.center {
	text-align: center; 
	font-weight:normal; }	
		
td.label	{
	text-align:right;
	padding-right:25px;
	font-weight:bold;
	}		
	
td.result	{
	text-align:center;
	font-weight:bold;
	}	
	
td.result a {
	text-decoration: underline;
	color: #007526;
	font-weight:bold;
	}	
	
td.result p a:hover, p a:focus {
	text-decoration: underline;
	color: #6DB66D;
	font-weight:bold;
	}		

tr.header	{
	font-size:110%;
	background-color:#C7A996; 
	font-weight:bold;
	}

tr.alternate{
	background-color:#FFFFFF;
	}	
	
td.header2	{
	text-align:center;
	font-weight:bold;
	font-size:100%;
	background-color:#F1F5FE;
	}	

td.note {
	font-weight: normal;
	font-size:100%;
	text-align:right;
	padding-right:25px;
	}

/* Styles charts made of tables (not forms) */	
td.chart1 {
	font-weight: bold;
	font-size:100%;
	text-align:center;
	}	
	
td.chart2 {
	font-weight: bold;
	font-size:120%;
	text-align:center;
	background-color:#BCCEFA;
	}		
	
/*styles blank tables to use as placeholders*/	
table.clear {
	background-color:#FFFFFF;
	text-align:left;	
	font-size:100%;
	font-weight: normal;
	border:0px none;
	padding: 0px;
	margin: 0px;
	border-collapse:	collapse
	}
	

/*styles the pop up windows*/

#popup {
	}
	
#popup body {
	background:#F3F9EC;
	width: 400px;

}