/*****************************************************************************************/
/****************************    LAYOUT          ***************************************/
/****************************************************************************************/
body, html { 
	font-family: Helvetica, Verdana, Arial,sans-serif; 
	font-weight: lighter;
	color: #656565; 
	font-size: 15px;
	line-height:20px; 
	letter-spacing:0.6px;
	margin: 0px;  
	padding:0px;
	height:100%;
	background-color: #11aef7;
	}

#container {
	min-height:100%;
   	position:relative;
	width:1007px;
	text-align:center;
	margin: 0 auto;
	 background-image: url(../img/layout/content_bg.jpg);
	 background-repeat: repeat-y;
}

#header {
   height:245px;
   width:100%;
   background-image: url(../img/layout/header_bg.jpg);
   background-repeat: no-repeat;
}

#search {
	position:absolute;
	top:22px;
	right:25px;
	height:52px;
	width:224px;
	background-image: url(../img/layout/search_bg.jpg);
	background-repeat: no-repeat;
}

#search input {
	position:relative;
	top:10px;
	left:29px;
	width:130px;
	border: solid 1px #fff;
	font-size:16px;
	padding:0px;
	margin:0px;
}

a.home_link {
	position:absolute;
	display:block;
	left:325px;
	top:20px;
	width:338px;
	height:164px;
}

#main_menu {
	position: absolute;
	font-size: 100%;
	top:200px;
	left:45px;
	height:46px;
	width:915px;
	text-align:left;
   background-image: url(../img/layout/navigation.png);
   background-repeat: no-repeat;
   padding-top:12px;
}
#main_menu a{
	color:#000; 
	text-decoration:none;
}
#main_menu a:hover{
	color:#000; 
	text-decoration:underline;
}

#main_menu a.about{
	position:absolute;
	left:15px;
}
#main_menu a.programs{
	position:absolute;
	left:95px;
}
#main_menu a.resources{
	position:absolute;
	left:190px;
}
#main_menu a.calendar{
	position:absolute;
	left:380px;
}
#main_menu a.facilitator{
	position:absolute;
	left:470px;
}
#main_menu a.funding{
	position:absolute;
	left:665px;
}
#main_menu a.contact{
	position:absolute;
	left:845px;
}

#content { 
	position:relative;
	text-align:left;
	z-index:99;
	 }

#map {
	position:absolute;
	top:100px;
	left:240px;
	width:490px;
	height:367px;
	background-image: url(../img/location_small.jpg);
	background-repeat: no-repeat;
	z-index:-1;
}

#cal_date {
	position:relative;
	width:60px;
	height:62px;
	background-image: url(../img/layout/cal_bg.png);
	background-repeat: no-repeat;
	text-align:center;
}

#cal_month {
	position:relative;
	top:0px;
	color:#fff;
	font-size:17px;
}

#cal_day {
	position:relative;
	top:0px;
	letter-spacing:2px;
	color:#656565;
	font-size:20px;
}

#cal_year {
	position:relative;
	top:0px;
	color:#c4251d;
	font-size:12px;
	line-height:12px; 
	letter-spacing:0.6px;
}

#paper {
	font-family:comic sans ms;
	float:left;
	right:0px;
	width:170px;
	height:178px;
	background-image: url(../img/layout/paper.jpg);
	background-repeat: no-repeat;
	text-align:left;
	padding-left:10px;
	padding-right:20px;
	padding-top:10px;
	background-color:red;
}

#pillar {
	position:relative;
	float:left;
	width:25%;
}

#clear_footer
{
	clear:both;
	padding-bottom:90px;  /* Height of the footer plus some */
}

#footer {	
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height: 81px;
	background-position:top;
	background-image: url(../img/layout/footer_bg.jpg);
	background-repeat: no-repeat;
}

#footer a{
	color:#000; 
	text-decoration:none;
}
#footer a:hover{
	color:#000; 
	text-decoration:underline;
}

#footer_c4f {
	position:relative;
	top: 40px;
	right: 10px;
	width:500px;
	text-align: right;
	color:black;
	float:right;
}

#footer_avenir {
	position:relative;
	top: 40px;
	left: 10px;
	width:500px;
	text-align: left;
	color:black;
	float:left;
}

