/* CSS Document */

a { text-decoration:none; color:#000380;  }
a:hover { color:#692B87; }
dd, dt { margin:0px; padding:0px; }
img { border:0px; }
body  {	font-family: Arial, Helvetica, sans-serif;	background: #fff; margin:0px; padding:0px; text-align: center; color: #333; }
textarea { font-family: Arial, Helvetica, Sans-Serif; }

/* BEGIN Styles for the IDF Photos interspersed through out site ... */
img.floatleftborder {float:left; margin:0px 10px 10px 0px; border:1px solid #692B87; }
img.floatrightborder {float:right; margin: 0px; border: 0px; padding: 0px 0px 10px 10px; }
img.floatleft {float:left; margin:0px 10px 10px 0px; }
img.floatright {float:right; margin:0px 0px 10px 10px; }
/* END Styles for the IDF Photos interspersed throughout site ... */


.thrColLiqHdr #container, .interior #container { 
	width: 90%;  /* this will create a container 80% of the browser width */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	min-width:981px;
	max-width:1200px;
} 
.frame { border:1px solid #692B87; background:#EDF6FA; overflow:hidden; }
h1 { padding:0px; margin:0px; float:left; } /*IDF MAIN HEADER DON'T USE H1 FOR ANYTHING ELSE */
h2.donate { padding:0px; margin:0px; float:right; }

.thrColLiqHdr #header, .interior #header { position:relative; }
.shadowR {background:url(/images/hdr_shadow_right.jpg) top left no-repeat; position:absolute; top:0px; right:-4px; height: 137px; width:4px;}
.shadowL {background:url(/images/hdr_shadow_left.jpg) top right no-repeat; position:absolute; top:0px; left:-4px; height: 137px; width:4px;}

#topnav { clear:both; float:left;background:url(/images/bg_topnav.jpg) top left repeat-x #001F82; color:#fff; width:100%; margin:0px; padding:0px; list-style-type:none; height:46px; }
.nav3  { float:left; text-align:center; margin-left:-3px; border-left:1px solid #fff; }
.nav1 { float:left; width:49%; border-left:1px solid #fff; margin-right:-1px; height:46px; } 
.nav2 { float:left; width:49%; border-left:1px solid #fff; margin-right:1px; height:46px; } 
.nav0 { float:left; margin-left:35px;  }
.navgroup { margin: 0px 23% 0px 230px; }

.intContainer {background:url(/images/bg_int1.gif) top left repeat-y; }
.intContainerSidebar { background:url(/images/bg_int2.gif) 77.5% bottom repeat-y; border-right:1px solid #692B87; }
.intContainerRightbar { background:url(/images/bg_int3.gif) 77.5% top no-repeat; }
.intWrap { position:relative;}

/* BOX WITHIN MAIN CONTENT */
#box_mainContent { float: left; margin-top: 15px; margin-right: 10px; margin-bottom: 10px; height: 170px; width: 250px; border: 1px solid #692B87; background-color: #EDF6FA; } 


.thrColLiqHdr #sidebar1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 227px; /* since this element is floated, a width must be given */
	height: 480px;
	background: #FFFFE6;  /*the background color will be displayed for the length of the content in the column, but no further */
	margin-right:2px;
	padding:0px;
	position:relative;
}
.interior #sidebar1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 227px; /* since this element is floated, a width must be given */
	height: auto;
	margin-right:2px;
	padding:0px 1px 1px 1px;
	border-top:1px solid #000;
	min-height: 480px;
}


#sidebar1 ul { margin:0px; padding:0px; list-style:none; font-family: Arial, Helvetica, sans-serif;font-size:12px; float:left;} 
#sidebar1 ul li { border-bottom: 1px solid #692B87; }
/*#sidebar1 ul li a, #sidebar1 ul li img { display: block; } NOT REALLY NEEDED ANY MORE. CHEK BACK*/
#sidebar1 #sidebarftr { clear:both; position:absolute; bottom:0px; padding-left:10px;font-size:12px; width:217px;}
.interior #sidebar1 #sidebarftr {  border-bottom:1px solid #692B87; }
#sidebar1 #sidebarftr p { color:#692B87; margin:5px 0px; }
/*#sidebar1 #sidebarftr p img {float:right; margin:0px 5px 5px 0px; }*/
#sidebar1 #sidebarftr a {font-weight:bold; }

/*SLIDE MENU*/

#sidebar1 #dhtmlgoodies_slidedown_menu li a:hover { color:#000380; }
#sidebar1 #dhtmlgoodies_slidedown_menu li{
		position:relative;
		float:left;

}
#sidebar1 #dhtmlgoodies_slidedown_menu li li{
	border-bottom:none;
	float:none;
}
#sidebar1 #dhtmlgoodies_slidedown_menu ul {
		position:relative;
		background-color:#fff;
}
#sidebar1 #dhtmlgoodies_slidedown_menu li div {
	float:none;
	width:100%;
}

#sidebar1 #dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;

}
	/* All A tags - i.e menu items. */
#sidebar1 #dhtmlgoodies_slidedown_menu a{
		color: #692B87;
		text-decoration:none;	
		display:block;
		clear:both;
}
	
	/*
	A tags 
	*/
