@charset "iso-8859-1";

/*******************************************************************************
*  screen.css
* ------------------------------------------------------------------------------
*  This stylesheet defines the layout as it appears on screen.
*******************************************************************************/
#pageWrapper
{
	margin: 0;
	width: auto;
	min-width: 500px;
}
#outerColumnContainer
{
	z-index: 2;
	border-color: #fff;	/* set default color to white. set the real
				   color inside colors.css */
	border-style: solid;
	border-width: 0 15em;	/* sets the width of the borders used to create
				   the left and right columns' background 
				   color. */
}
#innerColumnContainer
{
	z-index: 1;
	width: 100%;
}
* html #innerColumnContainer
{
	position: relative;	/* fix a render bug in IE under certain
				   conditions */
}
#contentColumn
{
	margin: 0 -1px;		/* without this, boxes stop floating next to 
				   each other */
	width: 100%;
}
#leftColumn, #rightColumn, #contentColumn
{
	float: left;
	position: relative;	/* IE has a display/render bug with non-floated 
				   block elements inside floated block elements. 
				   setting position:relative on the floating
				   element seems to resolve this. */
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
}
#rightColumn
{
	float: right;		/* floating this right allows for the right
				   column block to appear before the content
				   column in the flow of the document. doing
				   this allows for any easy 3 column layout
				   in NN4.

				   There is certainly a lot, in terms of layout
				   'theory' about how the flow of the document
				   should be. I won't get into it here. */
	width: 15em;
	margin: 0 -15em 0 1px;	/* same as in the #leftColumn selector up 
				   above. */
}
#leftColumn
{
	width: 15em;
	margin: 0 1px 0 -15em;	/* like in the #contentColumn selector, without
				   the 1px margin on the opposite side of the 
				   box, boxes stop floating next to each 
				   other */
}
#footer
{
	position: relative;
}
#masthead h1
{
	display: inline;
	padding-left: 15px;	 /*personal preference to keep the header 
				   inline. you could just as easily change 
				   padding and margins to 0. */
	font-family: "Times New Roman", Times, serif;
	font-style: oblique;
	letter-spacing: 1px;
}
#masthead h6
{ padding-left: 145px;/*to align text next to graphic*/
  font-size: 120%;
}				
.inside h2
{
	font-family: "Times New Roman", Times, serif;
	letter-spacing: .5px;
	font-size: 250%;
}
.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide, #oldBrowserNotice, .ieSixCharDupBug
{
	/* hide elements that CSS-targeted browsers shouldn't show */
	display: none !important;
}
#contentColumn
{
	border-width: 0;	/* reset value from that in the version 4 
				   stylesheet.  */
}

/*
	The below block of CSS is invalid, and will invalidate this stylesheet. IE breaks horribly without this 
	fix. This invalid line of CSS is used in order to keep IE happy. */
* html #pageWrapper
{
	word-wrap: break-word;
}
#pict
{  
	float: left;
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 0px;
}
.inside span.welcome
{
	font-size: 100%;
	font-style: oblique;
	color: #5D7CBA;
}
#newfeature
{
	text-align: center;
}
#newfeature a
{	
	font-stretch: ultra-condensed;
	padding-top: 15px;
	padding-bottom: 5px;
	text-decoration: underline;
	font-weight: bolder;
	font-size: 82%;
}
.vnav  #init ul li
{
/*	border-color: #14223D; 
	border-style: ridge;*/
}
#init ul li  /*New Styles for Parent drop-downs*/
{
	font-size: 85%;
	color: #14223D;
}
#init ul li li  /*New Styles for Child drop-downs*/
{
	font-size: 98%;
	background-color: #DDDFFF;
}
.vnav ul #vnav-touch  /*set border bottom to properly display bottom border for last element in nav list /////*/
{
	border-bottom: medium;
}
.inside li a
{
	color: #FF5400;
	font-weight: bold;
}
#init a
{
	text-decoration: none;
	color: #14223D;
	background-color: FFC77F;
}
#textLinks a
{
	color:#FFFFFF;
	font-weight: bold;
}
#textLinks p a:hover
{
	color: #FFC77F;
	font-weight: bolder;
}
.resources
{
	float: left;
	color: #FF5400;
}
.resources select
{
	font-size: 80%;
}
.resources select option selected
{
	color: #14223D;
	font-weight: bold;
}
span.makeitalic
{
	font-style: oblique;
	color: #14223d;
}
.inside p a
{
	color: #003EBA;
}

