/* ------- Fonts, Colours, etc. ------- */
/*
Colour Palette:
- Dark Purple 800080
- Light Purple C000C0
- Text Gold b99933
- Dark Green 015b63
- Light Green 80adb2
- Pale Green e6f0f2
- Text Gold b99933
- Gold d8c897
- Pale Gold f7f4ea
*/

body
{
	font-size:62.5%;
	font: x-small Verdana, Arial, Helvetica, sans-serif;
}

a.menuItem, div.categoryBrowser
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

body, div.extendedMenuBlock, 
div.categoryBrowserContainer, table.dataGrid tr.item
{
	background-color: #ffffff;
	font-size: x-small;	
}

body, div.extendedMenuBlock, 
table.externalLinks td.logo
{
	text-align:center;
}

li
{
	font-size: x-small;
	color:#000000;
}

div.wrapper, div.content, div.formContent 
{
	color:#000000;
}

a.inline
{
	color:#b99933;
}



div.menu, div.content, div.categoryBrowser
{
	text-align:left;
}

div.formButtons, div.dataGridNavBar
{
	text-align:right;
}

div.categoryBrowserTitle
{
	background-color:#C000C0;
}

div.menu, div.formTitle
{
	background-color:#A64DA6;
}

div.content
{
	background-color:#E3C7E3;
}

div.menuTitle
{
	background-color: #C000C0;
}

div.formContent, table.dataGrid tr.altItem
{
	background-color: #e6f0f2;
}

div.categoryBrowser
{
	background-color: #800080;
}

table.dataGrid tr.columnTitle
{
	background-color: #d8c897;
}

a
{
	text-decoration: none;
}

a:hover, a.inline
{
	text-decoration: underline;
}

a.menuItem:hover
{
	color: #d8c897;
}

a.smallLink
{
	font-size: xx-small;
}

h1, h2, span.h1, span.h2, span.goldText
{
	color: #000000;
}

h1, span.h1
{
	font-size: medium;
}

h2, span.h2
{
	font-size: small;	
}

a.menuItem,
div.categoryBrowser
{
	font-size: x-small;	
}


span.h1, span.h2, div.formTitle, 
span.greenText, span.greenText a, 
table.dataGrid tr.columnTitle, a.inline
{
	font-weight: bold;
	font-size: x-small;	
	
}



span.greenText, span.greenText a
{
	color: #800080;
}

div.categoryBrowser, div.categoryBrowser a
{
	color: #ffffff;
}

a.menuItem, div.formTitle
{
	color: #FFFF40;
}

table.externalLinks td, table.form td, 
table.dataGrid td
{
	vertical-align: top;
}

span.errorText
{
	color: #ff0000;
}

div.categoryBrowser
{
	line-height: 1.75em;
}

/* ------- Layout, Widths, Margins, etc. ------- */
body
{
	margin-top: 0;
	padding-top: 0;
}

div.wrapper
{
	width:780px;
	margin-left:auto;
	margin-right:auto;
}

div.banner
{
	margin-bottom:3px;
}

div.menu
{
	width:20%;
	float:left;
	border-right:3px solid #ffffff;
}

div.categoryBrowserContainer
{
	float:right;
}

div.content
{
	margin-left:20%;
	padding:10px;
	border:.1em solid #C000C0;
}

div.footer
{
	float:right;
	margin-right: 10px;
	padding-top: 2px;
	color: #666;
}

table.dataGrid td
{
	border: 1px solid #000000;
}


div.extendedMenuBlock
{
	border-top: 3px solid #ffffff;
}

div.menuTitle, div.categoryBrowserTitle
{
	height: 25px;
}

a.menuItem
{
	margin: 0 0 0 10px;
}

img, table.form
{
	border: 0;
}

div.formTitle, div.formContent, table.dataGrid td
{
	padding: 4px;
}

table.externalLinks td.description
{
	padding: 0 0 10px 5px;
	font-size: x-small;
}

table.form td
{
	padding-top: 5px;
}

table.form td.inputField
{
	padding-left: 5px;
}

table.form td.checkInputField,
table.form td.checkInputLabel
{
	padding-right: 10px;
}

div.formButtons
{
	padding: 10px 5px 5px 0;
}

table.dataGrid td.dateColumn
{
	width: 12%;
}

div.formButtons
{
	width: 100%;
}

table.dataGrid, div.dataGridNavBar
{
	width: 75%;
}

div.categoryBrowser
{
	padding: 10px 0 10px 10px; 
}

div.categoryBrowserContainer
{
	padding:0 0 2px 2px;
}

div.dataGridNavBar
{
	padding-bottom: 5px;
}