/*
================================================

================================================
Title: Luger Site
================================================
*/

/* reset browser css section */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4c4c4c;
}


body#home {
	background: transparent url(../_img/bg-home.gif) repeat-x;
}

body#what {
	background: transparent url(../_img/bg-what.gif) repeat-x;
}


body#why {
	background: transparent url(../_img/bg-why.gif) repeat-x;
}


body#who  {
	background: transparent url(../_img/bg-who.gif) repeat-x;
}

body#resources, body#thanks{
	background: transparent url(../_img/bg-resources.gif) repeat-x;
}


a	{
	font-variant: normal;}

ol, ul {
	list-style: none;}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*      misc. classes           */
.clear {
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	height:0;
	margin:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	line-height:0;
	padding:0;
}



.bold{
    font-weight: bold;}

/*

======= 
colors:
Logo Colors:
Blue:#57b0e3
Green:#7fc241
Orange:#faa61a
Purple:#7570b3
Magenta:#c8215d

Lt. Orange:#fce7c4
Lt. Blue: #eaf6fd
Lt purp:  #dcd9ff

extra lt. orange: #fcf1de

dkGreen text: #58872d
dker Orange text:#e59818

logo Grey type:7a7be

grey text:#4c4c4c
link blue: #1a5d83

dk grey rich: #6a695e



============================================================================
Note Link Order- psuedo - classes for css
:link - as it looks before any interaction.
:visited - as it looks after, it is clicked.
:focus - as it looks, for non-mouse selection.
:hover - as it looks, on hover.
:active - as it looks, after it has been clicked and you then hover over it again.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

when you use them you must use them in this order.
*/
a:link {
	color: #1a5d83;
}

a:visited {
	color: inherit
}

a:hover {
	color: #666;
}

a:active {
	color: #F30;
}

/* typography.css */


/* set your typography  for your site basic elements */

p {
	color:#444444;
	line-height:1.4;
	font-size:13px;
	margin-top: 10px;
	}
	
h1 {
	font-size:21px;
}

h2 {
	font-size:20px;
	line-height:1.3;
	margin-top:5px;
	margin-bottom:5px;
	}
	
#main h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#222;
	margin-top: 0px;
	}
	

	
h3 {
	font-size:16px;
	line-height: 1.5;
	font-style: italic;
	margin: 10px 0px 20px 0px;
    font-family: georgia, Helvetica, sans-serif;
    color: #888;
    font-weight: normal;
	}



h4 {
	font-size:14px;
	margin: 10px 0px;
}

#who h4	  {
	font-size:20px;
	line-height:1.3;
	margin-top:55px;
	margin-bottom:3px;
	color:#7fc241;
	font-style: italic;
	}	

h5 {
		color:#444;
		margin-top: 15px;
}

h6 {
	color: #60F;
}

acronym {
	border-bottom: none;
	}
	
	.tweak{
	  display: none
	}
	


/* 
++++++++++++++++++++++++++++++++++++
specific overall-site divs 
++++++++++++++++++++++++++++++++++++
*/



#wrapper {
	padding: 0;
	margin: 0;
	text-align: center;
	display: block;	
	}
	
#site {
	padding: 0;
	margin: 0 auto;
	text-align: left;
	display: block;
	 width: 940px;
	 position:relative;
	}	
	

#mainContent{
	  position: relative;
	  padding: 0px;
	  z-index: 1;
    margin-top: 40px;
	}	
	
#thanks #main{
    padding-left:  250px;
	}	


#home #mainContent{
    margin-top: 20px;
}



	#header,#footer {
	  position: relative;
	  margin: 0px;
	  padding: 0px;
	}	


/* 
++++++++++++++++++++++++++++++++++++
logo--Home button
++++++++++++++++++++++++++++++++++++
*/
	h1#logo a{
	padding:0;
	margin:0;
	width: 240px;
	height:140px;
	display:block;
	float:left;
	text-indent:-999999px;
	background-image: url(../_img/bgs.gif);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	position:relative;
	}
/* 
++++++++++++++++++++++++++++++++++++
right div in header for top "contactBar" and main nav-"dropdown"
++++++++++++++++++++++++++++++++++++
*/
#navGroup{
	float:left;
	padding:0;
	margin:0px;
	width:650px;
	position:relative;
	z-index: 999
}
/* 
++++++++++++++++++++++++++++++++++++
siteINfo at top of page
++++++++++++++++++++++++++++++++++++
*/
#contactBar{
	padding:10px;
	float:left;
	position:relative;
	font-size:12px;
	color: #676767;
	padding: 20px 10px 10px 10px;
	margin-bottom:57px;
}


#contactBar a:link {
	font-weight: bold;
	text-decoration:underline;
	}


