/*@import url("resets.css");
*/
BODY {
	/*TEXT-ALIGN: center; */
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px;
	/* WIDTH: 7743px; 
	*/
	PADDING-RIGHT: 0px; FONT-FAMILY: Arial, sans-serif; 
	/*BACKGROUND: url("images/body-bgMAIN.png") #eeeeee repeat-x left top; PADDING-TOP: 0px;
	
	BACKGROUND: url("images/wave-background2.jpg") no-repeat  left top; PADDING-TOP: 0px;
	*/
	height:100%;
}
#wrapper    
{
    text-align: left;
    margin: 0 auto;
    width: 1380px;
    height:100%;
    /*padding-top: 15px;
      position: relative;  
  */
}

A {
	TEXT-DECORATION: none
}
A:hover {
	CURSOR: pointer; TEXT-DECORATION: none
}
IMG {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}
.relax {
	LINE-HEIGHT: 0; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px
}
H1 {
	POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 300px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; DISPLAY: block; FLOAT: left; HEIGHT: 146px; TOP: 0px; PADDING-TOP: 0px
}
 H1 {
	FONT-FAMILY: "KidTYPEpaint", Arial, Helvetica, sans-serif; COLOR: #535353; FONT-SIZE: 14px
}
 H3 {
	FONT-FAMILY: "Gill Sans", Arial, Helvetica, sans-serif; COLOR: #535353; FONT-SIZE: 20px
}
.logo {
	WIDTH: 267px; DISPLAY: block; HEIGHT: 177px;
    	
}
#logo
{
    position:absolute;
    left:20px;
    top:25px;
}
	
 .menu-column {
	Z-INDEX: 1000; POSITION: fixed; WIDTH: 277px; 
	/*BACKGROUND: url("images/navigationGreen.png") no-repeat  left 50%; 
	*/
	BACKGROUND: url("images/navBG3.png") repeat-y  left 50%; 
	HEIGHT: 854px; LEFT: 0px
}
.menu-column UL {
	PADDING-BOTTOM: 0px; MARGIN: 100px 17px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: right; PADDING-TOP: 0px
}
.menu-column UL LI {
	PADDING-BOTTOM: 4px; LIST-STYLE-TYPE: none; WIDTH: 100%; CLEAR: both; LIST-STYLE-IMAGE: none
}
.menu-column UL LI A {
	Z-INDEX: 1000; BORDER-BOTTOM: medium none; POSITION: relative; 
	BORDER-LEFT: medium none; PADDING-RIGHT: 20px; DISPLAY: block; 
	FONT-FAMILY: "Futura", Arial, Helvetica, sans-serif; FLOAT: right; 
	HEIGHT: 23px; 
	/*COLOR: #60696d; */
	color:White;
	FONT-SIZE: 12px; 
	BORDER-TOP: medium none; BORDER-RIGHT: medium none; PADDING-TOP: 5px; -moz-outline: none
}
.menu-column UL LI A:hover
{
    border-bottom:dotted 2px #EF792F;
}
 

  


.quote1 {
	TEXT-ALIGN: center; WIDTH: 100%; DISPLAY: block; FLOAT: none; CLEAR: both
}
.quote2 {
	FONT-SIZE: 27px
}
.quote3 {
	FLOAT: right; FONT-SIZE: 18px; MARGIN-RIGHT: 300px
}
  
 
.site-by {
	TEXT-ALIGN: left; MARGIN-LEFT: 50px; CLEAR: both; PADDING-TOP: 100px;
    padding-left:5px;
}
.site-by A {
	MARGIN: 0px; COLOR: #646465; FONT-SIZE: 15px
}

.site-by A:hover
{
    border-bottom:dotted 2px #EF792F;
}
.site-by SPAN {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 13px; 
	/*BACKGROUND: url(images/icons/widmill.gif) no-repeat right top; */
	COLOR: #aeb3b5;
	/*COLOR:#F89825;*/
	PADDING-TOP: 6px
}

.site-by .green {
	MARGIN: 0px; COLOR: #91bd24; FONT-SIZE: 10px
}
.green {
	MARGIN: 0px; COLOR: #91bd24; FONT-SIZE: 10px
}
.footer {
	WIDTH: 100%; FLOAT: left
}
.relaxator {
	WIDTH: 100%; FLOAT: left; HEIGHT: 1px; CLEAR: both
}
.menu-column ul li.active a {
	color: #EF792F;
	background: #CCD5B3;
	display: block;
	padding-left: 10px;
}
.content
{
    text-align:left;
    left:260px;
    clear: both;
	padding: 15px;
	min-height: 200px;
	position:absolute;
	top:0px;
	color: #59554a; 
	  /*color:White;
	background: white url(images/contentBG.png) repeat-y;

    height:100%;*/
}
EM {
	POSITION: absolute; 
	PADDING-BOTTOM: 0px; 
	LINE-HEIGHT: 36px; 
	FONT-STYLE: normal; 
	MARGIN: 0px; PADDING-LEFT: 0px; 
	WIDTH: 655px; PADDING-RIGHT: 0px; 
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif; 
	COLOR: #ffffff; FONT-SIZE: 24px; 
	 
	PADDING-TOP: 0px; 
}
#pages
{
}
.orange 
{
    color:#EF792F;
}
.a_page
{
    
}
.all_pages{}

.a_page > .footer
{
    POSITION: absolute; 
	PADDING-BOTTOM: 0px; 
	LINE-HEIGHT: 30px; 
	FONT-STYLE: normal; 
	MARGIN: 0px; PADDING-LEFT: 0px; 
	WIDTH: 100%;
	PADDING-RIGHT: 0px; 
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif; 
	COLOR: #ffffff; FONT-SIZE: 24px; 
	 TOP: 595px;
	PADDING-TOP: 0px; 
	left:270px;
	z-index:9999999;
}

