/****************************************************
// PureEdit.
// ==================================================
// URL: http://www.pureedit.com.
// Copyright (c): 2007 Michael Dick.
// ==================================================

/* =reset.
---------------------------------------------------*/

html, body, div, span, applet, object, iframe, button,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* =misc.
---------------------------------------------------*/

body
{
    font: normal 80%/110% "Trebuchet MS";
	background: #fff url(images/bg.gif) repeat-x;
}

div#wrapper
{
	width: 95%;
	margin: 0 auto;
}

a
{
	color: #596e42;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}



/* =header.
---------------------------------------------------*/

h1 a
{
	font-size: 10px;
	font-weight: normal;
	padding: 25px 0 0;
	width: 139px;
	display: block;
	margin: 22px 0 32px;
	float: left;
	color: #ccc;
	border: none;
	text-decoration: none;
	background: url(images/logo.gif) no-repeat;
}

	em#title
	{
		display: block;
		margin: 28px 0 0;
		float: right;
		color: #ccc;
		height: 40px;
		font-size: 16px;
	}
	
	em#title #textfield
	{
		font: normal 80%/110% "Trebuchet MS";
		width: 250px;
		font-size: 10px;
		padding: 5px;
		color: #999;
		border: 1px solid #ccc;			
		margin-right: 6px;
	}
	
	em#title button
	{
		background: url(images/search.gif) no-repeat bottom center;
		width: 20px;
		height 17px;
		text-indent: -999999px;
		cursor: pointer;
	}	
	
	

/* =bread crumb
---------------------------------------------------*/

ul#breadcrumb
{
	clear: both;
	font-size: 11px;
	margin: 0 0 53px;
}
	ul#breadcrumb li
	{
		float: left;
	}


/* =info box.
---------------------------------------------------*/

h2#infoBox
{
	clear: both;
	padding: 18px 15px;
	background-color: #fffabc;
	border: 2px solid #e9e5ac;
	color: #4f4d32;
	font-size: 17px;
	margin-bottom: 20px;
}

	h2#infoBox em
	{
		display: block;
		font-size: 14px;
		margin: 9px 0 0;
		color: #a7a479;
		font-style: italic;
	}	



/* =dividers.
---------------------------------------------------*/

h3
{
	font-size: 14px;
	padding: 9px 0;
	font-weight: bold;
	margin: 26px 0 0;
	border-bottom: 2px solid #666;
}

	h3 em
	{
		font-weight: normal;
		font-size: 12px;
		color: #888;
		font-style: italic;
	}

h4
{
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0 -10px;
}



/* =table of contents
---------------------------------------------------*/

ul#tableOfContents
{
	margin: 18px 0;
}

	ul#tableOfContents li
	{
		font-weight: bold;
		margin: 0 0 18px;
	}
	
	ul#tableOfContents li em
	{
		font-weight: normal;
		display: block;
		margin: 8px 0 0;
		color: #555;
	}	


/* =content objects
---------------------------------------------------*/

div.content p
{
	color: #333;
	margin: 18px 0 0;
	line-height: 140%;
}

div.content ul
{
	margin: 18px 0 0 18px;
}

	div.content ul li
	{
		margin: 0 0 0 15px;
		line-height: 140%;
		list-style: disc;		
	}
	
	
div.content ol
{
	margin: 18px 0 0 18px;
}	
	div.content ol li
	{
		margin: 0 0 0 15px;
		line-height: 140%;
		list-style: decimal;		
	}
	
img
{
	margin: 18px 0 0;
	border: 2px solid #555;
}



/* =boxes
---------------------------------------------------*/

div.important
{
	padding: 18px 15px;
	margin: 18px 0 0;
	color: #6a4747;
	border: 2px solid #e9bfbf;
	background-color: #ffd2d2;
}

div.example
{
	padding: 18px 15px;
	margin: 18px 0 0;;
	color: #7b7b7b;
	border: 2px solid #dcdcdc;
	background-color: #eeeeee;
}

div.note
{
	padding: 18px 15px;
	margin: 18px 0 0;
	background-color: #fffabc;
	border: 2px solid #e9e5ac;
	color: #4f4d32;
}



/* =footer.
---------------------------------------------------*/	

ul#footer
{
 	margin: 18px 0 0;
	font-size: 11px;
	list-style: none;
	border-top: 2px solid #666;
	padding: 18px 0 0;
	color: #a7ba90;
}	

ul#footer a

{
	color: #6e8453;
}	

ul#footer li#copy

{
	float: left;
	margin: 0 0 25px;
}



ul#footer li#hosted
{
	float: right;
	margin: 0 0 25px;	
}