﻿/*---Author:      Cole Sousa
-----Update Date: 02/18/2009
-----------------------------------*/

* { padding: 0; margin: 0; }

body {
  font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;

 
 background-color:#dad9d5;
}

#wrapper { 
 margin: 0 auto;
 width:755px;
 margin-top:10px;
 
}

#header {
width: 753px;
 color: #333;
border-left:solid 1px #870200;
 border-right:solid 1px #870200;
 border-Top:solid 1px #870200;
  background-color:#f3f2ed;
 margin: 0 auto;

}

#header h1
{
 background-color:#870200;  
height:5px;
 font-size:5px;	
}



.navigation {
 width: 753px;
 margin: 0 auto;
 height:100px;

border-left:solid 1px #870200;
border-right:solid 1px #870200;

/*border:solid 1px #870200;*/
}

.Menu_Nav
{
width: 753px;
margin: 0 auto;
background-image:url(../Images/menu_bg3.jpg);
border-left:solid 1px #870200;
border-right:solid 1px #870200;
border-top:solid 1px #625e00;
height:20px;
background-repeat:repeat-x;
}


#content { 
 width: 753px;
 color: #333;

background-color:White;
margin: 0 auto;
border-left:solid 1px #870200;
border-right:solid 1px #870200;
border-top:solid 1px #625e00;
border-bottom:solid 1px #870200;
min-height:400px;

}

* html #content {height:400px;}


#footer{ 
 width: 753px;
 height:20px;
 border-left:solid 1px #870200;
 border-right:solid 1px #870200;
 border-bottom:solid 1px #625e00;
margin: 0 auto;
background-image:url(../Images/menu_bg3.jpg);
background-repeat:repeat-x;
text-align:center;
color:White;
}

#footer a
{
color:White;
 text-decoration:none;
}




#Main_Content
{
width:750px;
min-height:200px;	
}
* html #Main_Content {height:200px;}





/* -------------- Used to clear floats ------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -------------- Used to clear floats ------------- */


/*--------Page Segments-------------------------------*/


.Left_Menu_Segment{
width:175px;
min-height:300px;
display: inline; 
float: left;
padding:9px 0px 0px 4px;
}

* html .Left_Menu_Segment {height:300px;}  


.Content_Segment { 
 margin: 0px 0px 0px 10px;
 display: inline; 
 padding: 6px 0px 4px 3px; 
 width:545px;
 float: left;
 min-height: 300px;


}
* html .Content_Segment {height:300px;}

/*-----End Page Segments--------------------------*/


/*----Content Styles---*/

.Content_Segment h2
{
	
color:#870200;
border-bottom:dotted 1px silver;
width:535px;
 font-size:medium;
 padding-top:1px;	
}

.Content_Segment h3{
width:250px;
font-weight:bold;

font-size:14px;

color:#870200;
border-bottom:dotted 1px silver;
	
}

.Content_Segment a
{
color:#870200;		
}

.Content_Segment a:visted
{
color:#870200;		
}


.Content_Segment a:hover
{
 text-decoration:none;
 color:silver;
 		
}

/*----------------------*/


/*----Q & A Styles---*/
.Question_And_Answer{
width:550px;
background-color:#b1cfeb;
border:solid 1px #625e00;
min-height:125px;	
}
* html .Question_And_Answer {height:200px} 

/*-------------------*/

/*--Logo_pic_Section-------Home_pic4.jpg------*/
.Logo_Segment 
{
 
  width:753px;
 height:100px;
 background:url(../Images/NyFF_pics/nyff_banner1.jpg); 
  background-repeat:no-repeat;
  float:left;
 display:inline;	
  border-top:solid 1px #870200; /*added when header is commented out
  could move image to div tag in master page if padding is desired on top and bottom 
  padding-top: 5px; 
  padding-bottom: 5px; and remove background: from above*/

}

.Pic_Segment
{
 float:left;
 display:inline;
 width:452px;	
 height:150px;
 background:url(../Images/NyFF_pics/Home_pic1.jpg);
  background-repeat:no-repeat;
	}



/*--End Logo_pic_Section--------------*/


/*---------------------------*/
.pic_border
{
 border:solid 1px #cd9c01;		
}

/*---------------------------*/


/*---Home Page Segments-----*/

.Segment_left
{
 width:300px;

 min-height:100px;
 float:left;
 display:inline;
}
* html .Segment_left {height:100px;}

