/************************************************************/
/* (c) 2008-2009 Bananas Design.
/************************************************************/

/************************************************************/
/* RESET DEFAULTS	     									*/
/************************************************************/

html, body, p, ul, dl, li, h1, h2, h3, h4, img	{
	margin: 0; padding: 0;}
ul	{ list-style: none; }
img	{ border: 0;}

/************************************************************/
/* MAIN	     									*/
/************************************************************/

body		{ 
	}
#container	{
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	position: relative;}
#page_middle	{
	position: absolute;
	width: 660px;
	background: url(images/page_middle.png) repeat-y;
	left: 0px;
	top: 105px;}
#page,
.page_main {
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 50px;
	padding-right: 50px;
}
#page_bottom, .page_bottom	{
	width: 660px;
	height: 30px;
	background: url(images/page_bottom.png) no-repeat;
}


/************************************************************/
/* NAVIGATION  		     									*/
/************************************************************/

ul#nav-top	{height: 50px; position: relative; text-align:center; vertical-align:middle;}
ul#nav-top li a {height: 50px; display: block; position: absolute; top: 0; text-indent: -9999px;}
ul#nav-top li a:hover { background-position: 0 -50px; }
ul#nav-top li a.current { background-position: 0 -100px; text-indent: -9999px;}
ul#nav-top li#nav_bananasdesign a {
	left: 0;		width:140px;
	background-image: url(images/nav_bananasdesign.png); background-repeat: no-repeat;}
ul#nav-top li#nav_link1 a {
	left: 140px;	width:90px;
	background-image: url(images/nav_link1.png); background-repeat: no-repeat;}
ul#nav-top li#nav_link1a a {
	left: 230px;	width:90px;
	background-image: url(images/nav_link1a.png); background-repeat: no-repeat;}
ul#nav-top li#nav_link2 a {
	left: 320px;	width:90px;
	background-image: url(images/nav_link2.png); background-repeat: no-repeat;}
ul#nav-top li#nav_link3 a {
	left: 410px;	width:75px;
	background-image: url(images/nav_link3.png); background-repeat: no-repeat;}
ul#nav-top li#nav_link4 a {
	left: 485px;	width:80px;
	background-image: url(images/nav_link4.png); background-repeat: no-repeat;}
ul#nav-top li#nav_link5 a {
	left: 565px;	width:60px;
	background-image: url(images/nav_link5.png); background-repeat: no-repeat;}
ul#nav-top li#nav_link_final a {
	left: 625px;	width:80px;
	background-image: url(images/nav_link_final.png); background-repeat: no-repeat;}

/************************************************************/
/* SIDEBAR  		     									*/
/************************************************************/

#sidebar	{
	position: absolute;
	left: 675px;
	top: 90px;
	width: 18em;
	padding-top: 0px;
}

/*
.sidebox {
	background: url(images/sidebar_separator.png) no-repeat;
	padding: 10px 0px 20px 10px;
}*/

#sidebar_box	{
font-size: 11px;
padding-bottom: 20px;
background: url(images/sidebar_background.png) repeat-y;
}

#sidebar_box p	{
padding: 10px 10px 0px 10px;
}

#sidebar_box h4	{
padding: 10px 10px 10px 10px;
}


.sidebox.blank {
	background: none;
	padding: 10px 0px 20px 0px;
}



/************************************************************/
/* FOOTER	  		     									*/
/************************************************************/

#footer	{
	background: url(images/page_background.png);
	margin-top: 0;
	text-align: center;
	font-size: 10px;
	padding-bottom: 25px;
	color: #777;
}

#footer a {
	color: #777;
	text-decoration: none;
}

#footer  a:hover {
	text-decoration: underline;
}



/************************************************************/
/* TYPOGRAPHY  		     									*/
/************************************************************/

body {
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #222;
}

p {
	margin-bottom: 20px;
}

a {
	text-decoration: none;
	color: #4d6399;
}

a:hover	{
	text-decoration: underline;
}

a:active {
	border: none;
}

h2	{
	font-size: 15px;
	font-weight: normal;
	margin-top: 23px;
	margin-bottom: 9px;
}

#sidebar {
	font-size: 11px;
	line-height: 16px;
	color: #336699;
}

#sidebar p {
	line-height: 16px;
	margin-bottom: 16px;
}

#sidebar h4	{
	margin-top: 35px;
	margin-bottom: 8px;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #181a1a;
	padding-left:10px;
}

.scope	{
	font-style: italic;
	margin-left: 0.3em;
}

span.negative_spacing	{
	letter-spacing: -0.15em;
}

#clear			 {	clear:both;}