/* 
++++++++++++++++++++++++++++++++++++
DROP DOWN NAV (SIMPLE CSS /JQUERY)
++++++++++++++++++++++++++++++++++++
*/

/* 
	LEVEL ONE
*/		
ul.dropdown{ 
	position:relative;
	float:left;
    margin:0px;
	padding:0;
	width:700px;    
	font-family: Arial, sans serif
	}
	
ul.dropdown li{ 
	float: left; 
	font-size: 18px;
	
	/* w3c 
	zoom: 1; 
	*/
	
	margin-right: 10px;
}
	

ul.dropdown li#why, ul.dropdown li#who, ul.dropdown li#what, ul.dropdown li#resources{
	-moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
}
	

/*     assigns IDs to diff categories, for diff color  */	

ul.dropdown a.what         {color: #57b0e3}
ul.dropdown a.why           {color: #c8215d}
ul.dropdown a.who           {color: #7570b3}
ul.dropdown a.resources     {color: #7fc241}


ul.dropdown li:hover, ul.dropdown li.hover{  
    color: #fff
}


#what li#what{
    background-color: #57b0e3
}

#why li#why{
    background-color: #c8215d
}

#who li#who{
    background-color: #7570b3
}

#resources li#resources, #workshops li#resources {
    background-color: #7fc241
}

#why li#why a, #what li#what a, #who li#who a, #resources li#resources a, #workshops li#resources a {
    color: #fff
}




/*     creates the solid color when li is hovered*/		
ul.dropdown li#what:hover, 
ul.dropdown li#what.hover{background-color: #57b0e3;}

ul.dropdown li#why:hover, 
ul.dropdown li#why.hover {background-color: #c8215d; }

ul.dropdown li#who:hover,
ul.dropdown li#who.hover {background-color: #7570b3; }

ul.dropdown li#resources:hover, 
ul.dropdown li#resources.hover {background-color: #7fc241; }



/*--------current category indicator- creates color block behind nav -------------------*/

ul.dropdown li#what .current {background-color: #57b0e3; }
ul.dropdown li#why .current {background-color: #c8215d; }
ul.dropdown li#who .current {background-color: #9591c9; }
ul.dropdown li#resources .current {background-color: #9bd565;}


	
ul.dropdown li a{
	display: block;
	padding: 10px 20px 13px 10px;
	text-decoration: none;
}


ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	}


ul.dropdown li a.white{
    color: #fff
}

	 

/* 
	LEVEL TWO
*/


    /*  makes all the drop down links white and sets the padding   */
        ul.dropdown  ul.subnav a  { 
            color:#fff;
            padding: 5px 10px
        }
        
    ul.dropdown ul.subnav li  { 
    	border-bottom: 1px solid #fff; 
    	float: none; 
    	padding: 7px;
    	margin-right: 0px;
    	}/* IE 6 & 7 Needs Inline Block */

	
    
        ul.dropdown li ul {
        visibility: hidden;
		position: absolute; 
		top: 100%; 
		left: 0;
        -moz-border-radius-topleft: 0px;
	    -moz-border-radius-topright: 0px;
	    -moz-border-radius-bottomleft: 6px;
	    -moz-border-radius-bottomright: 6px;
    	-khtml-border-radius: 6px;
    	border: 1px solid #fff;
    -webkit-border-top-right-radius: 0px;
         -webkit-border-top-left-radius: 0px;
         -webkit-border-bottom-left-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        }
        

        /*  creates diff bg colors for the drop downs  */	
    
        ul.dropdown li#what ul 	        {background-color: #57b0e3; width:200px;}
        ul.dropdown li#why ul 	        {background-color: #c8215d; width:270px}
        ul.dropdown li#who ul 	        {background-color: #7570b3;  width:200px}
        ul.dropdown li#resources ul 	{background-color: #7fc241; width:200px}
        		
    /*  creates diff hover colors  */		
        ul.dropdown li#what  ul li:hover, 
        ul.dropdown li#what ul li.hover	            {background-color: #8dcef4;}
       
        ul.dropdown li#why ul li:hover	,  
        ul.dropdown li#why ul li.hover	            {background-color: #dd477d;}
        
        ul.dropdown li#who ul li:hover, 
        ul.dropdown li#who ul li.hover	            {background-color: #9591c9;}
        
        ul.dropdown li#resources ul li:hover, 
        ul.dropdown li#resources ul li.hover	    {background-color: #9bd565;}



	
ul.dropdown ul.subnav a { 
	border-right: none; 
	width: 100%; 
	line-height: 17px;
    font-weight: normal; 
    font-size: 14px;
    padding: 5px 0px;
    color:#fff;
	display: inline-block; 
	} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul { 
	left: 100%; 
	top: 0; }

ul.dropdown li:hover > ul { 
	visibility: visible; 
	}



