*
{
	margin: 0;
	padding: 0;
}

fieldset
{
	border: 0;
}

a
{
	text-decoration: none;
	font-weight: inherit;
	color: #FF7315;
}

a:hover { color: #4A1E00; }

a img
{
	border: 0;
}

b {
    color: #FF7315;
}

c {
    color: #FF7315;
    font-size: 11px;
}

#current
{
	color: #4A1E00;
}

#centre .error
{
	font-weight: bold;
	color: #FF7315;
}

#centre h1 a, #centre .menu
{
	text-decoration: none;
}

#centre a, #right a
{
	text-decoration: underline;
}

/*  */

body, table, input, textarea /* IE needs table/input because of CSS implementation fuckup (incorrect inheritance) */
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: black;
	background-color: white;
}

body { /* text-align: trick (is counterbalanced by #container text-align left) against IE6 centering fuckup */
	text-align: center;
}

#container /* IE needs this because of a CSS implementation fuckup (IE incorrectly uses BODY instead of HTML as viewport) */
{
	width: 750px;
	margin: 30px auto 30px auto;
	text-align: left;
}

#top, #bottom
{
	width: 500px;
	color: #FF7315;
	margin-left: 125px;
	margin-right: 125px;}

#top
{
	margin-bottom: 20px;
	text-align: center;
}

#top #logo
{
	padding-bottom: 2px;
	margin-bottom: 4px;
	border-color: #FF7315;
	border-width: 0 0 1px 0;
	border-style: solid;	
}

#top img
{
	border: 0;
}

#top .left
{
	float: left;
}

#top .right
{
	float: right;
}

#left, #right
{
	width: 100px;
}

#left
{
	color: #FF7315;
	float: left;
	text-align: right;
}

#left #child_categories
{
	margin-right: 1em;
}

#right 
{ 
	float: left; 
}

#centre 
{ 
	float: left; 
	width: 500px; 
	margin-left: 25px; 
	margin-right: 25px; 
	margin-bottom: 25px; 
}

#bottom
{
	margin-top: 30px;
}

#left li
{
	list-style: none;
	font-weight: bold;
	margin: 0 0 1em 0;
}
#left li li
{
	font-weight: normal;
	margin: 0;
}
#left li li:before { content: "-"; }


#top h2.left { float: left; }
#top h2.right { float: right; }
#top h2.centre { text-align: center; }

#right h1
{
	color: #FF7315;
	font-size: 12px;
}

#right label
{
	margin: 0 0 1em 0;
	display: block;
	color: #FF7315;
	font-size: 11px;
	font-weight: bold;
}

input.submit
{
	border-style: none;
	border-width: 0px;
	background-color: #ff7315; 
	color: white;
	font-size: 11px;
	font-weight: bold;
}

#right input, #centre input, #centre textarea
{
	border-color: #FF7315;
	border-width: 1px;
	border-style: solid;
}

#centre textarea
{
	overflow: auto;
}

#right input[type="text"] { width: 8em; } /* IE doesn't see this */
#right input[type="submit"] /* IE doesn't see this */
{
	background-color: #FF7315;
	color: white;
}

select 
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	border: #FF7315;
	border-style: solid;
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

#centre h1, #centre th
{
	color: #4A1E00;
	font-size: 12px;
}

#centre h1, #centre p
{
	margin: 0 0 1em 0;
}

#bottom
{
	text-align: center;
	font-size: 10px;
}

table.articles
{
	width: 494px; /* should be 500px, but needs to be 6px narrower because of IE fuckup */
	border-collapse: collapse;
}

table.articles th, table.articles td
{
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: right;
}

table.articles th
{
	border-color: #4A1E00;
	border-width: 0 0 1px 0;
	border-style: solid;
	padding-top: 0px;
	padding-bottom: 3px;
}

table.articles .totals td
{
	border-color: #4A1E00;
	border-width: 1px 0 0 0;
	border-style: solid;
	padding-top: 3px;
	padding-bottom: 0px;
	font-weight: bold;
}

table.articles .description
{
	text-align: left;
}

#centre .fieldWithErrors 
{
	display: inline;
}

#centre .fieldWithErrors INPUT, #centre .fieldWithErrors SELECT, #centre .fieldWithErrors TEXTAREA
{
	border-width: 2px;
	border-style: solid;
	size: 20;
	background-color: #FFC299; 
	border-color: #FF2400;
}

#img_right
{
	float:right;
	margin: 3px 0 1em 1em;	
}

#img_left
{
	float:left;
	margin: 3px 1em 1em 0;	
}