/*
Theme Name: Getwise
Theme URI: http://www.getwise.org/
Description: An original WordPress theme for Resource Action Programs.
Author: Resource Action Programs
Author URI: http://resourceactionprograms.org/
Tags: custom, business,conservation

	
*/



/* Begin Typography & Colors */

* {
	margin: 0;
	padding: 0;
	clear: all;
	}
	
body {
	font-family: arial, sans-serif;
	font-size: 14px;
	color: #ffffff;
	}
	
.container {
	width: 1250px;
	}
	
.content {
	
	height:480px;
	width: 960px;
	margin-left: 365px;
	padding-top: 125px;
	}
	
/* .post {
	font-size: 14px;
	margin-left: 90px;
	margin-top: 40px;
	margin-right: 350px;
} */

.post ul li {
	padding-bottom: 10px;}


	
h1 {
	color: white;
	
	}
	
.home {
		
		background-image: url(img/homebackground.gif);
		background-repeat: no-repeat;
		height: 792px;
		width: 1224px;
	}
	
/* --------------------------------- Home Pages ---------------------------------- */
	
.home .middle .post {
	margin-left: 455px;
	width: 500px;
	font-size: 14px;
	line-height: 18px;
	}

.home .top .something {
	margin-left: 90px;
	margin-top: 50px;
	width: 500px;
	line-height: 18px;
	}
	
.home .top .something h2 {
	margin-bottom: 20px;
	}
			