.Segment_right
{
 width:250px;
/* border:solid 1px blue;*/
 min-height:150px;
 float:left;
 display:inline;
  margin-left:3px;
  background:url(../Images/NyFF_pics/students.jpg);
  background-repeat:no-repeat;
}
* html .Segment_right {height:150px;}


/*-----------------------------*/

.HighLight
{
 width:170px;
 border: solid 1px silver;
 text-align:left;
}

.HighLight h1 {

background-image:url(../AccordianMenu/glossyback.gif);
background-repeat:repeat-x;
color:white;
height:12px;
/*width:100%;*/
border-bottom:solid 1px gray;
padding:1px 0px 5px 5px;

font-size:small; 
margin:0;	
}

.HighLight p
{
padding:0px 0px 1px 10px;	
}
.HighLight ul
{
padding:5px 0px 1px 25px;
}

.HighLight ul li
{
	list-style-image:url(../Images/arrow.gif);
	 padding-bottom:3px;
}

.HighLight ul li a
{
 text-decoration:none;
  color:#870200;
}

.HighLight_img
{
	float:left; 
	margin-right:4px;
}


/*-------------------------*/

.Entrance_Selection
{
 width:230px;
 padding:12px 0px 1px 17px;
 min-height:215px;
 float:left;
 display:inline;
 background:url(../Images/NyFF_pics/Rounded-box.gif);
  background-repeat:no-repeat;
  margin-left:30px;
}
* html .Entrance_Selection {height:215px;}

.Exit_Selection
{
 width:230px;
 padding:12px 0px 1px 17px;
 min-height:215px;
 float:left;
 display:inline;
  background:url(../Images/NyFF_pics/Rounded-box.gif);
  background-repeat:no-repeat;
}
* html .Exit_Selection {height:215px;}


/*----------------*/

/*-----Entrance & Exit Styles----*/

.Entrance_Selection h1
{
 font-size:16px;
 color:#870200;
 font-weight:bold;
 	
}
.Entrance_Selection p
{
width:193px;
}


.Exit_Selection h1
{
 font-size:16px;
 color:#870200;
 font-weight:bold;
 	
}

.Exit_Selection p
{
width:193px;
}


.start_button
{
 margin-left:75px;	
}


/*-------------------------------*/

/*----Calculator Format------*/


.list_style
{
padding:0px 0px 1px 3px;	
}

.list_style ul
{
   list-style-type:disc;
   padding:3px 0px 2px 50px;
	
}

.list_style li
{
	
 list-style-type:disc;
  padding:3px 0px 2px 2px;
	
}


/*----------------*/


.image_class
{
padding:0px 0px 1px 5px;	
	
}

/*-------Dashboard--------*/

.Dashboard_Layout
{
 width:260px;
 float:left;
 display:inline;
 min-height:50px;
	
	
}

* html .Dashboard_Layout {height:50px;}
/*-----------------------*/
	
.Dashboard_Layout h2
{
width:220px;
color:Black;
font-weight:bold;
border-bottom:solid 1px #870200;
font-size:14px;	
}
/*----Page Style-------*/

.Page_style
{
padding:0px 0px 1px 3px;	
}

.Page_style ul
{
   list-style-type:disc;
   padding:3px 0px 2px 50px;	
}

.Page_style li
{	
 list-style-type:disc;
  padding:3px 0px 2px 2px;
}

/*---------------------*/

/*-----Article Stlye---------*/

.Article_Style
{	
width:300px;
color:Black;
font-weight:bold;
border-bottom:solid 1px red;
font-size:14px;	
}


/*------------------------------*/



.img_padding
{
padding:3px 0px 0px 15px;	

}


/*----Log-In Layout----------------*/



.Login_Left
{
 width:240px;
 float:left;
 display:inline;
 min-height:50px;	
	
}
* html .Login_Left {height:50px;}

.Login_Right
{
	width:210px;
 float:left;
 display:inline;
 margin-left:10px;
 min-height:50px;
	
}
* html .Login_Right {height:50px;}


/*-----------------------------*/


/*--------Home Page Layout------*/

.Home_Segment_left
{
 width:285px;
 min-height:50px;
 float:left;
 display:inline;
  position:relative;
 /*margin-top:15px;*/
 /*border:solid 1px green;*/
 padding-top:10px;

}
* html .Home_Segment_left {height:50px;}

.Home_Segment_right
{
 width:243px;
 min-height:495px;
 /*float:left;
 display:inline;*/
  margin-left:0px;
  margin-top:-19px;
   background-repeat:no-repeat;
   /*border:solid 1px green;*/
    overflow:hidden;
   background-color:#f3f2ed;
   position:relative;
   left:16px;
}
* html .Home_Segment_right {height:395px;}