div.checkbox {
	padding:3px;
}

ul.sortby li {
  /*background-image:url(i/bullet.gif) no-repeat center left;*/
  padding-left:12px;
  display:inline;
}
	


/****************************************************************/
/****************    Columns    *******************************/
/***************************************************************/

#front_col1{
	float:left;
	width:200px;
	text-align:left;
	clear:both;
	padding-bottom:20px;
	padding-left:15px;
	padding-top:25px;
}

#front_col2{
	text-align:left;
	float:right;
	width:765px;
	padding-bottom:20px;
	padding-top:20px;
	padding-right:15px;
}

#home_col1{
	float:left;
	width:695px;
	text-align:left;
	clear:both;
	padding-bottom:20px;
	padding-left:15px;
	padding-top:25px;
}

#home_col2{
	text-align:left;
	float:right;
	width:270px;
	padding-bottom:20px;
	padding-top:20px;
	padding-right:15px;
}

#list_col1{
	float:left;
	width:70px;
	text-align:right;
}
#list_col2{
	float:left;
	text-align:left;
	padding-left:5px;
	width:650px;
	z-index:100;
}

#grey_box{
	padding:10px;
	width:400px;
	text-align:left;
	background-color:#f9f9fa;
	border: solid 1px #c7c7c7;	
}

#box_shadow{
	background-image: url(../img/layout/shaddow.jpg);
	background-repeat: no-repeat;
	height:18px;
	width:400px;
	padding-bottom:10px;
}

#large_grey_box{
	padding:10px;
	width:700px;
	text-align:left;
	background-color:#f9f9fa;
	border: solid 1px #c7c7c7;	
}

#large_box_shadow{
	background-image: url(../img/layout/large_shadow.jpg);
	background-repeat: no-repeat;
	height:18px;
	width:700px;
	padding-bottom:10px;
}

#line {
	position:relative;
	clear:both;
	background-image: url(../img/layout/prog_bg.png);
	background-repeat: no-repeat;
	height:50px;
	bottom:30px;
	z-index:-99;
}

/***************************************************************/
/**************     Menus                     ********************/
/**************************************************************/
/* Home */
#home_cal {	
	position:relative;
	padding-top:25px;
	bottom:0;
	width:262px;
	height: 434px;
	background-image: url(../img/layout/home_cal_bg.jpg);
	background-repeat: no-repeat;
}
#home_cal ul {
	padding-top: 0px;
	margin-top:0px;
	padding-left:0px;	
	margin-left:0px;
}
#home_cal li { 
	position: relative;   
	list-style: none; 
	padding-top: 4px;
	padding-bottom:4px; 
}
#home_cal ul li a {
display: block;
width:230px;;
color:#26356a ; 
text-decoration:none;
font-size:110%;
}
#home_cal ul li a:hover, #home_cal li.selected {
background:#74dba9;
}


/* About us */
#about_menu {	
	position:relative;
	bottom:0;
	width:187px;
	height: 239px;
	background-image: url(../img/layout/about_bg.jpg);
	background-repeat: no-repeat;
}
#about_menu ul {
	padding-top: 0px;
	margin-top:0px;
	padding-left:0px;	
	margin-left:0px;
}
#about_menu li { 
	position: relative;   
	list-style: none; 
	padding-top: 2px;
	padding-bottom:2px; 
}
#about_menu ul li a {
display: block;
width:100%;
color:#26356a ; 
text-decoration:none;
}
#about_menu ul li a:hover, #about_menu li.selected {
background:#65cbfa;
}



/* Programs */
#program_menu {	
	position:relative;
	bottom:0;
	width:187px;
	height: 239px;
	background-image: url(../img/layout/programs_bg.jpg);
	background-repeat: no-repeat;
}
#program_menu ul {
	padding-top: 0px;
	margin-top:0px;
	padding-left:0px;	
	margin-left:0px;
}
#program_menu li { 
	position: relative;   
	list-style: none; 
	padding-top: 2px;
	padding-bottom:2px; 
}
#program_menu ul li a {
display: block;
width:100%;
color:#26356a ; 
text-decoration:none;
}
#program_menu ul li a:hover, #program_menu li.selected {
background:#f7f519;
}