.home .top {
		background-image: url(img/home-background-top.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 441px;
		padding: 0;
		margin: 0;
		display: block;
}

.home .middle {
		width: 1224px;
		margin: 0;
		padding: 0;
		background-image: url(img/home-background-middle.gif);
		background-repeat: repeat-y;
		display: block;
		height: 100%;
		min-height: 100%;
		padding-bottom: 40px;
	}

.home .bottom {
		background-image: url(img/home-background-bottom.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 290px;
		display: block;
}

.home .bottom .icons {
		margin: 0;
		padding: 0;
		vertical-align: bottom;
		margin-left: 680px;
		}
		

.home .bottom .icons ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	border: none;
	}
	
.home .bottom .icons ul li a img{
	padding: 0;
	margin: 0;
	border: none;
	display: inline;
	}
	
.home .top .something a{
	color: white;
	text-decoration: underline;
	}

.home .top .something ul li a:active {
	color:white;
	}
	
.home .top .something a:hover {
	color:#150958;
	}
	
.home .middle .post a{
	color: white;
	text-decoration: underline;
	}

.home .middle .post ul li a:active {
	color:white;
	}
	
.home .middle .post a:hover {
	color:#150958;
	}	

/* ---------------------------------  End Home Pages ---------------------------------- */


/* --------------------------------- Kids Pages ---------------------------------- */
	
.kids .middle .post {
	margin-left: 455px;
	width: 500px;
	font-size: 14px;
	line-height: 18px;
	}

.kids .top .something {
	margin-left: 90px;
	margin-top: 50px;
	width: 500px;
	line-height: 18px;
	}
	
.kids .top .something h2 {
	margin-bottom: 20px;
	}
			
.kids .top {
		background-image: url(img/kids-background-top.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 396px;
		padding: 0;
		margin: 0;
		display: block;
}

.kids .middle {
		width: 1224px;
		margin: 0;
		padding: 0;
		background-image: url(img/kids-background-middle.gif);
		background-repeat: repeat-y;
		display: block;
		height: 100%;
		min-height: 100%;
		padding-bottom: 40px;
	}

.kids .bottom {
		background-image: url(img/kids-background-bottom.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 290px;
		display: block;
}

.kids .bottom .icons {
		margin: 0;
		padding: 0;
		vertical-align: bottom;
		margin-left: 680px;
		}
		

.kids .bottom .icons ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	border: none;
	}
	
.kids .bottom .icons ul li a img{
	padding: 0;
	margin: 0;
	border: none;
	display: inline;
	}
	
.kids .top .something a{
	color: white;
	text-decoration: underline;
	}

.kids .top .something ul li a:active {
	color:white;
	}
	
.kids .top .something a:hover {
	color:#150958;
	}
	
.kids .middle .post a{
	color: white;
	text-decoration: underline;
	}

.kids .middle .post ul li a:active {
	color:white;
	}
	
.kids .middle .post a:hover {
	color:#150958;
	}	
	


/* ---------------------------------  End Kids Pages ---------------------------------- */


/* --------------------------------- Teacher Pages ---------------------------------- */
	
.teacher .middle .post {
	margin-left: 455px;
	width: 500px;
	font-size: 14px;
	line-height: 18px;
	}

.teacher .top .something {
	margin-left: 90px;
	margin-top: 50px;
	width: 500px;
	line-height: 18px;
	}
	
.teacher .top .something h2 {
	margin-bottom: 20px;
	}
			
.teacher .top {
		background-image: url(img/enrollbackgroundlights.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 396px;
		padding: 0;
		margin: 0;
		display: block;
}

.teacher .middle {
		width: 1224px;
		margin: 0;
		padding: 0;
		background-image: url(img/enroll-background-middle.gif);
		background-repeat: repeat-y;
		display: block;
		height: 100%;
		min-height: 100%;
		padding-bottom: 40px;
	}
	
.teacher .middle .subhead {
	margin-bottom: 5px;
	}
	
.teacher .middle form + .subhead {
	margin-top: 30px;
	}

.teacher .bottom {
		background-image: url(img/enroll-background-bottom.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 290px;
		display: block;
}

.teacher .bottom .icons {
		margin: 0;
		padding: 0;
		vertical-align: bottom;
		margin-left: 680px;
		}
		

.teacher .bottom .icons ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	border: none;
	}
	
.teacher .bottom .icons ul li a img{
	padding: 0;
	margin: 0;
	border: none;
	display: inline;
	
	}
	
.teacher .top .something a{
	color: white;
	text-decoration: underline;
	}

.teacher .top .something ul li a:active {
	color:white;
	}
	
.teacher .top .something a:hover {
	color:#150958;
	}
	
.teacher .middle .post a{
	color: white;
	text-decoration: underline;
	}

.teacher .middle .post ul li a:active {
	color:white;
	}
	
.teacher .middle .post a:hover {
	color:#150958;
	}

/* ---------------------------------  End Teacher Pages ---------------------------------- */

/* --------------------------------- Parent Pages ---------------------------------- */
	
.parent .middle .post {
	margin-left: 455px;
	width: 500px;
	font-size: 14px;
	line-height: 18px;
	}

.parent .top .something {
	margin-left: 90px;
	margin-top: 50px;
	width: 500px;
	line-height: 18px;
	}
	
.parent .top .something h2 {
	margin-bottom: 20px;
	}
			
.parent .top {
		background-image: url(img/parents-background-top.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 396px;
		padding: 0;
		margin: 0;
		display: block;
}

.parent .middle {
		width: 1224px;
		margin: 0;
		padding: 0;
		background-image: url(img/parents-background-middle.gif);
		background-repeat: repeat-y;
		display: block;
		height: 100%;
		min-height: 100%;
		padding-bottom: 40px;
	}

.parent .bottom {
		background-image: url(img/parents-background-bottom.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 290px;
		display: block;
}

.parent .bottom .icons {
		margin: 0;
		padding: 0;
		vertical-align: bottom;
		margin-left: 680px;
		}
		

.parent .bottom .icons ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	border: none;
	}
	
.parent .bottom .icons ul li a img{
	padding: 0;
	margin: 0;
	border: none;
	display: inline;
	}
	
.parent .top .something a{
	color: white;
	text-decoration: underline;
	}

.parent .top .something ul li a:active {
	color:white;
	}
	
.parent .top .something a:hover {
	color:#150958;
	}
	
.parent .middle .post a{
	color: white;
	text-decoration: underline;
	}

.parent .middle .post ul li a:active {
	color:white;
	}
	
.parent .middle .post a:hover {
	color:#150958;
	}	

/* ---------------------------------  End Parent Pages ---------------------------------- */


/* --------------------------------- Kit Pages ---------------------------------- */
	
.kit .middle .post {
	margin-left: 455px;
	width: 500px;
	font-size: 14px;
	line-height: 18px;
	}

.kit .top .something {
	margin-left: 90px;
	margin-top: 50px;
	width: 500px;
	line-height: 18px;
	}
	
.kit .top .something h2 {
	margin-bottom: 20px;
	}
			
.kit .top {
		background-image: url(img/kit-background-top.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 396px;
		padding: 0;
		margin: 0;
		display: block;
}

.kit .middle {
		width: 1224px;
		margin: 0;
		padding: 0;
		background-image: url(img/kit-background-middle.gif);
		background-repeat: repeat-y;
		display: block;
		height: 100%;
		min-height: 100%;
		padding-bottom: 40px;
	}

.kit .bottom {
		background-image: url(img/kit-background-bottom.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 290px;
		display: block;
}

.kit .bottom .icons {
		margin: 0;
		padding: 0;
		vertical-align: bottom;
		margin-left: 680px;
		}
		

.kit .bottom .icons ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	border: none;
	}
	
.kit .bottom .icons ul li a img{
	padding: 0;
	margin: 0;
	border: none;
	display: inline;
	}
	
.kit .top .something a{
	color: white;
	text-decoration: underline;
	}

.kit .top .something ul li a:active {
	color:white;
	}
	
.kit .top .something a:hover {
	color:#150958;
	}
	
.kit .middle .post a{
	color: white;
	text-decoration: underline;
	}

.kit .middle .post ul li a:active {
	color:white;
	}
	
.kit .middle .post a:hover {
	color:#150958;
	}	

/* ---------------------------------  End Kit Pages ---------------------------------- */


/* --------------------------------- Links Pages ---------------------------------- */
	
.links .middle .post {
	margin-left: 455px;
	width: 500px;
	font-size: 14px;
	line-height: 18px;
	}

.links .top .something {
	margin-left: 90px;
	margin-top: 50px;
	width: 500px;
	line-height: 18px;
	padding-bottom: 20px;
	}
	
	
.links .top .something h2 {
	margin-bottom: 20px;
	}
			
.links .top {
		background-image: url(img/links-background-top.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 396px;
		padding: 0;
		margin: 0;
		display: block;
		line-height:18px;
}

.links .middle {
		width: 1224px;
		margin: 0;
		padding: 0;
		background-image: url(img/links-background-middle.gif);
		background-repeat: repeat-y;
		display: block;
		height: 100%;
		min-height: 100%;
		padding-bottom: 40px;
	}

.links .bottom {
		background-image: url(img/links-background-bottom.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 290px;
		display: block;
}

.links .bottom .icons {
		margin: 0;
		padding: 0;
		vertical-align: bottom;
		margin-left: 680px;
		}
		

.links .bottom .icons ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	border: none;
	}
	
.links .bottom .icons ul li a img{
	padding: 0;
	margin: 0;
	border: none;
	display: inline;
	}
	
.links .middle .post {
	padding-top: 30px;
	}
	
.links .container .top .content .something a{
	color: white;
	text-decoration: underline;
	margin-top: 20px;
	}

.links .top .something ul li a:active {
	color:white;
	}
	
.links .top .something a:hover {
	color:#150958;
	}
	
.links .middle .post a{
	color: white;
	text-decoration: underline;
	}

.links .middle .post ul li a:active {
	color:white;
	}
	
.links .middle .post a:hover {
	color:#150958;
	}

/* ---------------------------------  End Links Pages ---------------------------------- */


/* --------------------------------- Contact Pages ---------------------------------- */
	
.contact .middle .post {
	margin-left: 455px;
	width: 500px;
	font-size: 14px;
	line-height: 18px;
	padding-top: 10px;
	}

.contact .top .something {
	margin-left: 90px;
	margin-top: 50px;
	width: 500px;
	line-height: 18px;
	}
	
.contact .top .something h2 {
	margin-bottom: 20px;
	}
			
.contact .top {
		background-image: url(img/contact-background-top.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 441px;
		padding: 0;
		margin: 0;
		display: block;
}

.contact .middle {
		width: 1224px;
		margin: 0;
		padding: 0;
		background-image: url(img/contact-background-middle.gif);
		background-repeat: repeat-y;
		display: block;
		height: 100%;
		min-height: 100%;
		padding-bottom: 40px;
	}

.contact .bottom {
		background-image: url(img/contact-background-bottom.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 290px;
		display: block;
}

.contact .bottom .icons {
		margin: 0;
		padding: 0;
		vertical-align: bottom;
		margin-left: 680px;
		}
		

.contact .bottom .icons ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	border: none;
	}
	
.contact .bottom .icons ul li a img{
	padding: 0;
	margin: 0;
	border: none;
	display: inline;
	}
	
.contact .top .something a{
	color: white;
	text-decoration: underline;
	}

.contact .top .something ul li a:active {
	color:white;
	}
	
.contact .top .something a:hover {
	color:#150958;
	}
	
.contact .middle .post a{
	color: white;
	text-decoration: underline;
	}

.contact .middle .post ul li a:active {
	color:white;
	}
	
.contact .middle .post a:hover {
	color:#150958;
	}	

.contact .textfeeld {
	width: 400px;
	height: 24px;
	font-size: 14px;
	border: 1px solid #c9c9c9;
	padding-top: 5px;
	padding-left: 5px;
	}


.contact .textaria {
	height: 200px;
	width: 405px;
	font-size: 14px;
	border: 1px solid #c9c9c9;
	padding-left: 5px;
	padding-top: 5px;
	font-family: arial;
	}


.contact h3 {
	margin-bottom: 0;
	padding-bottom: 0;
	}

	
.smaller {
	font-size: 10px;
	line-height: normal;
	}

/* ---------------------------------  End Contact Pages ---------------------------------- */


.orange {
	background-color: #fcb034;
	}
	
.dkorange {
	background-color: #f79428;
	}
	
.dkblue {
	background-color: #150958;
	}
	
.ltblue {
	background-color: #57b7df;
	}

.teal {
	background-color: #00b2d9;
	}
	
.ltteal {
	background-color: #aedfe5;
	}
	
.yellow {
		background-color: #f5d74b;
	}
	
.container .content .navigation	ul li {
	margin-top: 100px;
	padding: 0;
	list-style: none;
	display: inline;
	border: none;
	}

.container .content .navigation ul li a img{
	margin-right: 0;
	border: none;
	size-height: 84px;
	size-width: 84px;
	}

.navigation .secondarynavigation ul li a{
	text-decoration: underline;
	color: white;
	text-transform: uppercase;
	font-size: 0.65em;
	font-weight: bold;
	margin-right:15px;
	}
	
.navigation .secondarynavigation{
	margin-left: 90px;
	}
	
.navigation .secondarynavigation ul li a:hover {
	color:navy;}
	
.navigation .secondarynavigation ul li a:active {
	color:navy;}
	
	
p {
	margin-bottom: 20px;
	color: white;}
	
.subhead {
	font-weight: bold;
	color: white;}
	
.subhead > br {
	font-weight: bold;
	margin-top: 35px;
	color: white;}	
	
sup{
	vertical-align: text-top;
	}	
	
h3 {
	font-weight: bold;
	font-size: 1.25em;
	color: white;}
	
.footer {
	padding-top: 30px;
	margin-left: 240px;
	width: 760px;
	}
	
.bottom .footer ul {
	list-style: none;
	}
	
.bottom .footer ul li {
	font-size: 0.575em;
	color: white;
	display: inline;
	}
	
.bottom .footer ul li a {
	padding-right: 9px;
	width: 780px;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: bold;
	display: inline;
	}

.bottom ul li a{
	color: white;
	}
	
ul.orangeback li a:hover, ul.darkorangeback li a:hover, ul.tealback li a:hover {
	color: #150958;
	}
	
ul.lightblueback li a:hover{
	color: #150958;
	}	

ul.darkblueback li a:hover {
	color: #fcb034;
	}
	
ul.yellowback li a, .ul.lighttealback li a, ul.yellowback li, ul.lighttealback li {
	color: #150958;
	}
	
ul.yellowback li a:hover, ul.lighttealback li a:hover {
	color: #00b2d9;
	}
	
.container .content .post .address {
	padding: 10px 0 10px 0;
	line-height: normal;
	color: white;
	}
	
.tips {
	font-size: 0.7em;
	}
	
.scroll {
	overflow-y: scroll;
	height: 280px;
	width: inherit;
	padding-right: 15px;
	}
	
.container .content .post a{
	color: white;
	text-decoration: underline;
	}
	
.container .content .post a:hover {
	color:#150958;
	}
	


.icons ul li {
	padding-right: 0em;
	list-style: none;
	display: inline;
	border: none;
	}
	
.icons ul li a img{
	padding-right: 0px;
	border: none;
	display: inline;
	}
	

	
td {
	color: white;
	padding-bottom: 20px;
	padding-right: 20px;}	
	
	
/* ------------------- Overlay Styles ------------------ */

div.overlay {
	
	/* growing background image */
	background-image:url(img/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:800px;
	height:670px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(img/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.needed {
	margin-bottom: 20px;
	color: black;
	}

.organized {
	padding: 0;
	color: black;
	height: 540px;
	padding-right: 40px;
	}

.organized2 {
	padding: 0;
	color: black;
	height: 540px;
	overflow-y: scroll;
	padding-right: 40px;
	}
	
.organized H4, .organized2 H4 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-weight: bold;
	}
	
.organized .inset, .organized2 .inset {
	color: black;
	margin-top: 10px;
	}

.organized ul, .organized2 ul {
	list-style-type: none;
	margin-top: 10px;
	}
	
.organized ul li, .organized2 ul li {
	margin-left: 10px;
	}
	
.organized ul li + li, .organized2 ul li + li {
	margin-top: 10px;
	}

.organized .tools img, .organized2 .tools img {
	width: 300px;
	}
	
.organized table tr td, .organized2 table tr td {
	color: black;
	}
	
.organized .bigger, .organized2 .bigger {
	font-size: 14px;
	font-weight: bold;
	}	
	
	
ol {
	color: black;
	margin-left: 20px;
		}
		
ol li + li {
	margin-top: 10px;
	}
/* ------------------- Overlay Styles ------------------ */

/* --------------------------------- Contact Pages ---------------------------------- */
	
#texascontact .middle .post {
	margin-left: 455px;
	width: 500px;
	font-size: 14px;
	line-height: 18px;
	padding-top: 10px;
	}

#texascontact .top .something {
	margin-left: 90px;
	margin-top: 50px;
	width: 500px;
	line-height: 18px;
	}
	
#texascontact .top .something h2 {
	margin-bottom: 20px;
	}
			
#texascontact .top {
		background-image: url(img/contact-background-top.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 441px;
		padding: 0;
		margin: 0;
		display: block;
}

#texascontact .middle {
		width: 1224px;
		margin: 0;
		padding: 0;
		background-image: url(img/contact-background-middle.gif);
		background-repeat: repeat-y;
		display: block;
		height: 100%;
		min-height: 100%;
		padding-bottom: 40px;
	}

#texascontact .bottom {
		background-image: url(img/contact-background-bottom.gif);
		background-repeat: no-repeat;
		width: 1224px;
		height: 290px;
		display: block;
}

#texascontact .bottom .icons {
		margin: 0;
		padding: 0;
		vertical-align: bottom;
		margin-left: 680px;
		}
		

#texascontact .bottom .icons ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	border: none;
	}
	
#texascontact .bottom .icons ul li a img{
	padding: 0;
	margin: 0;
	border: none;
	display: inline;
	}
	
#texascontact .top .something a{
	color: white;
	text-decoration: underline;
	}