/*******
Color select box
******/
option 
{background-color:#FFC77F; 
  color:#14223D;
  font-weight: bolder;
}


/*******************************************************************************
*  hnav.css 
* ------------------------------------------------------------------------------
*  responsible for the horizontal navigation elements.
********************************************************************************/
.hnav
{
	border-bottom: solid 1px #fff;
	text-align: center;
}
.hnav, .hnav ul li a
{
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 3px;
	padding-bottom: 4px;
	font-weight: bold;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
}
.hnav ul li span.divider
{
	display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}

/*******************************************************************************
*  vnav.css
* ------------------------------------------------------------------------------
*  responsible for the vertical navigation elements.
*******************************************************************************/
.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav a
{
	text-decoration: none;
}
.vnav ul li
{
	border-bottom: solid 1px #000;
}
.vnav ul li a
{
	text-decoration: none;	
	display: block;
	padding: 2px 10px;
	font-size: 85%;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}
* html .vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
	background-color: #FFC77F;
}
.vnav h3
{
	margin-bottom: 0;
	padding-bottom: 3px;
	font-size: 135%;
	font-weight: bold;
	text-align: center;
}
.vnav  #init ul li    /*Set color and border style for vertical navigation elements */
{
	border-color: #ff9000;
	border-style: double;
}
.vnav ul #vnav-touchkc /* set border bottom to properly display bottom border for last element in nav list /////*/
{
	border-bottom: medium;
}

#home #nav-home a
{
	background-color: #CFCDD7; /* To set current page on nav bar to different color*/
	color: #14223D;
}
/*******************************************************************************
*  colors.css
* ------------------------------------------------------------------------------
*  defines background and foreground colors of elements within the layout.
*******************************************************************************/
body
{
	background-color: #8B9BBA;
	color: #fff;
}
#outerColumnContainer
{
	border-left-color: #29447B;	/* left hand column background color */
	border-right-color: #5D7CBA;	/* right hand column background color */
}
#masthead
{
	background: #FFC77F
	url(http://www.ccf.state.ny.us/Images/RevolvPhotos/newbrothsis.jpg) no-repeat 90% 100%; 
	color: #14223D;
}
#footer
{
	background-color: #FFC77F;
	color: #14223D;
}
#outerColumnContainer, #contentcolumn	/* selector case hack to reset version 4
					   stylesheet setting */
{
	background-color: #fff;		/* this sets the background color on the
					   center column */
	color: #000;
}
#leftColumn, #rightColumn, #contentColumn
{
	color: #000;
}
/*///////////////////////////////////Vertical Nav Colors/////////////////////////////////////////////////*/
.vnav ul li a
{
	color: #14223D;
	background-color: #FFC77F;
}
.vnav ul li a:hover
{
	background-color: #14223D;
	color: #FFFFFF;
}
.vnav
{
	border-color: #fff;
}
.vnav h3
{
	color: #fff;
}
#leftnav
{
	color: #FF900;
}
#rightColumn .vnav ul li a:hover /*Set color for right Nav Hover*/
{
	background-color: #14223D;
	color: #fff;
}
#rightColumn .vnav ul li a      /*Set colors for right Nav */
{
	color: #14223D;
	background-color: #ffC77f;
}
#rightColumn .vnav ul li /*Set border style for Featured Links*/
{
	border-style: ridge;
	border-width: medium;
	border-color: #ff9000;
}
#rightColumn .vnav li img /*Set border color for images on right nav*/
{
		border-color: #14223D;
}
.inside
{
	z-index: auto;
}
.inside h2, h3, h4, h5
{
	color: #14223D;
}
#leftColumn h3
{
	color: #FF9000;
}
.hnav, .hnav ul li a
{
	background-color: #FF9000;
	color: #14223D;
}
.hnav ul li a:hover
{
	background-color: #14223D;
	color: #fff;
}
#pageWrapper, #innerColumnContainer, #masthead, #footer, .hnav
{
	border-color: #000;
}

/*******************************************************************************
*  gutters.css
* ------------------------------------------------------------------------------
*  handles the whitespace between and within elements; such as margins and padding.
*******************************************************************************/
body
{
	margin: 0;
	padding-left: 3em;
	padding-right: 3em;
	padding-bottom: 3em;
	padding-top: 1em;		/* remove this padding if you want the layout to
				   stretch from edge to edge of the viewport. */
}
p, h1, h2, h3, h4, h5, h6
{
	margin: 1em 0;		/* specifically define this for Opera's sake,
				   and also for better consistency across 
				   all platforms  */
}
.inside
{
	padding: 0 1.5em;	/* this padding is applied to every major box 
				   within the layout for a uniform gutter 
				   between borders 

				   _NOTE_: a small glitch in IE seems to appear
				   if this class has vertical padding applied
				   to it. so in cases where you want to add 
				   vert padding, use the parent element. margin
				   values here don't work because .inside has
				   a key role in border generation */
}
#leftColumn, #centerColumn, #rightColumn, #masthead
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;	/* this is the vert padding talked about in the
				   previous selector. */
}