/*
++++++++++++++++++++++++++++++++++++
in-page uls
++++++++++++++++++++++++++++++++++++
*/



ul.normal{
	list-style: disc;
	font-size: 13px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}

ul.normal li{
    padding: 5px 0px
}

ul.normal#clients{
    float:left;
    width:210px;
}

ul.normal#clients li {
    list-style-type: none;
    background-image:url("../_img/bgs.gif");
    background-position:-900px -591px;
    padding-left: 20px;
    margin-left: 0px
}

ul.normal.subNormal li{
    list-style-type:square;
    color: #363636;
	font-size: 11.5px;
	margin-top: 3px;
	margin-bottom: 5px;
	margin-left: 8px;
	padding: 2px;
	font-style: italic;
}







/*
++++++++++++++++++++++++++++++++++++
footer region
++++++++++++++++++++++++++++++++++++
*/
#footer{
	padding-bottom:20px;
	padding-top: 20px;
	padding-left:5px;
}

a#fb{
	width:100px;
	height:90px;
	float:right;
	text-indent:-999999px;
	background-image: url(../_img/bgs.gif);
	background-repeat: no-repeat;
	background-position: -100px -1200px;
}


a#fb:hover{
background-image: url(../_img/bgs.gif);
	background-repeat: no-repeat;
	background-position: -100px -1401px;
}


ul#footerNav{
	/*display: block;-*/
	list-style-type: none;
	/*-overflow: hidden;*/
}

#footerNav li {
	/*display: inline; */
	float: left;
	width: 170px;
	padding-right:30px;	
}

#footerNav li.last{
	padding-right:0px;	
}

#footerNav li a:link, #footerNav li a:visited {
	display: block;
	font-size: 12px;
	color: #666;
	text-decoration: none;
}


#footerNav li a:hover {
	color:#000;
}

#footerNav li a:active {
	color: #F30;
}

#footerNav li ul.subNav {
	display: block;
	line-height:1.8;
	list-style-type: none;
	margin-top: 0px;
	position: relative;
}

#footerNav a.bold {
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 3px;
}



#siteInfo{
	width:855px;
	height:80px;
	position:relative;
	font-size:12px;
	line-height: 16px;
	padding:20px 0px 0px 85px;
	background :url(../_img/bgs.gif) no-repeat -20px -900px;	
	margin-top:15px;
	color: #777

}
#siteInfo a{
color:#1a5d83;
text-decoration:underline;
}

#fullWide{
	background-color:#f6f6f6;	
	margin-top:60px;
	
}

	#anchor{
	width:940px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;	
	}
	
	
	
	

	
	
	
	
	/*
=====================
        INSIDE PAGE STYLES
=====================
*/


/*--------INSIDE SUBNAV---------------------*/
#subInside{
	display: block;
	list-style-type: none;
	padding: 0px;
	width: 200px;
}

#subInside li {
	margin-top:10px;
}

#subInside li a {
	padding-left:5px;
	line-height:1.8;
	font-size: 15.5px;
	width: 220px;
	text-decoration: none
}

#subInside .small{
    font-size: 10px;
    text-transform: uppercase
}



/* sets the inside nav color */

    #what #subInside li a{
    	color: #57b0e3;
        }
        
    #why #subInside li a{
    	color: #c8215d;
        }
    	
    #who #subInside li a {
    	color: #7570b3;
        }
    	
    	#resources #subInside li a {
    	color: #7fc241;
        }
    

    
    
/* sets the state for the current li */

#subInside li.current{
	font-weight: bold;
	cursor: default;
	color: #fff;
    }
    
#what #subInside li.current a{
	color: #fff;
    }

    #what #subInside li.current, #what #subInside li.current:hover, #what #subInside li.current.hover   {
    	background: transparent url(../_img/bgs.gif) no-repeat -417px -681px;
        }
        
    #why #subInside li.current, t, #why #subInside li.current:hover, #why #subInside li.current.hover  {
    	background: transparent url(../_img/bgs.gif) no-repeat -417px -721px;
        }
        
    #who #subInside li.current, #who #subInside li.current.hover, #who #subInside li.current:hover {
    	background: transparent url(../_img/bgs.gif) no-repeat -417px -761px;
        }
        
    #resources #subInside li.current,  #resources #subInside li.current.hover, #resources #subInside li.current:hover  { 
    	background: transparent url(../_img/bgs.gif) no-repeat -417px -801px;
        }
        

/* sets the arrow for rollovers  */

    #what #subInside li:hover, #what #subInside li.hover{
            background: transparent url(../_img/bgs.gif) no-repeat -635px -681px;
        }
        
    #why #subInside li.hover, #why #subInside li:hover{
    	background: transparent url(../_img/bgs.gif) no-repeat -635px -721px;
        }
        
    #who #subInside li.hover, #who #subInside li:hover {
    	background: transparent url(../_img/bgs.gif) no-repeat -635px -761px;
        }
        
    #resources #subInside li.hover, #resources #subInside li:hover{
    	background: transparent url(../_img/bgs.gif) no-repeat -635px -801px;
        }
    