#sidebar1 #dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		font-weight:bold;
}	
#sidebar1 #dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-bottom:3px;
		margin-top:1px;
		font-weight:normal;
}	
#sidebar1 #dhtmlgoodies_slidedown_menu .slMenuItem_depth3 {	/* Sub menu items */
		font-weight:normal;
		margin-top:1px;
		color:#000;
}	
#sidebar1 #dhtmlgoodies_slidedown_menu .slMenuItem_depth3 a {	/* Sub menu items */
		color:#000;
}	
#sidebar1 #dhtmlgoodies_slidedown_menu .slMenuItem_depth4 {	/* Sub menu items */
		margin-top:1px;
		color:red;
}	
#sidebar1 #dhtmlgoodies_slidedown_menu .slMenuItem_depth5 {	/* Sub menu items */
		margin-top:1px;
}

#sidebar1 #dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul {
		margin-left:27px;
		padding:1px;
}
#sidebar1 #dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
}
#sidebar1 #dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
}



.thrColLiqHdr #sidebar2, .nav3 {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 23.5%; /* since this element is floated, a width must be given */
	height: 480px;
	margin-left:2px;
	padding:0px;
}
.nav3 { height: 46px; }
.interior #sidebar2 {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 23.5%; /* since this element is floated, a width must be given */
	margin-left:2px;
	padding:0px;
}


.interior #sidebar2 { padding-bottom:20px;}
#sidebar2 { font-family:Arial, Helvetica, sans-serif; }
#sidebar2 h2, #box_mainContent h2 { color:#692B87; font-size:18px; margin:0px; padding:10px; }
#sidebar2 h2 a, #box_mainContent a { color:#692B87; }
#sidebar2 h2 a:hover, #box_mainContent a:hover { color:#000380; }
#sidebar2 p, #sidebar2 dl, #box_mainContent p, #box_mainContent dl { margin-top:0px; font-size:11px; }
#sidebar2 dl, #box_mainContent dl { padding:0px 10px; margin:0px 0px 10px 0px; }
#sidebar2 dt, #sidebar2 dt a, #box_mainContent dt, #box_mainContent dt a { font-weight:bold; }
#sidebar2 dd.hilite, #box_mainContent dd.hilite { font-size:9px; color:#1243A5; }
#sidebar2 p a, #box_mainContent p a { text-decoration:underline; color:#333; }
#sidebar2 p a:hover, #box_mainContent p a:hover { color:#692B87; }

#box_mainContent p { padding-left: 10px; }

.hilite { font-size:9px; color:#1243A5; }
.thrColLiqHdr #sidebar2 p, .thrColLiqHdr #sidebar2 h3, .interior #sidebar2 p, .interior #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

.thrColLiqHdr #mainContent, .interior #mainContent { 
	margin: 0px 23% 0px 231px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding:0px; 
}
.interior #mainContent.alt { 
	margin-right:0px; /*i set the right margin to 0px so that alternative view will span both main content and sidebar columns*/
}


#flashContainer { height:290px; background-color:#fff; text-align:center; margin:0px auto; }
.clear { clear:both; }
#touts { margin-top:8px; width:100%; }
#touts dl { height:180px; margin:0px; padding:0px; }
#touts dt dd {margin:0px; padding:0px; }
#touts dl.one { width:32%; float:left; margin-right:2px;}
#touts dl.two { width:auto; }
#touts dl.three { width:32%; float:right; margin-left:2px;}
.rightcolTop { height:136px; margin-bottom:2px;}
.rightcolBot { height:340px; }

