html 
{
}

img
{
	border-style: none;
}

body 
{
	text-align: center;
	padding-right: 0px; 
	padding-left: 0px; 
	/* background-color: Orange;
	
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=White,endColorStr=Blue); */
	/*background-color: rgb(218,222,239); 
	background-image: url("/navcog/images/feta.gif");
	background-position: right bottom;
	background-attachment: fixed;
	background-repeat: no-repeat;*/

	
	padding-bottom: 0px; 
	margin: 0px; 
	font: 13px/1.4 "Tahoma",verdana, sans-serif; 
	color: black; 
	padding-top: 0px;
	
}

/* Link styles */

a 
{
	font-weight: bold; text-decoration: underline
}

a:link 
{
	/* color: rgb(0,0,192); */
	color: rgb(100, 104, 254);
}

a:visited 
{
	color: rgb(100, 104, 254);
}

a:active 
{
	color: orange
}

a:hover 
{
	color: orange
}

/* Page body styles */

#pagebody 
{
	text-align: left;
	background-color: White;
	padding: 0px 20px 20px 20px;
	WIDTH: 700px;
	/*
	border-style: solid;
	border-color: rgb(153,153,153);
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	*/
}

#smalltext
{
	text-align: right;
	font-size: 10px;
	width: 700px;
}

#smalltext img
{
	border-style: none;
	vertical-align: middle;
}
/* Banner at the top of the page styles */

#banner 
{
	/*background-image: url('/navcog/images/navcognew.gif');*/
	/*background-image: url('/navcog/images/header.gif');*/
	background-position: left center;
	background-repeat: no-repeat;
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=White,endColorStr=Orange);*/
	FONT-WEIGHT: bold; 
	WIDTH: 700px; /* was 90% */
	height: 100px;
	FONT-STYLE: italic; 
	FONT-FAMILY: Arial;
}

#banner H1 
{
	FONT-SIZE: 25px; 
	/*color: #E5EDFA;*/
	COLOR: rgb(189,208,248);
	/*color: White;*/
	top: 25;
	text-align: right;
	text-transform: lowercase;
	width: 100%;
	position: relative;
	/*height: 100%;*/
}

#outer {height: 100px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */

#inner H1 
{
	FONT-SIZE: 25px; 
	/*color: #E5EDFA;*/
	COLOR: rgb(189,208,248);
	/*color: White;*/
	top: 25;
	text-align: right;
	text-transform: lowercase;
	width: 100%;
	position: relative;
	/*height: 100%;*/
}

#index
{
	width: 100%
}

#index tr
{
}

index td
{
	padding-right: 10px;
	width: 50%;
}

img.banner
{
	margin-top: 20px;
}

/* Navigation section styles */

#navigation 
{
	float: left;
	WIDTH: 130px;
}

#navigation a 
{
	font-weight: bold; text-decoration: none;
}

#navigation LI 
{
	MARGIN-LEFT: -40px; 
	COLOR: Orange; 
	MARGIN-TOP: 0px; 
	PADDING-TOP: 5px; 
	PADDING-BOTTOM: 5px; 
	BORDER-BOTTOM: #e0e0ee 1px solid; 
	BORDER-RIGHT: #e0e0ee 0px solid;
	list-style-type: none;
}

/* Content section styles */

#content 
{
	
	PADDING-TOP: 15px; 
	PADDING-BOTTOM: 15px; 
	PADDING-RIGHT: 15px; 
	PADDING-LEFT: 15px; 
	background-color: #EEF4FC;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=White,endColorStr=#E5EDFA);
	MARGIN: 00px 0em 0em 150px; 
	BORDER-LEFT: #e0e0ee 1px solid; 
	BORDER-BOTTOM: #e0e0ee 1px solid;
	BORDER-TOP: #e0e0ee 1px solid; 
	BORDER-RIGHT: #e0e0ee 1px solid;
	LINE-HEIGHT: 1.6em; 
	min-height: 300px;
}

/* for Internet Explorer */
* html #content 
{
	height: 300px;
}


#content H1 
{
	FONT-SIZE: 20px; 
	color: rgb(100, 104, 254);
	font-weight: normal;
}

#content H2 
{
	FONT-SIZE: 16px; 
	color: rgb(100, 104, 254);
	font-weight: normal;
}

#content H3 
{
	FONT-SIZE: 14px; 
	color: rgb(100, 104, 254);
	font-weight: normal;
}

#content H4 
{
	FONT-SIZE: 12px; 
	color: rgb(100, 104, 254);
	font-weight: normal;
}
/* ignore these... */

#contentprop {
    height:498px;
    float:right;
    width:1px;
  }

#contentclear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

#print
{
	/*
	BORDER-LEFT: #e0e0ee 2px solid; 
	BORDER-BOTTOM: #e0e0ee 2px solid;
	BORDER-TOP: #e0e0ee 2px solid; 
	BORDER-RIGHT: #e0e0ee 2px solid;
	width: 100%;
	/*padding: 2px 2px 2px 2px;*/
		
}

#print img
{
	border-style: none;
	padding: 2px 10px 2px 0px;
	vertical-align: middle;
}

#print a 
{
	font-weight: normal;
	color: rgb(192,192,192);
}