/*------------------------------*/

/*-----Home Page Styles--------*/

.Home_Segment_right h4
{
  padding:1px 0px 2px 0px;
  font-size:13px;
}

.Home_Segment_right p
{
padding:0px 0px 1px 0px;	
}

.Home_Segment_right hr
{
 background-color:Silver;
 
}



#School_home
{
width:195px;
border-bottom:solid 1px #666666;
border-left:solid 1px #666666;
border-right:solid 1px #666666;
border-top:solid 1px #666666;
min-height:212px;
margin-left:45px;
margin-top:-4px;
}
* html #School_home {height:212px;}

.img_School_home_padding
{
 margin:0px 0px 1px 42px;	
}


.img_border
{
 border:solid 1px silver;	
}


/*-------------------------------*/





/*------Category hub----------*/

.Category_left
{
 width:350px;
 min-height:50px;
 float:left;
 display:inline;
}
* html .Category_left {height:50px;}

.Category_right
{
 width:172px;
 min-height:50px;
 float:left;
 display:inline;
  margin-left:8px;
 
  background-repeat:no-repeat;
}
* html .Category_right {height:50px;}




.Category_left ul{
padding:5px 0px 1px 15px;
}


.Category_left ul li
{
	
	list-style-image:url(../Images/arrow.gif);
	  padding-bottom:10px;
}

/*
.Category_left li a {
/*list-style-image:url(../Images/arrow.gif);
text-decoration:none;
/*list-style-position:inside;
 color:#25b6f0;	
 padding:5px 0px 2px 40px;
 display:block;
  list-style-type:disc;
  list-style-position:inside;
}
*/

/*----------------------------*/

/*------Begin Rounded Box-----------*/
.xsnazzy_new h1, .zsnazzy_new h1 {
margin:0; 
font-size:12px;

border-bottom:1px solid #444;
padding:0 10px 5px 10px;
width:499px;
}
.xsnazzy_new p, .zsnazzy_new p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy_new {
background: transparent; 
width:518px;
margin:0 3px;
}
.xtop_new, .xbottom_new {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1_new, .xb2_new, .xb3_new, .xb4_new {
display:block; 
overflow:hidden;
}
.xb1_new, .xb2_new, .xb3_new {
height:1px;
}
.xb2_new, .xb3_new, .xb4_new {
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1_new {
margin:0 5px; 
background:#444;
}
.xb2_new {
margin:0 3px;
border-width:0 2px;
}
.xb3_new {
margin:0 2px;
}
.xb4_new {
height:2px; 
margin:0 1px;
}

.xboxcontent_new {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
padding:0px 0px 0px 0px;
min-height:135px;

}

* html .xboxcontent {
height:135px;
}

.color_a_new
{

	color:Navy;

	background-repeat: repeat-x;
}
.color_b_new {
color:#000;
}
.color_c_new {
color:#fff;
}
.color_d_new{
color:#000;
}

/*------End Rounded Box-----------*/

/*---Begin Horizontal Menu-----*/
.solidblockmenu{
margin: 0;
padding: 0;
float: right;
font: bold 13px Arial;
width: 100%;
border-width: 1px 0;
background: transparent;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: right;
color: White;
padding: 2px 20px 1px 5px;
text-decoration: none;
text-align:center;
}
.solidblockmenu li a:visited{
color:White;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: black;
}

/*---End Horizontal Menu-------*/

/*-----------Password_Styles-------/*
 
 /* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h4{
      background: transparent url(../Images/password_box.png) no-repeat bottom right}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width:500px !important; /* IE Win = width - padding */
      width: 500px; /*320px; */
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h4{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
       font-size:16px;
      padding:25px 0 5px 10px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:10px 0 15px 10px} /* mirror .cssbox_head right/left */



/*-----End password styles-------------------------*/

.no_border{border:none 0px white;}

/*-------Additonal Home Page Styles--------*/
#Home_page_brochures_div
{
height:240px;
 margin-top:10px;
}

.home_sites
{
 border-top:solid 1px #f3f2ed;	
 padding-top:6px;
  
  background-image:url(../Images/NyFF_pics/home_background_sites.jpg);  
   background-repeat:no-repeat;
}

.left_column_style
{
margin-top:2px;
 padding:2px; 
border:solid 3px #f3f2ed; width:284px;	
}

.left_column_style hr
{
	height:1px;
	margin:3px 0px 3px 0px;
}


/*-------End Additonal Home Page Styles--------*/
