/*********************SAREP SITEWIDE STYLE SHEET***********************/

/* SAREP COLORS
		Orange		#EC9B2D		(Left Navbar, etc)
		Salmon		#FDCC8A		FFD68C	(Left Nabar Hover, etc)
		Parchment	#FFF4DD		(Page Background)
*/

BODY { font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;	
	background-image: URL('/nickdex/navbacksmall.jpg');
	background-repeat:repeat-y;
	z-index: 1;
	background-color: #fef8ec;/*#F5E5CC;/*#F9E9CC;/*F5F0E1*/	
}

#page{ /* Outer container for the whole page */
	background-color: #eace91;/*#F5E5CC;/*#F9E9CC;/*F5F0E1*/	
	z-index: 3;
}

#pagebody{ /* Evertyhing right of the left navbar */
	position: absolute;
	margin-left: 9.8em;
	min-width:35em;
	max-width:45em;
	padding-right: 3px;
	background: url('/backfloat2.gif');
	background-repeat: repeat-y;
	z-index: 4;
	/*border-right: 1px solid #EACE91; *//* Border on the righthand side of the page - a line */
}

#content { /* Contains no navbars */
	width: auto;
	text-align:left;
	margin: 0em 0em 0em 1.5em;
	font-size:smaller;
	min-height: 95%;
	/*background-color: #FFF4DD;*/

}

#floater{
	width:800px;
	height:100%;
	position:absolute;
	background-color: #FEF8EC;
	margin-left:9.8em;
	z-index:3;
}


a	{ text-decoration: none; }
a:hover	{ color: #0099CC; }
a:visited { color: #0000FF; }
a:visited:hover { color:#999999; }

img	{ border: 0px }

.breadcrumbs{
	margin-top:-1.25em;
	margin-left:1em;
}


/* ***** NEWS RELEASE STYLES ***** */

#news { /* page-wide style information */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#news .releaseDate{ /* formatting for date at the top of press release page */
	font-style: italic;
	font-size: 1em;
}

#news h1{ /* formats the page headline */
	font-size: 2em;
	font-weight: 100;
}

h1{
	font-size: 2em;
	font-weight: 100;
}

.photoBox{ /* box for photos */
	position: relative;
	width: auto;
	float: right;
	z-index: 99998;
	margin-left:1em;
	margin-bottom:.5em;
}

.photoMultiBox{ /* A floating box for containing multiple images */
	position: relative;
	width: auto;
	float: right;
	z-index: 99998;
	margin:1em 0em 1em 1em;
	margin-bottom:.5em;
	padding-left: .5em;
	border-left: 1px solid #DFDFD0;
}

.multiBoxPhoto{ /* A class for photos with the photoMultiBox class */
	margin-left: auto;
	margin-right: auto;
	width: auto;
	clear: both;
}

.photoBox img{
	max-width: 55em;
}

.author{ /* style for author in newsletters */
	font-size: .95em;
	font-style: italic;
}

#news strong{ /* subheader formatting within a news release */
	font-size: 1em;
	font-weight: bold;
}
/* ***** END NEWS RELEASE STYLES ***** */

#topnav {
}

#topnav .topRow{
	width: 101.5%;
	background-color: #F4E9CC;
}

#topnav #bottomRow{
	border-bottom:1px solid #CCCC66;
}

#topnav a {
	/*background-color: #F4E9CC;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: navy;
	padding: .1em 4em .1em 4em;
	margin: 0em 0em .1em 0em;
	margin-left:auto;
	margin-right:auto;
}

#topnav a:hover {
	color: white; background-color: navy; text-decoration: none; 	
}

#topnav table {
	background-color: #FFD68C;
	border: 0;
	cell-padding: 0;
	cell-spacing: 0
}
#topnav td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align:center;
}

#topnav td a {
	color: navy;
	background-color: #FFD68C;
	display: block;
	line-height: 20px;}
	
#topnav td a:hover {background-color: navy;
	text-decoration: none;
	color: white;
}

#topnavLocal{
	margin-left:-1.5em;
	background-color:#f4efdc;
	border-top:1px solid #DFDF86;
	width:104.35%;
}

#topnavLocal a {
	/*background-color: #F4E9CC;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: navy;
	padding: .3em 2em .3em 2em;
	margin: 0em 0em 0em 0em;
	margin-left:auto;
	margin-right:auto;
	line-height: 20px;
}

#topnavLocal a:hover {
	color: white; background-color: navy; text-decoration: none; 	
}

#leftnav {
	clear: right;
	width:14em;
	position: absolute;
	color: black;
	border:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:bolder;
	letter-spacing:-1px;
	/*	background-color: #EC9B2D;*/
	z-index:100000;
}
#leftnav a {
	/*background-color: #EC9B2D;*/
	color: black;
	text-decoration: none;
	display:block;
	padding-right: .1em;
	padding-left:14px;
	text-indent:-10px;
	padding-bottom:3px;
	font-weight: lighter;
}
#leftnav a:hover {background-color: #FDCC8A;}
#leftnav .major_area {margin-left:4px; margin-bottom:22px}
/* #leftnav .ind2 {margin-left:9px; line-height:12px;} */
#leftnav .smaller {font-size: 1em;}
#leftnav .smallest {font-size: .9em;}


