@charset "utf-8";

/* _______________________________________________________________ --> GLOBAL STYLES <-- */

* {
	margin:0;
	padding:0;
}

html, body {
	background:#daca96 url(images/bg_grade.jpg) repeat-x;
	color:#040404;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
	line-height:20px;
}

a {
	color:#0092c6;
	text-decoration:underline;
	cursor:pointer;
}

a:hover {
	text-decoration:none;
}

a img {
	border:none;
}

p, ul {
	padding-bottom:16px;
}

ul {
	padding-left:13px;
}

h1 {
	font-size:32px;
	color:#463c32;
	margin-bottom:8px;
	letter-spacing:1px;
}

h2 {
	font-size:16px;
	color:#e89010;
	margin-bottom:2px;
}

.crayon {
	position:relative;
	top:5px;
	left:-11px;
}

/* _______________________________________________________________ --> WRAPPERS <-- */

.wrapper {
    min-height:100%;
    height:auto !important;
    height:100%;
    margin:0 auto -162px;
}

#innerwrapper {
	position:relative;
	margin:0 auto;
	width:1200px;
}

/* _______________________________________________________________ --> CONTAINER AND CONTENT <-- */

#container {
	position:relative;
	margin:0 auto;
	width:750px;
	padding-top:35px;
}

#content {
	position:relative;
	margin:0 auto;
	background:#FFFFFF;
	width:670px;
	padding:5px 40px 0 40px;
}

/* _______________________________________________________________ --> IMAGERY <-- */

#logo {
	position:relative;
	margin:0 auto;
	width:513px;
}

#cb {
	background:url(images/content_boxes.png) no-repeat;
	width:250px;
	height:132px;
	float:left;
}

#bb {
	background:url(images/content_bear.png) no-repeat;
	width:323px;
	height:188px;
	float:right;
}

.penguin {
	background:url(images/side_penguin.png) no-repeat;
	width:190px;
	height:293px;
	float:left;
	margin-left:35px;
	margin-top:500px;
}

.giraffe {
	background:url(images/side_giraffe.png) no-repeat;
	width:112px;
	height:236px;
	float:right;
	margin-right:113px;
	margin-top:300px;
}

.init {
	float:left;
	width:140px;
	height:90px;
	padding:7px;
	margin-right:10px;
	margin-bottom:10px;
	border:1px outset #666666;
}

/* _______________________________________________________________ --> FOOTER <-- */

#footer {
	position:relative;
	margin:0 auto;
	width:750px;
	color:#333c0c;
	font-size:10px;
	text-align:center;
	padding-top:30px;
}

a.f {
	color:#333c0c;
}

#footerboxes {
	position:relative;
	margin:0 auto;
	width:750px;
}

.footerboxes {
	background:url(images/footerboxes.png) no-repeat;
	height:117px;
}

#grass {
	background:url(images/footer_grade.jpg) repeat-x;
    height:162px;
	margin-top:-22px;
}

.push {
	height:15px;
}

/* _______________________________________________________________ --> NAVIGATION <-- */

body#home{
	background:#e9ece2 url(images/bg_body_home3.gif) repeat-x;
}

#nav {
	position:relative;
	margin:0 auto;
	width:710px;
	z-index:999;
	list-style:none;
	margin-top:15px;
}

#nav li {
	float:left;
	margin-right:3px;
	font-size:12px;
	text-transform:uppercase;
}

	#nav li.home {
		background:url(images/nav_home_bg.png) no-repeat right top;
	}
	#nav li.home a{
		background:url(images/nav_home.png) no-repeat left top;
	}

	#nav li.faq {
		background:url(images/nav_faq_bg.png) no-repeat right top;
	}
	#nav li.faq a{
		background:url(images/nav_faq.png) no-repeat left top;
	}

	#nav li.providers {
		background:url(images/nav_providers_bg.png) no-repeat right top;
	}
	#nav li.providers a{
		background:url(images/nav_providers.png) no-repeat left top;
	}

	#nav li.subsidy {
		background:url(images/nav_subsidy_bg.png) no-repeat right top;
	}
	#nav li.subsidy a{
		background:url(images/nav_subsidy.png) no-repeat left top;
	}

	#nav li.lookfor {
		background:url(images/nav_lookfor_bg.png) no-repeat right top;
	}
	#nav li.lookfor a{
		background:url(images/nav_lookfor.png) no-repeat left top;
	}

	#nav li.gallery {
		background:url(images/nav_gallery_bg.png) no-repeat right top;
	}
	#nav li.gallery a{
		background:url(images/nav_gallery.png) no-repeat left top;
	}

	#nav li.forms {
		background:url(images/nav_forms_bg.png) no-repeat right top;
	}
	#nav li.forms a{
		background:url(images/nav_forms.png) no-repeat left top;
	}

	#nav li.contact {
		background:url(images/nav_contact_bg.png) no-repeat right top;
	}
	#nav li.contact a{
		background:url(images/nav_contact.png) no-repeat left top;
	}

#nav li.current {
	background-position:right bottom;
}

#nav li a {
	float:left;
	display:block;
	height:22px;
	padding:8px 14px 0;
	color:#27333a;
	text-decoration:none;
}

#nav li.current a {
	background-position:left bottom;
	color:#27333A;
}

#nav li:hover, #nav li.sfhover {
	background-position:right -30px;
}

#nav li.current:hover, #nav li.sfhover.current {
	background-position:right bottom;
}

#nav li:hover a, #nav li.sfhover a {
	background-position:left -30px;
	color:#FFF;
}

#nav li.current:hover a, #nav li.sfhover.current a {
	background-position:left bottom;
	color:#27333A;
}

#nav li#nav_home.current {
	background-position:right top;
}

#nav li#nav_home.current a {
	background-position:left top;
	color:#9BAAB5;
}

#nav li.current#nav_home:hover, #nav li.current.sfhover#nav_home {
	background-position:right -30px;
}

#nv li.current#nav_home:hover, #nav li.current.sfhover#nav_home a {
	background-position:left -30px;
	color:#FFF;
}

#nav li ul {
	clear:left;
	position:absolute;
	left:-999em;
	z-index:999;
	width:161px;
	margin-top:31px;
	margin-left:-1px;
	border:1px solid #BABEB1;
	border-top:0;
	border-bottom:0;
	list-style:none;
	line-height:1;
}

*+html #nav li ul {
	margin-top:0;
}

#nav li li {
	display:inline;
	float:none;
	margin:0;
	font-size:11px;
	text-transform:none;
}

#nav li ul ul {
	margin:-31px 0 0 161px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left:-999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left:auto;
}

#nav li li li {
	font-size:1em;
}

#nav li:hover li a, #nav li.sfhover li a {
	float:none;
	width:133px;
	height:auto;
	padding:9px 14px;
	border-top:1px solid #FBFCFE;
	border-bottom:1px solid #D3D6CD;
	background:#F1F3EE;
	color:#384751;
}

#nav li:hover li a:hover, #nav li.sfhover li a:hover {
	background:#DDEAF3;
}