#texascontact .top .something ul li a:active {
	color:white;
	}
	
#texascontact .top .something a:hover {
	color:#150958;
	}
	
#texascontact .middle .post a{
	color: white;
	text-decoration: underline;
	}

#texascontact .middle .post ul li a:active {
	color:white;
	}
	
#texascontact .middle .post a:hover {
	color:#150958;
	}	

#texascontact .textfeeld {
	width: 400px;
	height: 24px;
	font-size: 14px;
	border: 1px solid #c9c9c9;
	padding-top: 5px;
	padding-left: 5px;
	}


#texascontact .textaria {
	height: 200px;
	width: 405px;
	font-size: 14px;
	border: 1px solid #c9c9c9;
	padding-left: 5px;
	padding-top: 5px;
	font-family: arial;
	}


#texascontact h3 {
	margin-bottom: 0;
	padding-bottom: 0;
	}

#texascontact form {
	margin-top: 40px;
	}
	
.smaller {
	font-size: 10px;
	line-height: normal;
	}
	
#texascontact .navigation .secondarynavigation ul li a {
	text-decoration: underline;
	color: white;
	text-transform: uppercase;
	font-size: 0.85em;
	font-weight: bold;
	margin-right:15px;
	}

#texascontact .navigation {
	padding-top: 70px;
	}
	
#texascontact .navigation .secondarynavigation{
	margin-left: 90px;
	}
	
#texascontact .navigation .secondarynavigation ul li a:hover {
	color:navy;}
	
#texascontact .navigation .secondarynavigation ul li a:active {
	color:navy;}
	
#texascontact .container .top .content .topenroll {
	margin-left: 90px;
	width: 500px;
	padding-top: 20px;
	}

#texascontact .container .top .content .topenroll a {
	color: white;
	text-decoration: underline;
	}
	
#texascontact .container .top .content .topenroll a:hover, #texascontact .container .top .content .topenroll a:active  {
	color: navy;
	text-decoration: underline;
	}
	
#texascontact .bottom .footer .tips{
	margin-top: 75px;
	}

/* ---------------------------------  End Contact Pages ---------------------------------- */