#why #subInside li.current a, #who #subInside li.current a, #resources #subInside li.current a  {
	color: #fff;
    }
    
   /*--------------to make longer inside nav text fit in "current" arrow graphic------------*/ 	 
#size{
font-size:13px;
}	 


/*---------------INSIDE GLOBAL STYLES GABE------------*/ 
 #sidebar1{
	width: 220px;
	margin-right:30px;
	float:left;
}


#what #sidebar a{
    color: #57b0e3
}


#main{
	width: 690px;
	float:left;
	margin-top: 0px;
	padding-top: 0px;
	}

#sidebar2{
	width: 200px;
	Float:right;
	margin-left: 30px;
}

#sidebar2.narrow{
	margin-left: 10px;
}


#contact #sidebar2{
	width: 300px;
	float:left
}

.text p{
	margin-bottom:7px;
}


/*---------------inside CALLOUT BOX-------------*/
.call2{
	float:left;
	width:180px;
	margin-left:40px;
	margin-bottom:25px;
	color:#fff;
	font-size:12px;
	padding:10px;
	
	
}

#sidebar1 .call2{
	float:left;
	width:180px;
	margin-left:0px;
	margin-top:40px;
	color:#fff;
	font-size:12px;
	padding:10px;
}



/*---------------inside call box-------------*/

.callBox{
    float: left;
	margin:20px 0px 0px 0px;
	font-size:12px;
	padding-top: 10px;
	width: 210px;
	border-top: 6px solid #f3f3f3}


            #sidebar2 .callBox{
                float: right;
                width: auto;
                -moz-border-radius: 4px;
                -webkit-border--radius: 4px;
            	border-radius: 4px; /* future proofing */
            	-khtml-border-radius: 2px;
                padding:10px 10px 20px 10px;
                border: 9px solid #ebe9ff;	
                padding:10px;
                margin-bottom: 30px}
            
            #sidebar2 .callBox p{
                color:#fff;}
            
            #sidebar2 .callBox.green{
            	background-color:#7fc241;
                border: 9px solid #e3fbcd;
                margin-top: 10px;}
            
            .callBox.green a{
                color:#e3fbcd;}
            
            .callBox.green a:hover, .callBox.green a.hover{
                color:#fff;}
            
            
            #sidebar2 .callBox.purple{
            	background-color:#7570B3;
                border: 9px solid #ebe9ff;}
            
            .callBox.purple a{
                color:#ebe9ff;}          
                
            .callBox.green .date{
                color: #fff;}
    
            .callBox p{
                padding: 0px;
                margin-top: 10px;}
            
            .callBox h4{
                margin: 0px;}
                

#color1{
background-color: #94978b;	
}


#color2{
background-color:#7fc241;	
}

#color3{
background-color:#faa61a;	
}

#color4{
background-color:#dcd9ff;	
}


#color5{
background-color:#c8215d;	
}



.call2 #box li{
	list-style-position: inside;
	list-style-type: disc;
	line-height:1.5;
}

.call2 #box li a:link,  .call2 #box li a:visited {
	font-size: 12px;
	text-decoration:underline;
	font-weight:bold;
}


.call2 #box li a:hover {
	color:#339;
}

.call2 #box li a:active {
	color: #F30;
}



/*---------------CHART 3 PHASES-------------*/



#chart{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom:20px;
}


#chart .title{
    background-color: #f5f5f5;
    padding: 5px;
    color: #818181;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 10px;
}


#chart .block{
	padding: 10px 2px;
    color:#666;
    width: 170px;
    margin-right: 30px;
    font-size: 12px;
    float:left;
    background: url(../_img/bgs.gif) no-repeat  -429px -1065px
}

#chart .block.one:hover, #chart .block.one.hover{
    background-position: -430px -1162px
}


#chart .block.two{
    width: 250px;
    background-position:  -344px -1066px
}

#chart .block.two:hover, #chart .block.two.hover{
    background-position:-345px -1163px
}


#chart .block.last{
    margin-right: 0px;
    background-image: none
}


#chart .phase {
	font-size: 12px;
	display: block;
	color: #818181;
	text-transform: uppercase
}


#chart a {
	font-size: 18px;
    line-height: 1.5;
	text-decoration: none;
	display: block;
	color: #c8215d;
	font-weight: bold;
}

#chart a:hover , #chart a.hover {
	text-decoration: underline;
}


#chart .block.one.current span.phase, #chart .block.two.current span.phase, #chart .block.last.current span.phase{
 font-weight: bold;
 color:#e086a6;
}

