/* 2 columns, ALA style with added top box */
/* css modified by S. Martin, Sept 2002 */

body {
	background-image : none;
		}

	body, table {		
	/*this specifies basics for the document*/
			color: Black;
		font-family: "Times New Roman", Georgia, serif;
		background-color:white;
		font-size : 11pt;
		border : none;
		margin : 0 0 0 0;
		padding: 0 0 0 0;
		}
.dropcap {
	/*this creates a larger sized letter- use for beginning of para*/
	margin-top : 0px;
	padding-top : 0px;
	font-weight : bold;
	font-size : 200%;
} 

.quicklink {
	/*this creates a smaller sized font for quick links*/
	
	display: none;
} 

	.topcontent {
	/*this creates the top box */
			border : none;
		margin : 0in 0in 0.3in 0in;
		}
	html>body .topcontent {  
	/*this lays out the box in certain browsers*/
			margin-top: 0px;
		}
		
		
		.leftcontent {
	/*this creates the left side box usually for navigation links*/
	
		margin : 0in 0in 0in 0in;
	display: none;
	}
	html>body .leftcontent {  
	/*this lays out the left box in certain browsers*/
	
		margin : 0in 0in 0in 0in;
	display: none;
		}
		
		

	.rightcontent {
	/* REALLY CENTER CONTENT
	this creates the right side box where most text goes*/
	
	color: black;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: white;
	width: 98%;
	}
	html>body .rightcontent {
	/*this lays out the  box in certain browsers*/
   		margin-left: 0px;
	margin-right: 5px;
	padding-left : 5px;
		}
		.rightcontent table  {
	/* Resets the table  for center box*/
			background-color: White;
		color: Black;
			table-layout: auto;
		}
	
	.farright {
	/*this creates the far right side box where special highlights go*/
		display: none;
		}
		
		
	.fullcontent {
	/*this lays out the center box - use when the text or graphic won't fit in right box*/
	/*use only if don't use right and leftcontent*/
	
	color: black;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: white;
	width: 98%;
	}
	html>body .fullcontent {
	/*this lays out the  box in certain browsers*/
   		
	color: black;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: white;
	width: 98%;
		}
	.fullcontent table  {
	/* Resets the table colors for full box*/
			background-color: White;
		color: Black;
			table-layout: auto;
		}
	
	p {
	/*this specifies how all paragraphs are to be handled*/
	margin-left : 3%;
	margin-top: 0px;
	padding-top: 0px;
	}
	
	
		
	
	.bottomcontent {
	/*this lays out the bottom standard text on every page*/
		font-size : x-small;
		margin-bottom : 1px;
		clear : both;
		padding-top : 15px;	
		margin-top : 0px;
		padding-right : 15px;
		padding-left : 15px;
		padding-bottom : 15px;	
		width : 100%;
	
		}
	html>body .bottomcontent {
	/*this lays out the bottom box in certain browsers*/
		margin-right: auto;
		}
		
	.table {
		float : none;
		font-size : x-small;
		margin-bottom : 0px;
		clear : both;
		width:auto;
		margin-top : 15px;
		border-top-color : Black;
		border-top-style : solid;
		border-top-width : thin;
		border-bottom-color : Black;
		border-bottom-style : solid;
		border-bottom-width : thin;
		background : White;
		margin-left : 0px;
		margin-right : 0px;
		padding : 0px 0px 0px 0px;
	text-align : left;
		}
	html>body .table {   		
	width:auto;
		margin-bottom : 0px;
		margin-left : 0px;
		margin-right : 0px;
		padding : 0px 0px 0px 0px;
		}	
		
		
	.spacer {
	clear:both;
}
a {
	/*this lays out the links */
		color: #F0FFFF;
		background-color : inherit;
		}
		a:visited {
	/*this lays out the visited links */
		color: Silver;
		background-color : inherit;}
		a:hover {
	/*this lays out what links look like when you mouse over them*/
	background-color: #D9D9D9;
	color : #FF0000;}
	a:focus {
	/*this lays out what links look like when you tab to them*/
	background-color: #D9D9D9;
	color : #FF0000;}
		
		/*this lays out the center links*/
		.leftcontent a {color: Blue;  text-decoration: none }
		.leftcontent a:visited {color: #454545;  text-decoration: none }
.leftcontent a:hover {color: #FFFF33;
		background: #0076E8; }
		
		.fullcontent a {color: Blue;  text-decoration: none }
		.fullcontent a:visited {color: #454545;  text-decoration: none }
.fullcontent a:hover {color: #FFFF33;
		background: #0076E8; }
		
		
	
		
		
		/*this lays out the links for the center box (rightcontent)*/
		.rightcontent a{
			color: Blue;
		background-color : inherit;
		}
		.rightcontent a:visited {
	/*this lays out the visited links */
		color: Gray;
		background-color : inherit;}
		.rightcontent a:hover {
	/*this lays out what links look like when you mouse over them*/
	background-color: #D9D9D9;
	color : #FF0000;}
		.rightcontent a:focus {
	/*this lays out what links look like when you tab to them*/
	background-color: #D9D9D9;
	color : #FF0000;}
	
	
	/*the following specify what each of these tags will look like*/
	
	h1 {
		text-align : center;
		margin-bottom : 10px;
		margin-left : 3px;
		}
		.topcontent h1 {
		text-align : left;
			
		}
		h2 {
		margin-bottom : 10px;
		margin-left : 3px;
		}
		h3 {
		padding-top:10px;
		margin-bottom : 0px;
		margin-left : 3px;
		padding-bottom : 0px;
		}
		
		h4 {
		padding-top:5px;
		margin-bottom : 0px;
		margin-left : 3px;
		padding-bottom : 0px;
		}
		
		li {
	padding-bottom : 10px;
}
	
	.leftcontent li {
	/*this lays out  list items in left side nav bar*/
		list-style-type : square;
	padding-top : 0px;
}	
	
		

	abbr, acronym, .help {
	/*this lays out what text that is tagged as acronym, etc will look like*/
 	 border-bottom: 1px dotted #333;
  	cursor: help;
 	}




.skiplink {
	/*this hides the 'skip navigation' tag. screen readers will see the skip nav link but regular users won't*/
	display : none;
}


	/*the following set up containing boxes for images and their captions*/
	/*each makes the image and caption float right, left, or center*/
	/*images without captions can be aligned without using these*/
.imageright
{
	font-size: x-small;
	margin: 3% 3% 3% 3%;
	padding: 3px 3px 3px 3px;
	float: right;
	height: auto;
	width: 30%;
}
.imageleft
{
	font-size: x-small;
	margin: 3% 3% 3% 3%;
	padding: 3px 3px 3px 3px;
	float: left;
	width: 30%;
}
.imagecenter
{
	font-size: x-small;
	margin: 3% 3% 3% 3%;
	padding: 3px 3px 3px 3px;
	float: none;
}


	/*these do the same as the image boxes above, only for text*/
	/*use to call special attention to announcements, etc.*/
.boxright
{	
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px;
	float: right;
	height: auto;
	width: 30%;
		color: Black;
		background-color : D9D9D9;
	border : thin solid #288781;
}
html>body .boxright {
	/*this lays out the  box in certain browsers*/
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px;
	width: 30%;
		color: Black;
		background-color : D9D9D9;
	}
	
.boxleft
{
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px;
	float: left;
	width: 30%;
		color: Black;
		background-color : D9D9D9;
}
.boxcenter
{
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px;
	float: none;
	width: auto;
		color: Black;
		background-color : D9D9D9;
	}
	.boxborder
{
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px;
	width: auto;
	border : thin solid #288781;
	color: Black;
		background : transparent;
		text-align : center;
	}
	
	
	/*these create subtitles*/
	.subtitle
{
	font-style : italic;
}
	.subtitleright
{
	font-style : italic;
	text-align : right;
}



	/*the following specify size and color of text*/
	/*compare to the old font tag*/
.font1
{
font-size: medium
}
.font2
{
font-size: large
}
.font3
{
font-size: x-large
}
.font4
{
font-size: xx-large
}
.font-1
{
font-size: x-small
}
.font-2
{
font-size: xx-small
}
.fontred
{
	color: #FF0000;
	background : transparent;
}
.fontmaroon
{
	color: #7c1c41;
	background : transparent;
}
.fontgreen
{
	color: #006666;
	background : transparent;
}
	
	.announcement
	{
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 10px;
	float: none;
	width: auto;
		color: #288781;
		background-color : transparent;
		border-bottom-style : dashed;
		border-bottom-width : thin;
		border-bottom-color : #288781;
	}
	
		
		
/*.leftcontent {float:left; width:10em; padding:5px;}*/
.leftcontent p { width:10em; 
/*font-size: 110%;
 font-weight: bold; */
 padding: 5px 8px; 
		background: #99CCFF; 
		border:2px solid #E5E8B1;
		border-bottom-color: Navy; 
		border-right-color: Navy;
		margin-top: 0px;
		margin-bottom: 0px;
		}

	
/* Navigation from 456 Berea Street, tab navigation with separate lists */

div#navigation {
	width:auto; 
 	position: relative;
	margin-bottom: 0px;
	}
div#navigation ul {
	width:auto;
	/*font-family: Helvetica, Verdana, Arial, sans-serif;*/
	font-variant: small-caps;
	/*font-size: 0.8em;*/
	/*line-height:11px;*/
	color:#000;
}

div#navigation ul#menu {
	margin:0;
	padding: 6px 0 2px 0;
	background-color:transparent; /*#202F66*/
	list-style-type:none;
	line-height: 2em;
}

div#navigation ul#menu li {
	/*display: block;*/
	margin:0;
	padding:0;
	background-color: #99CCFF;/*#000066*/
	border:2px solid #E5E8B1;
		border-bottom-color: Navy; 
		border-right-color: Navy;
}


div#navigation ul#submenu {
	margin:0;
	padding: 8px 0 5px;
/*	background-color: #24568E;*/
	}

div#navigation ul#submenu li {
	/*display: block;*/
	margin:0;
	padding:0;
}

div#navigation ul#submenu li+li {
	padding-left: 0.5em;
}

div#navigation a:link,
div#navigation a:visited,
div#navigation a:hover {
	color:#000066;
	text-decoration:none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left:10px;
	margin-left: -5px;
	}

div#navigation ul#menu a:link,
div#navigation ul#menu a:visited,
div#navigation ul#menu a:hover {
	font-weight:bold;
	text-transform: capitalize;
	background-color: #99CCFF;
}

div#navigation ul#menu a:hover {
	background-color: Teal;
/*	border-bottom-color:#24568E;
	border-left: thick #fff;*/
}

div#navigation ul#menu li.sel a:link,
div#navigation ul#menu li.sel a:visited,
div#navigation ul#menu li.sel a:hover {
	background-color:#fff; /* #eee8aa; #24568E;*/
	border-bottom-color:#24568E;
	color: #24568e;
}
div#navigation ul#submenu a:link,
div#navigation ul#submenu a:visited,
div#navigation ul#submenu a:hover {
	font-weight:bold;
}

div#navigation ul#submenu a:hover {
	text-decoration:underline;
}