/* CSS Document */

		/* Colors used on this page ...
		lightgrey#D3D3D3 black#000000 white#FFFFFF mediumturquoise#48D1CC blue#0000FF navy#000080 hotpink#FF69B4 maroon#800000
		purple#800080" darkgrey */

/* Font Style for Web Site  font-family: sans-serif; */

font,th,td,p,div.container,div.container-1,div.container-2,.box,.boxfloating,div.container-900,div.container-1200,div.container-1500,
div.container-1800,div.container-2100,div.container-3000 { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}

		p {text-indent: 0cm; text-align: left; font-size:80%; color:#800080; margin-top: 4px; margin-bottom: 8px;}
		.heading {text-indent: .5cm; font-size:80%; color:#800080; font-style: italic; margin-top: 0cm; margin-bottom: 8px;}
		.right {text-align: right; margin-top: 0cm; margin-bottom: 0px;}
  	.left {text-align: left; margin-top: 0cm; margin-bottom: 0px;}
		
  	.center {text-indent: 0px; text-align: center; font-size:50%; color:#800080; margin-top: 4px; margin-bottom: 4px;}
  	.small {font-size: 60%; text-align: left; color:#800080; margin-top: 4px; margin-bottom: 8px;}
		.large {font-size: 110%; text-align: left; color:#800080; margin-top: 4px; margin-bottom: 8px;}
		.border {text-align: left; border-left: 1px solid lightgrey; float: right;}

		ol.decimal {list-style-type: decimal; text-align: left; font-size:80%; color: #800080; margin-top: 10px; margin-bottom: 10px}
  	ol.lroman {list-style-type: lower-roman}
  	ol.uroman {list-style-type: upper-roman}
  	ol.lalpha {list-style-type: lower-alpha}
  	ol.ualpha {list-style-type: upper-alpha}

		/*h1 ->*/
  	h1 {text-align: center; color: #0000FF; font-size: 150%; margin-bottom: 0cm}
		/*h2 -> News Item headings; Article Headings background-color:#66FFCC; position:relative; border-style=solid; */
		h2 {text-align: left; color: black; font-size: 100%; margin-top: 2px; margin-bottom: 2px}
		/*h3 -> Table Headings */
		h3 {text-align: left; color: black; font-size: 90%; text-decoration: none; margin-top: 6px; margin-bottom: 0px}
		/*h4 -> Name and Date */
	 	h4 {text-align: left; color: #800080; font-size: 60%; margin-top: 0px; margin-bottom: 4px} 
		/*h5 -> Left Bar */
		h5 {color: #800080; margin-top: 0px; margin-bottom: 0px}
		/*h6 -> Left Bar Sub-items */
		h6 {color: #800080; font-size: 75%; text-indent: 2px; margin-top: 0px; margin-bottom: 3px}

		/* Table Headings */
		th {text-align: center; background-color: #800000; color: #FFFFFF; font-size:80%; padding:0px 10px 0px 10px;}
		.highlight {text-align: center; background-color: #000000; color: #FFFFFF; font-size:80%; padding:0px 10px 0px 10px;}
		
		/* Row Formatting   bgcolor: "darkgrey"; */
		td.row1 { background-color:darkgrey; color:#000000; text-indent: 0cm; text-align: left; font-size:70%; 
		padding:0px 8px 0px 8px; white-space:nowrap;}
		td.row2 { background-color:#D3D3D3; color:#000000; text-indent: 0cm; text-align: left; font-size:70%; 
		padding:0px 8px 0px 8px; white-space:nowrap;}

/* This is the main formating for the pages */
	div.container {	
	margin: 0px;
	width: 1250px;
	height: 700px;
	border: 0px solid blue;
	line-height: 100%; }

/* This is the main article formating for the pages */
	div.container-900 {	
	margin: 0px;
	width: 1250px;
	height: 900px;
	border: 0px solid blue;
	line-height: 100%; }

	div.container-1200 {	
	margin: 0px;
	width: 1250px;
	height: 1200px;
	border: 0px solid blue;
	line-height: 100%; }

	div.container-1500 {	
	margin: 0px;
	width: 1250px;
	height: 1500px;
	border: 0px solid blue;
	line-height: 100%; }

	div.container-1800 {	
	margin: 0px;
	width: 1250px;
	height: 1800px;
	border: 0px solid blue;
	line-height: 100%; }

	div.container-2100 {	
	margin: 0px;
	width: 1250px;
	height: 2100px;
	border: 0px solid blue;
	line-height: 100%; }

	div.container-2400 {	
	margin: 0px;
	width: 1250px;
	height: 2400px;
	border: 0px solid blue;
	line-height: 100%; }

	div.container-2700 {	
	margin: 0px;
	width: 1250px;
	height: 2700px;
	border: 0px solid blue;
	line-height: 100%; }
	
	div.container-3000 {	
	margin: 0px;
	width: 1250px;
	height: 5100px;
	border: 0px solid blue;
	line-height: 100%; }

/*	This is the formating for the TopStories Page
		container-1	
		container-1  */

	div.container-1 {	
	width: 760px;
	height: 144px;
	margin-top: 0px;
	border: 0px solid black;
	line-height: 100%; }

/* This is no longer used because I can re-use the one above
	div.container-2 {	
	width: 760px;
	height: 160px;
	margin: 0px;
	border: 0px solid black;
	line-height: 100%; } */
	
/* This is being used by the header */
	div.container-content {	
	width: 784px;
	margin-left: 0px;
	margin-top: 0px;
	border: 0px solid black;
	line-height: 100%; }
/*	overflow: auto; */

/* This formatting is for the Header Graphic and stuff  */
	div.header {
			background: #800000;
  		color : #0000FF;
 			font-size: 16px;
  		padding: 0px; 					/* Top, Right, Bottom, Left */ 
		  margin: 0px; 						/* Top, Right, Bottom, Left */
  		border-color : #000000;
  		border-style : none;
 		border-width : 0px;			/* the border property in longhand*/ 

	border: 0px solid black;
	width: 1250px;
	height: 80px;
	padding: 0px; }

	div.header-left {
	float: left;
	width: 570px;
	height: 78px;
	border: 0px solid gray;
	padding-top: 0px; }
	
	div.header-middle {
	visibility: hidden;
	float: left;
	width: 350px;
	height: 78px;
	border: 0px solid gray;
	padding-top: 0px; }
	
	div.header-right {
	float: left;
	width: 324px;
	height: 68px;
	border: 0px solid gray;
	padding-top: 10px;
	color: #FFFFFF; }

/* This formatting is for the footer = unused?? */
	
	div.footer {
	/* margin-top: 420px; */
	color: white;
	background-color: white;
	border: 0px solid black; 
	bottom: 0px;
	clear: left; }
	
/* This formatting is for the main Content and Advertising Left and Right */	
	
	div.left {
	margin: 0px;
	width: 160px;
	height: 600px;
	border: 0px solid gray;
	float: left; }
	
	div.right {
/*	margin-left: 920px; */
	margin-left: 950px;
	width: 300px;
	height: 400px;
	border: 0px solid gray;
	padding: 0px; }
	
	div.content {
	margin-left: 166px;
	width: 780px;
	height: 0px;
	border: 0px solid black;
	padding: 0px;  }

/* This is the formating for the Top Stories Page */

	div.content-1 {
	float: left;
	width: 130px;
	height: 130px;
	border: 0px solid gray;
	padding-top: 0px; }
	
	div.content-2 {
	float: left;
	width: 244px;
	height: 130px;
	border: 0px solid gray;
	padding-left: 2px; }

	div.content-3 {
	float: left;
	width: 360px;
	height: 140px;
	border: 0px solid black;
	padding-left: 8px; }
/*	background-color: #E5E5E5;*/

	div.content-4 {
	float: left;
	width: 360px;
	height: 360px;
	border: 0px solid black;
	padding-left: 8px; }
/*	background-color: #E5E5E5;*/

	 	ul.disc {
			list-style-type: disc;
			text-align: left;
			float: left;
			width: 100%;
			padding-left: 30px;
			margin: 0px;
			background-color: white;
			text-decoration:none; /* */
			/*color: Black; */
			font-size:80%; 
			color: #800080;
		}
		
  	ul.circle {
			list-style-type: circle;
			text-align: left;
			float: left;
			width: 100%;
			padding-left: 30px;
			margin: 0px;
			background-color: white;
			text-decoration:none; /* */
			/*color: Black; */
			font-size:80%; 
			color: #800080;
		}

	 	ul.square {
			list-style-type: square;
			text-align: left;
			float: left;
			width: 95%;
			padding-left: 30px;
			margin: 0px;
			background-color: white;
			text-decoration:none; /* */
			/*color: Black; */
			font-size:80%; 
			color: #800080;
		}

	 	ul.decimal {
			list-style-type: decimal;
			text-align: left;
			float: left;
			width: 95%;
			padding-left: 30px;
			margin: 0px;
			background-color: white;
			text-decoration:none; /* */
			/*color: Black; */
			font-size:80%; 
			color: #800080;
		}

		div.container-menu {	
			width: 1250px;
			height: 46px;
			margin-top: 0px;
			background-color: lightgrey;
			border: 0px solid black;
			line-height: 100%; }
	
		ul.topmenu {
			float: left;
			width: 1091px;
			padding-left: 159px;
			margin: 0px;
			border: 0px solid blue;
			background-color: lightgrey; }	/* lightgrey */
				
		/* font-size: 11px; */
		ul.submenu {
			float: left;
			width: 1091px;
			padding-left: 159px;
			margin: 0px;
			border: 0px solid blue;
			background-color: lightgrey;		/* lightgrey */
			text-align: left;}	
		
		li.inline {
			display:inline;
			}

		li {margin-bottom: 5px}
		
		/* font-family : Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; font-size: 14px; */
		body {
	   	background-color: white;
  	  background-repeat: repeat-y;
    	color: #000080;
    	margin: 4px;
    }
				
		.box {/*this is a box where the bottom-navigation and the copyright will be placed*/
  		background: #800000;
  		color : #0000FF;
 			font-size: 16px;
  		padding: 4px; 					/* Top, Right, Bottom, Left */ 
		  margin: 0px 0 0px 0px; 	/* Top, Right, Bottom, Left */
  		border-color : #000000;
  		border-style : none;
  		border-width : 1px;			/* the border property in longhand*/
  		}

		.boxfloating {/*this is a box where the bottom-navigation*/
      /* and the copyright will be placed*/
   		font-size: 16px;
				float: right;
				width: 328px;
				height: 10px;
				padding: 0px 0px 0px 0px;	/* Top, Right, Bottom, Left */
				margin: 14px 0 0px 0px; 	/* Top, Right, Bottom, Left */
  		border-color : #000000;
				border-style : none; 			/* none, solid, dotted, dashed, double, groove, ridge, inset, outset*/
  		border-width : 1px;					/* the border property in longhand*/
			}
					
		a.menuitemselected {
			font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
			float:left;
			font-size: 13px;
			width:8em;
			text-decoration:none; /* */
			color: white;
			background-color: maroon;
			padding:0.2em 0.6em;
			font-weight: bold;

			border-top: 1px solid maroon; 
			border-right: 1px solid maroon; 
			border-bottom: 1px solid maroon; 
			border-left: 1px solid maroon;
			}
		
		a.menu	{ /* This modifies the way Links are displayed, Ex. Menu */
			font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
			float:left;
			font-size:13px;
			width:8em;
			text-decoration:none; 
			color: Black;
			background-color: white;
			padding:0.2em 0.6em;
			font-weight: bold;
			text-align: left;
			}
			
		a.submenu	{ /* This modifies the way Links are displayed, Ex. Menu  font-weight: bold; */
			font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
			float:left;
			font-size: 12px;
			width:auto;
			text-decoration:none; 
			color: Black;
			background-color: solid lightgrey;
			padding:0.2em 0.4em;
			text-align: left;
			}

		/* unvisited link */
		a.menu:link {border-top:1px solid lightgrey; border-right:1px solid lightgrey; border-bottom:1px solid lightgrey; border-left:1px solid lightgrey}
		/* visited link */
		a.menu:visited {border-top: 1px solid lightgrey; border-right:1px solid lightgrey; border-bottom: 1px solid lightgrey; border-left:1px solid lightgrey}
		/* mouse over (NOTE:link border-top: 1px solid black; border-right:1px solid black; border-bottom: 1px solid black; border-left:1px solid black) */
		a.menu:hover {background-color: maroon; color: yellow; border-top: 1px solid maroon; border-right:1px solid maroon; border-bottom: 1px solid maroon; border-left:1px solid maroon}
		/* selected link */
		a.menu:active {background-color: maroon; color: yellow}

		/* unvisited link */
		a.submenu:link {border-top:1px solid lightgrey; border-right:1px solid lightgrey; border-bottom:1px solid lightgrey; border-left:1px solid lightgrey}
		/* visited link */
		a.submenu:visited {border-top: 1px solid lightgrey; border-right:1px solid lightgrey; border-bottom: 1px solid lightgrey; border-left:1px solid lightgrey}
		/* mouse over (NOTE:link border-top: 1px solid black; border-right:1px solid black; border-bottom: 1px solid black; border-left:1px solid black) */
		a.submenu:hover {color: black; text-decoration:underline; font-weight: bold;}
		/* selected link */
		a.submenu:active {color: black; }


		a.link { /* This modifies the way Regular Links are displayed */
			font-weight: normal;
			text-decoration: none;
			color: #0000FF;
			float:none;
		}

		/* unvisited link */
		a.link:link {font-weight: normal; text-decoration: none; color: blue}
		/* visited link */
		a.link:visited {font-weight: normal; text-decoration: none; color: #000080}
		/* mouse over link */
		a.link:hover {text-decoration: none}
		/* selected link */
		a.link:active {text-decoration: none}

/* Spiffy Corners */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E5E5E5}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3;
  background:#ebebeb}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfc;
  border-right:1px solid #fcfcfc;
  background:#e9e9e9}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e9e9e9;
  border-right:1px solid #e9e9e9;}
.spiffy4{
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3}
.spiffy5{
  border-left:1px solid #ebebeb;
  border-right:1px solid #ebebeb}
.spiffyfg{
  background:#E5E5E5}




/* Elements being tested */

/* Elements not currently being used */