#leftnav a.headerlogo{
	display: inline;
	padding:0;
	margin-top:2px;
	text-indent:0;

}

#leftnav a.headerlogo :hover{
	background-color:#EACE91;
}

.headerlogo :hover{
	background-color:inherit;
}

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bolder;
}
#footer a {text-decoration: none; color: black; padding:0 10px 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;}
#footer a:hover {
	color: #CC3333;
	/*background-color: #EC9B2D;*/
}

#footer hr{
	background-color: black;
	width: auto;
}


#newsletter2 { /* background-image:url(/images/news_bak.gif);
	background-repeat:repeat-y;
	padding: 0 0 0 72px;
	width:515px; */
	background-image: ;
	background-repeat: no-repeat;
	/*padding: 0 0 0 2em; */
	/*font-size:smaller; */ /* Moved specification to .content */
	}
#newsletter { 
	/*padding: 0 0 0 2em; */
	/*font-size:smaller; */ /* Moved specification to .content */
	}
#newsletter p { /*text-align: justify;*/ }
#newsletter h3 {
	font-weight: bold;
	color: #FF9900;
	text-transform: uppercase;
	line-height: 1;
	/*margin: 0 0 0 0; */
}
#newsletter .issue-large { font-family:"Times New Roman", Times, serif;
	font-size:185%;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	}
#newsletter .issue { font-family:"Courier New", Courier, mono;
	text-align:right; }
#newsletter .align-right { text-align:right; }
#newsletter .index { }
#newsletter .index li {
	padding-bottom: 0.5em;
}
#newsletter .index .issue { font-family:"Times New Roman", Times, serif;
	font-size:160%;
	font-style:italic;
	text-align:left;
	}