#chart .block.one.current a, #chart .block.two.current a, #chart .block.last.current a{
 font-weight: bold;
 cursor:default;
 text-decoration:none;
}

/*--------RIGHT COL PICS------------------*/

.pic {
	margin-bottom:25px;
	width: 180px;
	height: 175px;
    border: 9px solid #f5f5f5;
    padding: 1px
	}
	
    .pic.susan{

	width: 200px;
	height: 200px;
	background:url(../_img/susan.jpg) no-repeat 1px 1px;
	}
	
	 .pic.twentyFive{
	background:url(../_img/kid25.jpg) no-repeat 1px 1px;		
	}
    .pic.thirtyThree{
	background:url(../_img/kid33.jpg) no-repeat 1px 1px;		
	}
	   .pic.sixtyOne{
	background:url(../_img/kid61.jpg) no-repeat 1px 1px;		
	}
	
	 .pic.one{
		background:url(../_img/kid1.jpg) no-repeat 1px 1px;	
	}
	
	 .pic.nine{
		background:url(../_img/kid9.jpg) no-repeat 1px 1px;	
	}
	
	
	.pic.three{
	background:url(../_img/kid3.jpg) no-repeat 1px 1px;
	}
	
.pic.one{
		background:url(../_img/kid1.jpg) no-repeat 1px 1px;	}
	
	.pic.two{
		background:url(../_img/kid2.jpg) no-repeat 1px 1px;	
	}
	
    .pic.five {
	background:url(../_img/kid5.jpg) no-repeat 1px 1px;
	}
		.pic.nineteen {
	background:url(../_img/kid19.jpg) no-repeat 1px 1px;
	}
	
		.pic.ninetyFive {
	background:url(../_img/kid95.jpg) no-repeat 1px 1px;
	}
	

    .pic.four {
	background:url(../_img/kid4.jpg) no-repeat 1px 1px;
	}
	
	.pic.seven {
	background:url(../_img/kid7.jpg) no-repeat 1px 1px;
	}
	
    .pic.six {
	background:url(../_img/kid6.jpg) no-repeat 1px 1px;
	}
	
    .pic.four {
	background:url(../_img/kid4.jpg) no-repeat 1px 1px;
	}
	
    .pic.ten {
	background:url(../_img/kid10.jpg) no-repeat 1px 1px;
	}
	
    .pic.nineteen{
	background:url(../_img/kid19.jpg) no-repeat 1px 1px;
	}
	
    .pic.twentyTwo {
	background:url(../_img/kid22.jpg) no-repeat 1px 1px;
	}
	
	 .pic.twenty {
	background:url(../_img/kid20.jpg) no-repeat 1px 1px;
	}
	
    .pic.seventyOne{
	background:url(../_img/kid71.jpg) no-repeat 1px 1px;
	}

    #who .kid{
		background:url(../_img/kid20.jpg) no-repeat 1px 1px;
	}
	
	
	/*--------"Who/why section------------------*/
		
	#who h5  {
		color:#7570b3;
		margin-top: 0px;
		font-size: 18px;
	}
	