/* Resources4Families */
#resource_menu {	
	position:relative;
	bottom:0;
	width:187px;
	height: 250px;
	background-image: url(../img/layout/r4f_bg.jpg);
	background-repeat: no-repeat;
}
#resource_menu ul {
	padding-top: 0px;
	margin-top:0px;
	padding-left:0px;	
	margin-left:0px;
}
#resource_menu li { 
	position: relative;   
	list-style: none; 
	padding-top: 2px;
	padding-bottom:2px; 
}
#resource_menu ul li a {
display: block;
width:100%;
color:#26356a ; 
text-decoration:none;
}
#resource_menu ul li a:hover, #resource_menu li.selected {
background:#fed739;
}

/* Calendar or Events us */
#calendar_menu {	
	position:relative;
	bottom:0;
	width:187px;
	height: 190px;
	background-image: url(../img/layout/calendar_bg.jpg);
	background-repeat: no-repeat;
}
#calendar_menu ul {
	padding-top: 0px;
	margin-top:0px;
	padding-left:0px;	
	margin-left:0px;
}
#calendar_menu li { 
	position: relative;   
	list-style: none; 
	padding-top: 2px;
	padding-bottom:2px; 
}
#calendar_menu ul li a {
display: block;
width:100%;
color:#26356a ; 
text-decoration:none;
}
#calendar_menu ul li a:hover, #calendar_menu li.selected {
background:#74dba9;
}

/* Facilitators Resources */
#facilitator_menu {	
	position:relative;
	bottom:0;
	width:187px;
	height: 260px;
	background-image: url(../img/layout/facilitator_bg.jpg);
	background-repeat: no-repeat;
}
#facilitator_menu ul {
	padding-top: 0px;
	margin-top:0px;
	padding-left:0px;	
	margin-left:0px;
}
#facilitator_menu li { 
	position: relative;   
	list-style: none; 
	padding-top: 2px;
	padding-bottom:2px; 
}
#facilitator_menu ul li a {
display: block;
width:100%;
color:#26356a ; 
text-decoration:none;
}
#facilitator_menu ul li a:hover, #facilitator_menu li.selected {
background:#86e6f8;
}

/* Funding Opportunity */
#funding_menu {	
	position:relative;
	bottom:0;
	width:187px;
	height: 260px;
	background-image: url(../img/layout/funding_bg.jpg);
	background-repeat: no-repeat;
}
#funding_menu ul {
	padding-top: 0px;
	margin-top:0px;
	padding-left:0px;	
	margin-left:0px;
}
#funding_menu li { 
	position: relative;   
	list-style: none; 
	padding-top: 2px;
	padding-bottom:2px; 
}
#funding_menu ul li a {
display: block;
width:100%;
color:#26356a ; 
text-decoration:none;
}
#funding_menu ul li a:hover, #funding_menu li.selected {
background:#fed739;
}

/* Contact us */
#contact_menu {	
	position:relative;
	bottom:0;
	width:187px;
	height: 120px;
	background-image: url(../img/layout/contact_bg.jpg);
	background-repeat: no-repeat;
}
#contact_menu ul {
	padding-top: 0px;
	margin-top:0px;
	padding-left:0px;	
	margin-left:0px;
}
#contact_menu li { 
	position: relative;   
	list-style: none; 
	padding-top: 2px;
	padding-bottom:2px; 
}
#contact_menu ul li a {
display: block;
width:100%;
color:#26356a ; 
text-decoration:none;
}
#contact_menu ul li a:hover, #contact_menu li.selected {
background:#cceb8c;
}


#menu_content {
	padding:10px;
}

/***************************************************************/
/************** Font styles *********************************/
/**************************************************************/

h1	{  /*used for page titles */
	font-size: 24px; 
	color:#2b3656; 
	font-weight:normal;
	margin-top:0px;
}

h1.ns	{  /*used for page titles */
	font-size: 24px; 
	color:#2b3656; 
	font-weight:normal;
	margin-top:0px;
	margin-bottom:0px;
}

h2{
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	font-weight: normal;
	font-size: 150%;
	color:#2b3656; 
} /*Used in calendar details */