.align_right { Float: right; margin: 0 0 .5em 1em; }
.std_button	{ font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	padding: 10px;
	color: #FFFFFF;
	background-color: #999999;
	border-left: 2px solid #CCCCCC;
	border-right: 2px solid #000000;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #000000;
}
.std_button:hover { background-color:#DDDDDD; }
.std_button:visited { color: #FFFFFF; }


.inlinepic-right {
	width:10px;
	caption-side:bottom;
	padding: 0 0 10px 10px;
	float: right;
}
.inlinepic-left {
	width:10px;
	caption-side:bottom;
	padding:  0 10px 10px 0;
	float: left;
}
.photocap {
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
}

.box {
	padding: .5em;
	background-color: rgb(245,240,225);
	border: 1px solid rgb(223,223,208);
	margin: .5em;
}

.toplink {  text-decoration: none; color: #0000FF}
.toplink:hover { color: #000099; text-decoration: none}

sup, sub{
	line-height:.1em;
}

.pdfSize{
	font-size:x-small;
	font-style:italic;
}

.printOnly{
	display:none;
}

/********************* Footnotes ***************************************/

a.footnote {
	position: relative;
	text-decoration: none;
	color:  #009933;
}

a.footnote span {
	display: none;
}

a.footnote:hover {font-size: 100%;} /* IE/Win requires some link change on hover in order to show the tooltips */

a.footnote:visited{
	color: #009933;
}

a.footnote:hover{
	color: #0033CC;
}

a.footnote:hover span { /*the span will display just on :hover state*/
	display: block !important;
	position: absolute;
	top: 1.5em; 
	left: -5em; 
	min-width: 10em;
	width: 30em;
	border: 1px solid #DDDDAA;
	background-color: #FFFFCC;
	color: #000;
	padding: 10px;
	font-size: .8em;
	z-index:99999999;
}
	
/***********************************************************************/

/******************************* Headers *******************************/


h1.boxed, h2.boxed, h3.boxed, h4.boxed, h5.boxed, h6.boxed{
	width: 100%;
	margin: 1%;
	margin-left: -.25em;
	padding: .4em;
	background-color: rgb(245,240,225);
	border: 1px solid rgb(223,223,208);
}


/*
 * Note: Nick made these headers after seeing so many different font declarations
 * 		 being used as headers. These headers need not be used, but could be
 *		 very nice for instilling a sense of consistency across the site.
 */


.pageHeader{

	/*Note: While this is a class and not an ID related style, it is intended
	 that in general only ONE of these should be used per page. Use more,
	 only if you feel it is appropriate */
 
 	font-size: xx-large;
 
}

.subHeader{
	/*This header is meant for use as a way of dividing up a page into multiple,
	  easily discernable, topics. It may include a delineator other than just
	  text size and color such as an HR or a box around it. */

	font-size:x-large;

}

.smallHeader{

	/* This header is meant for defining parts of subsections - most likely
		only uses text size */
		
	font-weight: bold;
	font-size: larger;


}


.miniHeader{

	/* This header is the functional equivalent of the current use of <strong>
		as a header, except it will allow us to change it in the future if we
		need. */

	font-weight: bold;		
		
}


/******************************* End Headers *******************************/

/**************************** Navbar Flyout CSS ****************************/

.menu {
	/*width:745px;*/
	min-height:32px;
	position:relative;
	z-index:100;
	/*border-right:1px solid #000;*/
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
/*	width:746px;
	w\idth:745px;*/
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
	
.menu ul ul {
	width:14em;
	list-style-type:none;
}
	
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
	clear: left;
}
	
/* style the links for the top level */

.menu a, .menu a:visited {	
	display: block;	
	text-decoration:none;
	color:#fff;
	width:13.0em;
	min-height: 1.1em;
/*	padding-left:1em;*/
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	/*width:13.7em;
	w\idth:13.7em;*/
}
	

/* style the second level hover */
.menu ul ul a.drop:hover{
	background:#c9ba65 url(/images/arrow.gif) bottom right no-repeat;
}
	

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position: absolute;
	height:0;
	left:13.7em;
	top:-.5em;
	width:13.7em;
	/*border-top:1px solid #000;*/
	list-style-type: none;
	z-index: 101;
}
	
/* another hack for IE5.5 */
* html .menu ul ul {
	top:30px;
	t\op:31px;
}
	


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	border: 1px solid #d0d4c1;
	background:#f0f4e1/*#e8d8b8*/;
	color:#000;
	height:auto;
	line-height:1em;
	padding:.5em 1em;
	width:13.7em;
	border-width:0 1px 1px 0px;
}
	
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	width:13.7em;
	w\idth:13.7em;
}
	

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color: black;
	background:#fdcc8a;
}
	
.menu :hover > a, .menu ul ul :hover > a {
	color: black;
	background:#f0f4e1;
}
	

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{
	visibility:visible;
}


/************************** End Flyout CSS ******************************/



/**** Buttons CSS ****/

#buttonHolder{
	width: 45em;
}

.imageButton{
	font-size:.8em; /* TO CHANGE BUTTON SIZE - only change this line - everything else will adjust to this size*/

	position: relative;
	float: left;
	z-index: 6;
	margin-left: 1em;
	top:1px;
	width:12em;
	height: 9em;
}

.imageButton{
	color: black;
}
	
.imageButton.small{
	font-size: .6em;
}
	
.imageButton.large{
	font-size: 1em;
}
	
.imageButton .image{
	position: absolute;
	z-index: 8;
	width: 100%;
	height: 100%;
}
	
.textBackLayer{
	background-color: white;
	opacity: .5;
	filter: alpha(opacity=50);
	width: 100%;
	position: absolute;
	z-index: 9;
	top: 80%;
	height: 17%;
}

.textLayer{
	position: relative;
	z-index: 11;
	top: 77%;
	height: 1em;
	padding: .25em;
	padding-left:.5em;
	width: inherit;
	width:93%;
	text-align: center;
}

.textBackLayer.multiLine{
	top: 65%;
	height: 32%;
}

.textLayer.multiLine{
	top: 61%;
	height: 1.8em;
	font-size: 1.15em;
}

.maskLayer{
	z-index:10;
	position:absolute;
	width: 100%;
	height: 100%;
}


/* Content Formerly from Program Areas Stylesheet that has been generalized */

.summary{
	color:#222222;
	padding: 1em;
	padding-top: 0em;
}

h2 a:link, h2 a:visited {
	color: #003399;	
}

h2 a:visited:hover{
	color: #999999;	
}

h2 a:hover{
	color: #0099CC;	
}

h2{
	font-size: 1.3em;
	font-weight:600;
}
/* End ProgAreas content */