#masthead, #footer
{
	padding: 1em;
}
.vnav
{
	margin: 1em 0;
}
html>body #footer
{
	padding-bottom: 1.01em;	/* this is to fix a bug in mozilla that results
				   in a 1px line of white below the footer when
				   the document gets very long. extremely long
				   documents may generate the bug again. if
				   you experience that, increasing this value
				   may help. i think this is related to moz's
				   off-by-one troubles as the bug does not
				   occur in any other browser */
}
/*******************************************************************************
*  borders.css
* ------------------------------------------------------------------------------
*  this stylesheet defines any and all borders that are rendered on the layout.
*******************************************************************************/
#pageWrapper
{
	border-style: solid;	/* explicitly defined within eact selector in 
				   case you want change border styles (to mix 
				   it up) between elements */
	border-width: 0 1px;	/* puts a border on the left and right sides of
				   the page. #masthead and #footer will handle 
				   the top and bottom borders */
}
#outerColumnContainer
{
	/* the borders used to create/reserve space for the side columns are
	   now defined in base.css because they are an integral part of
	   the layout. */
}
#innerColumnContainer
{
	border-style: solid;
	border-width: 0 1px;	/* puts borders between center and the side 
				   columns. */
	margin: 0 -1px;		/* compensation for the borders because of
				   100% width declaration on this object */
}
* html #outercolumncontainer
{
	/* IE5.0/Win fix for 1px whitespace between masthead and body. */
	margin-top: -1px;
	border-top: solid 1px #000;
}
#masthead
{
	border-style: solid;
	border-width: 1px 0;	/* handles the top of the layout's border and the
				   bottom of the masthead section */
}
.hnav
{
	border-style: solid;
	border-width: 0 0 1px 0;
}
#footer
{
	border-style: solid;
	border-width: 1px 0;	/* handles the top of the footer section and 
				   the bottom of the entire layout */
}
/*******************************************************************************
*  fonts.css
* ------------------------------------------------------------------------------
*  handles the font type (family), sizes, line-height, alignment, and any other
*  properties relating to fonts - with the exception of color.
*******************************************************************************/
body
{
	font-family: arial, helvetica, sans-serif;
	font-size: 100.1%;	/* font sizing approach recommended by Dave 
				   Silvester on the css-discuss list. "the 
				   .1 is important." */
}
#pageWrapper
{
	font-size: 80%;
}
#footer
{
	text-align: center;
}
/* :root is an invalid pseudo class but mozilla knows it */
:root code
{
	font-size: 120%;	/* monospace fonts are typically smaller that 
				   'normal' fonts under Mozilla. */
}

/*
	Time to try and get all the heading elements to the same size 
	regardless of browser. (IE seems to put them a big bigger
	than Mozilla, typically.)
*/
h1
{
	font-size: 210%;
}
h2
{
	font-size: 180%;
}
h3
{
	font-size: 140%;
}
h4
{
	font-size: 126%;
}
h4 a
{
	color: #14223D;
	font-weight:bolder;
}
h5
{
	font-size: 110%;
}
h6
{
	font-size: 100%;
}

.inside #pub .img a
{
	float: left;
	padding-right: 20px;
	border-width: thin; 
	color: #29447B;	
}
.pictText
{
	padding-left:100px;
}

/*************************Vertical Flyout*******************************************/