h3{
	margin-top:0px;
	margin-bottom:5px;
	font-size: 110%;
	font-weight:bold;
	color:#272727 ; 
} /*Used for menu titles */

h4{
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	font-weight: normal;
	font-size: 115%;
	color:#2b3656; 
} /*Used for sub titles (resources) */

h5{
	font-weight: bold;
	font-size: 105%;
}

strong{
	font-weight: bold;
}



ul {margin-top: 8px; }
ul li { position: relative;  cursor: pointer; }

a{color:#dc7320; text-decoration:none;}
a:hover{text-decoration:underline;}


/************  Paging **************/
div.paging {
	text-align:center;
	padding-top:10px;
	color: #717171;
}
div.paging div.disabled {
	color: #717171;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/*******************************************************/
/******************** Tables **************************/
/*******************************************************/
table tr.altrow td {
	background: #f3f3f9;

	/*background:url('images/menu_bg.jpg') left top repeat-x; */

}








#clear{
clear:both;
}


	



/*********** BUTTONS ***********/
/* BUTTONS */



/* Form buttons */ 
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:4px;
    background-color:#f5f5f5;
	background-image: url(../img/layout/button_bg.png);
	background-repeat: repeat-x;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:90%;
    line-height:130%;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:5px 5px 5px 5px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    adding:5px 5px 5px 5px; /* IE6 */
}
.buttons button[type]{
    adding:5px 5px 5px 5px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    adding:5px 5px 5px 5px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    background-image: url(../img/layout/buttonselected_bg.png);
	background-repeat: repeat-x;

}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-image: url(../img/layout/buttonselectedgreen_bg.png);
	background-repeat: repeat-x;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
	background-image: url(../img/layout/buttonselectedred_bg.png);
	background-repeat: repeat-x;    
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}




	
/********** MESSAGE **********/
/* Notices and Errors */
div.message {
	padding:10px;
	text-align:center;
	color:#18213c;
	background-color:#e4efe4;
	border: solid 1px #6c9a66;
	font-family: 'MS Sans Serif', Geneva, sans-serif;	 
	font-weight: 100;
	letter-spacing: 1px;
	font-stretch: normal;
	font-size: 110%;
	margin-bottom:15px;
}
div.flasherror {
	margin-bottom:15px;
	padding:10px;
	text-align:center;
	color:#ffffff;
	background-image: url(../img/layout/red_diag.png);
	border: solid 1px #b81900;
	font-family: 'MS Sans Serif', Geneva, sans-serif;	 
	font-weight: 100;
	letter-spacing: 1px;
	font-stretch: normal;
	font-size: 110%;
}	
	
	div.error-message {
		clear: both;
		color: #900;
		font-weight: bold;
		font-size:90%;
		
	}
	
	div.notice {
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:center;
	color:#18213c;
	background-color:#d8dff4;
	border: dotted 1px #6c9a66;
	font-family: 'MS Sans Serif', Geneva, sans-serif;	 
	font-weight: 100;
	letter-spacing: 1px;
	font-stretch: normal;
	font-size: 110%;
	width:100%;
}





/*********** FORMS **************/
input.georgia_large{ 
	width: 400px; 
	padding: 2px; 
	margin-bottom:5px; 
	font-size: 190%;
	color: #666666; font-family: Georgia, serif;
	display: inline;
	clear:none;
}



input.readonly{
	width:95%;
	clear:none;
	display: inline;
	background-color:#efeaea;
}

input.searchbox{
	width:80%;
	margin:0px;
	padding:0px;
	background-color:#fff;
	border: 0px solid #fff;
}

label.inline {
	display: inline;
	clear:none;
	background:red;
}

input, textarea {
	/*clear: both;*/
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding:3px; 
	font-size:13px;
	color: #434342;
	
}

input.large, textarea.large{
	width:95%;
	background-color: #fcfcfc;
	border: 1px solid #cbcbcb
}

input.medium, textarea.medium{
	width:50%;
	background-color: #fcfcfc;
	border: 1px solid #cbcbcb
}

p{
	/*padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px; */
}

font.small {
	font-size:90%;
	bottom:10px;
}

optgroup {
	background-color:#ffe3ab;
}