.bodyContent {padding:15px; }
.bodyContent h2 { color:#692B87; margin:0px; font-size:22px;}
.bodyContent h3 { margin-top:0px; font-size:16px;}
.bodyContent h4 { margin-top:0px; font-size:15px;}
.bodyContent subtitle { margin-top:0px; font-size:18px;}
.bodyContent p, .bodyContent li, .bodyContent td .subHdr { font-size:12px;}
.bodyContent form, .bodyContent form select, .bodyContent form textarea, .bodyContent form input { font-size:11px;}
.bodyContent form a, .bodyContent form a:hover, form .subHdr { font-size:12px; font-weight:bold; text-decoration: none;}
.bodyContent a { text-decoration:underline; }
.bodyContent .mouse, .bodyContent small { font-size:10px; }
.bodyContent hr { height:0px; 
        border:0px; 
        border-top:1px solid #cccccc; }
.errMsg { color: #FF0000; font-weight: bold; }
.likeBodyContent { font-size:12px; }


#touts dl, .rightcolBot { position:relative; }
#touts dt, #touts dd { padding:8px 8px 5px 8px; }
#touts dt, #touts dt a { color: #692B87; font:bold 14px Arial, Helvetica, sans-serif ; }
#touts dt a:hover {color:#000380;}
#touts dd { font-size:11px; }
#touts dd.cta, #sidebar2 dd.cta,  #sidebar2 p.cta{ font-size:12px; position:absolute; bottom:10px; right:0px;  background:url(/images/bg_link.gif) right no-repeat; margin-right:20px; padding:0px;}
#touts dd.cta a, #sidebar2 dd.cta a, #sidebar2 p.cta a {color:#000380;  margin-right:15px; font-weight:bold; }
#touts dd.cta a:hover, #sidebar2 dd.cta a:hover, #sidebar2 p.cta a:hover, #news p.cta a:hover, p.cta a:hover {color:#692B87; }

p.cta {margin-left: 20px; font-size:12px; padding:0px; }
p.cta a {color:#000380;  font-weight:bold; text-decoration: none;}

.thrColLiqHdr #footer, .interior #footer { 
	padding: 0px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	color:#000380;
	font-size:10px; 
} 
#footer p {
	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibi
	lity of margin collapse - a space between divs */
	padding: 10px 0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	float:left;
}
#footer p.social_links { margin-left: 80px; }
#footer p.social_links img { margin-right: 15px; }
#footer ul { list-style-type:none; float:right; margin:0px; padding:10px 0px; list-style-type:none;}
#footer li { display: inline; }
#footer li.first { background:url(/images/bg_ftr_dot.gif) bottom right no-repeat; padding-right:10px; }


/*third party calendar function event page styling */
.event {
  width: 500px;
  border:1px solid #692B87;
  background-color:#EDF6FA;
  margin:10px;
  padding: 10px;
  text-align: left;
}

.event h2 { color:#692B87; font-size:18px; margin:0px; }
.event p { font-size:12px;}
.event .detail { font-size:11px;}
.event .detail a, .event .detail a:hover { font-size:11px; font-weight:bold; text-decoration: none;}
.event a { text-decoration:underline; }
.mouseevent { font-size:10px; padding: 10px; }

/*TOP NAV */
 /*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}#qm1 ul {top:100%;}#qm1 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/




	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0, #qm1, #qm2	
	{	
		width:160px;
		margin:0px;
		
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a, #qm1 a, #qm2 a
	{	
		color:#3F3F3F;
		font-family:Arial;
		font-size:11px;
		text-decoration:none;
		text-align:center;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover, #qm1 a:hover, #qm2 a:hover	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a, #qm1 li:hover>a, #qm2 li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover, body #qm1 .qmactive, body #qm2 .qmactive:hover, body #qm2 .qmactive, body #qm2 .qmactive:hover	
	{	
		color:#FFFFFF;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul, #qm1 div, #qm1 ul, #qm2 div, #qm2 ul	
	{	
		margin-left:1px;
		padding:0px;
		background-color:#0045A8;
		border-width:0px 1px 5px 1px;
		border-style:solid;
		border-color:#000380;
		width:160px;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a, #qm1 div a, #qm1 ul a, #qm2 div a, #qm2 ul a	
	{	
		display:block;
		padding:8px 0px 8px 10px;
		color:#fff;
		font-size:11px;
		font-weight:bold;
		text-align:left;
		border-width:0px;
		border-bottom:1px solid #000380;
		
	}

	#qm0 div a.last, #qm1 div a.last, #qm2 div a.last
	{
	 border-bottom: 0px;
	 }	


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm1 div a:hover, #qm2 div a:hover	
	{	
		text-decoration:underline;
		color:#52B7EC;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a, #qm1 ul li:hover>a, #qm2 ul li:hover>a	
	{	
		text-decoration:underline;
	}


	/*"""""""" (SUB) Parent Items""""""""*/	
	#qm0 div .qmparent, #qm0 ul .qmparent, #qm1 div .qmparent, #qm1 ul .qmparent, #qm2 div .qmparent, #qm2 ul .qmparent	
	{	
		color:#9F3F46;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover, body #qm1 div .qmactive, body #qm1 div .qmactive:hover, body #qm2 div .qmactive, body #qm2 div .qmactive:hover	
	{	
		color:#FFFFFF;
		text-decoration:underline;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle, #qm1 .qmtitle, #qm2 .qmtitle	
	{	
		margin:2px 10px 5px 10px;
		color:#222222;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx, #qm1 .qmdividerx, #qm2 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 10px 4px 10px;
		border-color:#999999;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent, ul#qm1 li:hover > a.qmparent, ul#qm2 li:hover > a.qmparent	
	{	
		color:#FFFFFF;
	}