/*

	hybrid design of
	zenlike1.0 by nodethirtythree design
	and
	Nonzero1.0 by nodethirtythree design
	http://www.nodethirtythree.com

*/

/* -------------------------------------------------------- */

*
{
padding: 0em;
margin: 0em;
}

/* -------------------------------------------------------- */



/* LAYOUT - 2 COLUMNS */

	/* Primary content */
	
	#primaryContent_2columns
	{
	position: relative;
	margin-right: 17em;
	}
	
	#columnA_2columns
	{
	position: relative;
	float: left;
	width: 100%;
	margin-right: -17em;
	padding-right: 2em;
	}
	
	/* Secondary Content */
	
	#secondaryContent_2columns
	{
	float: right;
	}
	
	#columnC_2columns
	{
	width: 13.0em;
	float: left;
	padding: 0em 0em 0.5em 2em;
	border-left: dotted 1px #E1E1E1;
	}

	

/* -------------------------------------------------------- */
/* -----------------FRAMEWORK ----------------------- */


#upbg
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 275px;
z-index: 1;

}


#outer
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 82%;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}

/* -------------------------------------------------------- */

/* ------------------- header--------------------- */

#header
{
position: relative;
width: 100%;
height: 7.5em;
background: #373737 url('/images/topbg.gif') repeat-x;
margin-bottom: 2px;
}


#headercontent
{
position: absolute;
bottom: 0em;
padding: 0em 2.0em 1.3em 1.0em;
}

#jalogo
{
float:left;
padding: 0.8em 0em 0em 0em;
}

#jalogo a:hover
{
background-color:#373737;
}

#strapline
{
float:left;
margin-left:10px;
}


#strapline h1
{
font-weight: normal;
color: #fff;
font-size: 2.5em;
}



#strapline h2
{
font-size: 1.5em;
font-weight: normal;
color: #ccc;
}


#headerpic
{
position: relative;
height: 109px;
background: #fff url('/_welcome/images/leaf.jpg') no-repeat top center;
margin-bottom: 2px;
}

/* -------------------------------------------------------- */
/* --------------- main menu ------------------------------ */

#menu
{
position: relative;
background: #436500 url('/_welcome/images/menubg.gif') repeat-x top left;
height: 3.5em;
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 2px;
}

#menu ul
{
position: absolute;
top: 1.1em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 0.5em 1.0em 0.9em 1.0em;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover
{
text-decoration: underline;
background-color:#436500;
color:#FFFFFF  ;
}

#menu ul li a.active
{
background: #7F8400 url('/_welcome/images/menuactive.gif') repeat-x top left;
}

#menubottom
{
background: #fff url('/_welcome/images/border1.gif') repeat-x;
height: 14px;
margin-bottom: 1.5em;
}

/* -------------------------------------------------------- */
/* --------------- page layout ------------------------------ */


#content
{
padding: 0em 2.0em 0em 2.0em;
}

#primarycontainer
{
float: left;
margin-right: -18.0em;
width: 100%;
}

#primarycontent
{
margin: 1.5em 22.0em 0em 0em;
}

#secondarycontent
{
margin-top: 1.5em;
float: right;
width: 18.0em;
}


/* -------------------------------------------------------- */
/* --------------- Main page styles ------------------------------ */

#main
{
background: #fff url('/_welcome/images/n2.gif') 0px 1px repeat-x;
}


#main_inner ul
{
margin-bottom: 2.0em;
}

#main_inner
{
position: relative;
width: 950px;
margin: 0 auto;
padding-top: 0.5em;
}

#main_inner h3,h4
{
border-bottom: dotted 1px #E1E1E1;
position: relative;
}

#main_inner h3
{
font-size: 1.7em;
padding-bottom: 0.1em;
margin-bottom: 0.8em;
}

#main_inner h4
{
font-size: 1.2em;
padding-bottom: 0.175em;
margin-bottom: 1.4em;
margin-top: 0.95em;
}

#main_inner h5
{
font-size: 0.8em;
color:#999999
}


.border_cream
{
border-width:2px;
border-color:#E8E9D7;
}

/* -------------------------------------------------------- */

/* ------------------- images --------------------- */



img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}



/* --------------- footer ------------------------------ */

#footer
{
position: relative;
height: 2.0em;
clear: both;
padding-top: 5.0em;
background: #fff url('/_welcome/images/border2.gif') repeat-x 0em 2.5em;
font-size: 0.8em;
}

#footer .left
{
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
}


/* -------------------------------------------------------- */
/* --------------- LEAVE HERE AT BOTTOM ------------------------------ */

/* This controls the width of the fluid width layouts */

div.fluid
{
width: 95% !important;
}

/* This controls the width of the fixed width layouts */

div.fixed
{
width: 950px !important;
}

br.clear
{
clear: both;

}

.hidden
{
display:none;
}