/*--------Resources section------------------*/
        #resources .upcoming{
        color:#7fc241;
        font-size:16px;
        font-style:italic;}
        
        #resources .caption{
        font-size: 1fre1px;
        margin-bottom:20px;}
        
        #resources #location{
        color:#9e9e9e;
        margin:0 0 30px 30px;}
        
        #resources .subtitle{
            border-top: 10px solid #f5f5f5;
            padding-top: 10px;
            margin-bottom: 10px;
            color: #999;
            font-size: 13px;
            text-transform: uppercase}
            
                 
        .date{
            color: #777;
            line-height: 19px;
            font-size: 14px;}
        
            
        #resources .title{
            color: #222;
            display: block;
            font-weight: bold;
            font-family: arial;
            font-size: 20px;}
            
            
        #eventSignup{
            margin-top: 20px;
            border-top: 10px solid #f5f5f5;
            padding-top: 10px;}


             .event{
                float:right;
                width: 250px;
                 margin-top: 20px;
                background-color: #f6f6f6;
                padding: 10px;
                color: #222;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
                border-radius: 6px;}
             
                            .event .date{
                            font-weight: bold;
                            color: #7FC241;
                            font-size: 16px;}
                            
                            .event .time{
                            display: block;
                            color: #50861d;
                            font-size: 15px;}
                            
                            .event .where{
                            font-weight: bold;
                            font-size: 15px;}
                            
                            
                            .event a.buttonLg{
                            margin: 20px 0px 10px 0px;
                            display: block;
                            padding: 3px 6px;
                            font-size: 16px;
                            background-color: #7FC241;
                            color: #fff;
                            text-decoration: none;
                            text-align: center;
                            font-weight: bold;
                            -moz-border-radius: 6px;
                            -webkit-border-radius: 6px;
                            border-radius: 6px;}
                            
                            .event a.buttonLg:hover{
                            background-color: #5c9726;}
							
							
        /*-------testimonials page------*/
		#clients {
		width: 468px;

		}


        /*--------response page
                    eventually replace with php includes for each event? ------*/
        
                table.response{
                    font-size: 14px;
                   border:2px solid #f6f6f6;
                    width: 80%}
                
                 table.response td{
                    padding:10px 15px;}
                
                table.response tr td{
                   border-bottom: 1px solid #f6f6f6}

	


    /*--------new code replacing UL/LI------*/
        
            #who .block  {
	           margin:30px 0px 10px;
            	padding:20px 0px 20px 245px;	
            	border-top:5px solid #f3f3f3;
            	min-height: 200px;
              }
              
            #who .position {
                font-weight: normal;
                font-size: 14px;
                color: #888
            }
              
              
              #who .block a {
             font-size:  13px;
              }
              
			

            .block#tom {
            	background:url(../_img/tom.jpg) no-repeat 0px 20px;	
            }
            
            .block#barb {
            	background:url(../_img/barb.jpg) no-repeat 0px 20px;	
            }
            
            .block#michelle {
            	background:url(../_img/michelle.jpg) no-repeat 0px 20px;	
            }
            
            .block#susan {
            	background:url(../_img/susan.jpg) no-repeat 0px 20px;	
            }
            
           .block#natasha {
            	background:url(../_img/natasha.jpg) no-repeat 0px 20px;	
            }
            .block#nadine {
            	background:url(../_img/nadine.jpg) no-repeat 0px 20px;	
            }
            
            .block#amy {
            	background:url(../_img/amy.jpg) no-repeat 0px 20px;	
            }
            
            .block#andrea {
            	background:url(../_img/andrea.jpg) no-repeat 0px 20px;	
            }
            
            .block#ina {
            	background:url(../_img/ina.jpg) no-repeat 0px 20px;	
            }
            
            .block#fredda {
            	background:url(../_img/fredda.jpg) no-repeat 0px 20px;	
            }
            
            .block#joan {
            	background:url(../_img/joan.jpg) no-repeat 0px 20px;	
            }
            
           .block#bonnie {
            	background:url(../_img/bonnie.jpg) no-repeat 0px 20px;	
            }
            
			
			
			   .block#julie {
            	background:url(../_img/julie.jpg) no-repeat 0px 20px;	
            }
			
			   .block#adrienne {
            	background:url(../_img/adrienne.jpg) no-repeat 0px 20px;	
            }
            
            /*--------ATTORNEYS PHOTOS)------------------*/
            .block#michelleS {
            	background:url(../_img/michelleS.jpg) no-repeat 0px 20px;	
            }
            
            .block#lawrence {
            	background:url(../_img/lawrence.jpg) no-repeat 0px 20px;	
            }
            
            .block#susanI {
            	background:url(../_img/susanI.jpg) no-repeat 0px 20px;	
            }
            
            .block#will {
            	background:url(../_img/will.jpg) no-repeat 0px 20px;	
            }
            
           .block#irina {
            	background:url(../_img/irina.jpg) no-repeat 0px 20px;	
            }
            
            .block#joseph {
            	background:url(../_img/joseph.jpg) no-repeat 0px 20px;	
            }
            
            .block#james {
            	background:url(../_img/james.jpg) no-repeat 0px 20px;	
            }
            
            .block#melissa {
            	background:url(../_img/melissa.jpg) no-repeat 0px 20px;	
            }
            
			   .block#adriane {
            	background:url(../_img/adriane.jpg) no-repeat 0px 20px;	
            }
			   .block#deb {
            	background:url(../_img/deb.jpg) no-repeat 0px 20px;	
            }
			
			   .block#liz {
            	background:url(../_img/liz.jpg) no-repeat 0px 20px;	
            }
            
            
            /*--------STAFF PHOTOS)------------------*/
            .block#ping {
            	background:url(../_img/ping.jpg) no-repeat 0px 20px;	
            }
            
            .block#louis {
            	background:url(../_img/louis.jpg) no-repeat 0px 20px;	
            }
            
            .block#art {
            	background:url(../_img/art.jpg) no-repeat 0px 20px;	
            }
			    .block#jennM {
            	background:url(../_img/jennM.jpg) no-repeat 0px 20px;	
            }


	/*
==================================================================================
                     This section is for 
                    home pages styles
================================================================================
*/
	


#f1{
	height: 245px;
	width: 940px;
	border-top: 2px solid #fff; 
	margin:0px 0px 40px 0px;
    position: relative;
}