#pages .a_page
{
  	clear: both;
	padding: 0px;
	min-height: 200px;
	position:absolute;
	top:0px;
    height:100%;
    width:78%;
    text-align:left;
    font-size: 0.95em;
}
#page1
{
  /* background: #fff url(images/backgrounds/page.png) repeat-x 0 0;
*/
}
#page2
{
   /* BACKGROUND: url("images/body-bg2.png") #eeeeee repeat-x left top; PADDING-TOP: 0px

*/
}
#page3
{
/*    BACKGROUND: url("images/body-bg3.png") #eeeeee repeat-x left top; PADDING-TOP: 0px
*/
}
#page4
{
/*    BACKGROUND: url("images/body-bg4.png") #eeeeee repeat-x left top; PADDING-TOP: 0px
*/
}
.footer_content
{
    padding-top: 27px;
	float: left;
    padding-left:300px;
}
#fixed_footer 
{ 
/*background:#1B1B1B url(images/footer-bg.jpg) no-repeat scroll 0 0;*/
   
	 
background:#423e35 url(images/footer_background2.png) repeat-x scroll 0 0;
border-top:1px solid #749E58;
bottom:0;
/*height:40px;
 background: #423e35 url(images/footer_background.png) repeat-x scroll 0 0;	
*/	
height: 110px;
position:fixed;
width:100%;
z-index:99;
}

#footer_icons
{
    position:absolute;
    float:right;
    top:30px;
    right:5%;   
    display:inline;
}
#footer_icons > .opacity > a > img
{
    
    height:70px;
    width:80px;
} 
.opacity  
{
     opacity:0.25; /* firefox, opera, safari, chrome */
    filter:alpha(opacity=25); /* IE 4, 5, 6 and 7 */
     /* zoom:1; /* so the element "hasLayout"
    or, to trigger "hasLayout" set a width or height */
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=20)"; /* IE 8 */
   
}

.opacity:hover  {
    opacity:1;
    filter:alpha(opacity=100);
    zoom:1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
   
}
.opacityOff {
    opacity:1;
     filter:alpha(opacity=100);
    zoom:1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
   
}

#footer_icons > a:hover img:hover
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
	filter: alpha(opacity=100);	
	opacity: 1;
    -moz-opacity:1;
}


#copyright
{
}



/* =Navigation
============================================================================== */

	/* =Reflection Nav
	-------------------------------------------------------------------------- */
		
		#nav-reflection {
			margin: 0 auto 50px auto;
			padding: 50px 0 0 172px;
			width: 452px;
			min-height: 130px;
			background: url(images/page-shadow.jpg) top center no-repeat;
			list-style: none;
			}
			
		#nav-reflection li {
			margin-right: 15px;
			width: 59px;
			float: left;
			}
			
		#nav-reflection a, #nav-reflection a:visited, #nav-reflection a:hover {
			width: 59px;
			height: 59px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(images/icons.png) no-repeat;
			display: block;
			}
			
		#nav-reflection span {
			margin-top: 1px;
			width: 59px;
			height: 34px;
			text-align: center;
			background: url(images/icons-reflections.jpg) no-repeat;
			display: block;
			}
			
		/* Button Colors */
		
		#nav-reflection li.button-color-1 a {
			background-position: -3px -3px;
			}
			
		#nav-reflection li.button-color-2 a {
			background-position: -92px -3px;
			}
			
		#nav-reflection li.button-color-3 a {
			background-position: -181px -3px;
			}
			
		#nav-reflection li.button-color-4 a {
			background-position: -270px -3px;
			}
			
		/* Button Reflection Color */
		
		#nav-reflection li.button-color-1 span {
			background-position: 0 0;
			}
			
		#nav-reflection li.button-color-2 span {
			background-position: -89px 0;
			}
			
		#nav-reflection li.button-color-3 span {
			background-position: -178px 0;
			}
			
		#nav-reflection li.button-color-4 span {
			background-position: -267px 0;
			}
			

			
/*------------------------------- THE SLIDERS .. add new sliders -------------------------------------------------------*/		
			/* Easy Slider */
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		 
		}
	#slider2{margin-top:1em; 
	         }
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:800px;
		height:410px; 
		overflow:hidden; 
		}
	 #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:800px;
		height:438px; 
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	/* resources page slide number control*/
	/* numeric controls */	

	ol#resourcescontrol{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#resourcescontrol li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#resourcescontrol li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#resourcescontrol li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#resourcescontrol li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // END ...Easy Slider */


/* OTHER SLIDER */

/* end slider */
#nav { margin: 10px; position: relative }
#nav li { float: left; list-style: none}
#nav a { margin: 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fc0; text-decoration: none }
#nav a.activeSlide { background: #faa; color: black }
#nav a:focus { outline: none; }


/** ROUNDED BOX**/ 
.rounded_box{display:block}
.rounded_box *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.rounded_box1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #b7b5b5;
  border-right:1px solid #b7b5b5;
  background:#dfdede}
.rounded_box2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #8d8a8a;
  border-right:1px solid #8d8a8a;
  background:#e7e6e6}
.rounded_box3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e7e6e6;
  border-right:1px solid #e7e6e6;}
.rounded_box4{
  border-left:1px solid #b7b5b5;
  border-right:1px solid #b7b5b5}
.rounded_box5{
  border-left:1px solid #dfdede;
  border-right:1px solid #dfdede}
.rounded_boxfg{
  background:#FFFFFF}