#f1 #image1{
	height: 245px;
	width: 200px;
	float:left;
	background-image: url(../_img/hmKid1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin:0;
    position: relative;
}

#f1 #image2{
	height: 245px;
	width: 200px;
	float:left;
	background-image: url(../_img/hmKid2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin:0;    
    position: relative;
    
}


#f1 #image3{
	height: 245px;
	width: 200px;
	float:left;
	background-image: url(../_img/hmKid3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	margin:0;
    position: relative;
}

#f1text {
	height: 245px;
	width: 340px;
	float:left;
	background-color:#faa61a;
	padding:0;
	margin:0;
	font-style: normal;
    position: relative;
}

#f1text h2{
	font-size: 20px;
	color:#3e2803;
	font-style: normal;
	line-height: 1.6;
	padding:22px;
	font-weight: normal;
    position: relative;
}

#f1text h2 #co{
	font-size: 22px;
	color:#fff;
	display: block;
	font-weight: bold;
}

 #f1 #f1text #how a{
	background: url(../_img/bgs.gif) no-repeat -399px -99px;
	height:35px;
	width:290px;
	padding:0;
	margin:15px;
	display: block;
	position: relative;
}
 #f1 #f1text #how a:hover,  #f1 #f1text #how a.hover {	
	background: url(../_img/bgs.gif) no-repeat -399px -150px; 
}



/*--------main column containing main b locks------------*/

    #home #main{
        width: 710px;
        float: left;
        position: relative
    }




/*--------column1------------*/

#home #ourTeam{
	float: left;
	height: 340px;
	width: 300px;
	margin-right: 25px;
	position: relative;
    margin-bottom: 30px;
}

#ourTeam #home1 li {
	color: #676767;
	text-decoration: none;
	line-height:1.85;
	text-decoration:none;
	font-size:12px;
	display:block;
	padding:5px;
}

#ourTeam #home1 li a{
font-size:14px;
display:block;

}

#ourTeam h2{
font-size:24px;
font-weight: normal;
color:#7570b3;
}

.action#who a{
	background-image: url(../_img/bgs.gif);
	background-repeat: no-repeat;
	background-position: -399px -249px;
	height:35px;
	width:255px;
	padding:0;
	display: block;
	position: absolute;
	bottom: 10px;
}

.action#who a:hover, .action#who a.hover{	
	background-image: url(../_img/bgs.gif);
	background-repeat: no-repeat;
	background-position: -399px -298px;
}


/*--------column2------------*/

#home #needUs{
	float: left;
	height: 340px;
	width: 385px;
	position: relative;
	margin-bottom: 30px;
	}
	
#needUs h2 {
font-size:24px;
font-weight: normal;
color:#57b0e3;
}


#needUs #home2 li {
	color: #676767;
	text-decoration: none;
	line-height:1.4;
	font-size:13px;
	display:block;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 30px;
}


#needUs #home2 li.aHm {
	background-image:url(../_img/bgs.gif);
	background-position: -890px -440px;
}

#needUs #home2 li.bHm {
	background-image:url(../_img/bgs.gif);
	background-position: -890px -491px;
}

#needUs #home2 li.cHm {
	background-image:url(../_img/bgs.gif);
	background-position: -890px -541px;
}

#needUs #home2 li.dHm {
	background-image:url(../_img/bgs.gif);
	background-position: -890px -591px;
}

#needUs #home2 li.eHm {
	background-image:url(../_img/bgs.gif);
	background-position: -890px -690px;
}

#needUs #home2 li.fHm {
	background-image:url(../_img/bgs.gif);
	background-position: -890px -641px;
}



.action#clients a{
	background-image: url(../_img/bgs.gif);
	background-repeat: no-repeat;
	background-position: -399px -399px;
	height:35px;
	width:255px;
	padding:0;
	display: block;
	position: absolute;
	bottom: 10px;
}


.action#clients a:hover, .action#clients a.hover{	
	background-image: url(../_img/bgs.gif);
	background-repeat: no-repeat;
	background-position: -399px -448px;
}


/*--------column3------------*/


#home #rightCol{
	float: right;
	width: 230px;
	}
	
/*-------contactBox Home page--*/


#home #rightCol #contactBoxHm {
	background-color:#eaf6fd;
	padding:7px;
	margin-bottom:20px;
	}
	
	
#home #rightCol .headingHm {
	font-size:15px;
	color:#111;
	margin-bottom:10px;
	}
	
#home #rightCol #contactBoxHm .headingHm {
	color:#1a5d83;
	}
	
#home #rightCol #eventHm .headingHm, #home #rightCol #news .headingHm {
	color:#7FC241;
	}
	
	
	#home #rightCol #contactBoxHm li.form a{
	font-size:12px;
	display:block;
	width:150px ;
	background-image:url(../_img/bgs.gif);
	background-repeat: no-repeat;
	background-position: 0px -445px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:32px;
	}
	
		
	#home #rightCol #contactBoxHm li.form a:hover{
	color: #21a7d0;
	}
	
	#home #rightCol #contactBoxHm li.call {
	font-size:13px;
	display:block;
	width:150px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left:32px;
	background-image:url(../_img/bgs.gif);
	background-repeat: no-repeat;
	background-position: 0px -548px;
	}

	/*-------Receive Newsletter--*/

#home #rightCol #news {
	padding:10px;
	color:#1a5d83;
	margin-bottom:20px;
	border: 1px solid #CCC;
	}
	

	
	#home #rightCol #news p.headingHm {
	font-size:13px;
	display:block;
	color:#7fc241;
	}
	
/*-------needMore (we can help)--*/
		
 #home #needMore {
	padding:10px;
	position:relative;
	float: left;
	height: 190px;
	width: 280px;
	margin-right: 25px;
	background-color:#fce7c4;
}

 #home #needMore h2 {
font-size:22px;
font-weight: normal;
color:#222;
}


 #home #mainContent #f3 #needMore p{
font-size:12px;
line-height:1.7;
}

 #home #mainContent #f3 #needMore .headingHm p{
font-size:20px;
display:block;
}

.action#help a{
	background-image: url(../_img/bgs.gif);
	background-repeat: no-repeat;
	background-position: -399px -550px;
	height:35px;
	width:255px;
	margin-top:15px;
	padding:0;
	display: block;
	position: relative;
}
.action#help a:hover, .action#help a.hover{	
	background-image: url(../_img/bgs.gif);
	background-repeat: no-repeat;
	background-position: -399px -600px;
}

		/*-------testimonials (testimonials)--*/
#home #testimonials {
	float: left;
	height: 190px;
	width: 375px;
	padding: 10px 0px;
	background:url(../_img/bgs.gif) no-repeat -800px -190px;
}

#home #testimonials #record{
float:left;
font-size:12px;
line-height:1.7;
width:170px;
color: #676767;
}

#home #testimonials #record a{
color:#7fc241;
}

 #home #mainContent #testimonials h2{
font-size:22px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
display:block;
font-weight: normal;
color:#7fc241;
}


/*-------EMAIL form home pg (Event Calendar)--*/

#home #eventHm{
	color:#1a5d83;
	border: 1px solid #CCC;
	padding: 10px;
	}
	

#home #f3 #eventHm .headingHm p#event{
	font-size:13px;
	display:block;
	color: #7fc241;
	}
	
	#home #f3 #eventHm a{
	display:block;
	padding-top:10px;
	}
	
	#eventHm span{
		color:#676767;
		font-size:10px;
		font-style: italic;
	}
	
	
/*
==================================================================================
                   redirect styles
================================================================================
*/



	body#oops #logo{
	background: none;
    display: block;

	}
	
    body#oops h1#logo a{
	margin:0 auto;
	width: 140px;
	height:137px;
	text-indent:-999999px;
	background: url(../_img/bgs.gif) no-repeat 20px 0px;
	    float:none;
	}

	
	#redirectText{
	margin:0 auto;
	margin-top: 30px;
	}
	
	
	#redirectText h1{
    text-align: center;
	}
	
	#redirectText h3{
	font-size: 16px;
    text-align: center;
	}
	
	/* - - - - - - - - - - - - - - - - - - - - - - -
        404 styles
 - - - - - - - - - - - - - - - - - - - - - - -*/


#footerNav.oops li a:link, #footerNav.oops li a, #footerNav.oops li a:visited {
	font-size: 13px;
	color: #1A5D83;
}

#footerNav.oops li a:hover {
text-decoration: underline
}

#footerNav.oops  {
	margin-left: 100px;
}

#footerNav.oops  li {
	width: 180px;
	padding-right: 20px;
}


	
/*
==================================================================================
                   CONTACT FORM
================================================================================
*/

            

#formBox{
    width: 650px;
    margin: 0 auto;
}

#formBox div.question{
    margin-top: 20px;
}

#formBox label {
    display: block;
    font-size: 14px;
}

#formBox em {
    font-size: 12px;
}

#formBox div.small label {
    display: inline;
    font-size: 12px;
    padding-right: 15px;
}



#formBox #formContact, #formBox #formEmail {
background-color: #cbe4fd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
padding:30px;
margin: 0 auto
}


#formBox #formContact p label #preferred_0, #formBox #formContact p label #preferred_1, #formBox #formContact p label #preferred_2, #formBox #formContact p label #preferred_3 {
	font-size: 10px;
	margin-left: 60px;
} 


/*------------email Form on Home page-----------------*/
#news #form1 p #sprytextfield1 label {
	color: #7fc241;
	display: block;
}