/**************************************************************************************/
/*  Site
/**************************************************************************************/
html, body, form
{
	margin      : 0px;
	padding     : 0px;

	font-family : Arial;
	font-size   : 11px;
	color       : #222222;
}

body
{
	background-image  : url('../Assets/bgLeft.png');
	background-repeat : repeat-y;
}

a:link,
a:visited,
a:focus,
a:active,
a:hover
{
	font-family   : Tahoma;
	font-size     : 11px;
	font-weight   : normal;

	text-decoration : none;

	color         : #ee902e;
}

a:hover
{
	text-decoration : underline;
}

a:link > .pageAttachment,
a:visited > .pageAttachment,
a:focus > .pageAttachment,
a:active > .pageAttachment,
a:hover > .pageAttachment
{
	font-family   : Tahoma;
	font-size     : 11px;
	font-weight   : normal;

	text-decoration : none;

	color         : #ee902e;
}

a:hover > .pageAttachment
{
	text-decoration : underline;
}

h1, h2, h3
{
	font-weight : normal;
	line-height : 1em;

	padding     : 0px;
	margin      : 0px;
}

.png
{
	behavior : url('pngbehavior.htc');
}

.site
{
	position : absolute;

	top      : 0px;
	left     : 0px;

	width    : 900px;

	border-right : 1px solid #C0C0C0;
}

.logo, .menu, .page, .sidebar
{
	position : relative;
}

/**************************************************************************************/
/*  Logo
/**************************************************************************************/
.logo
{
	position : absolute;

	left     : 100px;
	top      : 131px;
}

/**************************************************************************************/
/*  Menu
/**************************************************************************************/
.menu
{
	position    : absolute;

	top         : 30px;
	left        : 400px;

	width       : 600px;

	min-height        : 30px;

	background-image  : url('../Assets/menuBG.bmp');
	background-repeat : repeat-x repeat-y;
}

.menuItem, .menuItemH, .menuItemA
{
	height       : 33px;
	
	padding-right : 10px;
	margin-right : 14px;
/*	margin-bottom : 20px;*/
	float        : left;

	background-image  : url('../Assets/menuBG.bmp');
	background-repeat : repeat-x;

	cursor        : pointer;
}

.menuItemA
{
	background-image  : url('../Assets/menuBGH.bmp');
	color : #6d6d6d;
}

h1.menuHeading
{
	padding-top : 10px;

	font-size   : 12px;
	font-weight : normal;
	font-family : "@Kozuka Gothic Pro R", Arial;

	color       : #6d6d6d;
	color       : #A7A7A7;

	cursor      : pointer;
}

.previousState, .nextState, .print
{
	position : absolute;

	top      : 126px;
	left     : 400px;

	cursor   : pointer;
}

.previousState
{
	left : 427px;
}

.nextState
{
	left : 454px;
}

.print
{
	left : 400px;
	top  : 127px;
}

/**************************************************************************************/
/*  Page
/**************************************************************************************/
.page
{	
	position : absolute;

	top      : 160px;
	left     : 400px;

	width    : 600px;

	padding-bottom : 20px;
}

.pageTitle, .pageSubTitle, .pageEntrySubTitle, .pageInfo, .pageContent, .pageEntry, .pageEntryContent
{
	position : relative;
}

.pageTitle
{
	display : none;
}

.pageSubTitle, .pageEntrySubTitle
{
	width : 550px;
}

.pageEntrySubTitle
{
	cursor : pointer;
}

.pageInfo, .pageEntryInfo
{
	padding-top  : 20px;
	padding-left : 0px;
	width        : 550px;
}

.pageEntryInfo
{
	padding-top : 5px;
}

.pageImages
{
	position : relative;

	padding-left : 0px;
	padding-top : 20px;
}

.pageImage
{
	
}

.pageEntry
{
	padding-bottom : 50px;
}

.pageContent, .pageEntryContent
{
	padding-top  : 20px;
	padding-left : 0px;

	width        : 450px;

	font-size    : 11px;
	font-family  : Tahoma;

	line-height  : 20px;
}

.pageEntryContent
{
	padding-top : 5px;
}

h2.pageHeading
{
	font-size   : 25px;
	font-weight : normal;
	font-family : "@Kozuka Gothic Pro R", Arial;

	color       : #384b6b;
}

h2.pageEntryHeading
{
	font-size   : 18px;
	font-weight : normal;
	font-family : "@Kozuka Gothic Pro R", Arial;

	color       : #384b6b;
}

h3.pageHeading
{
	font-size   : 12px;
	font-weight : normal;
	font-family : "@Kozuka Gothic Pro R", Arial;

	color       : #6d6d6d;
}

/*************************************************************************************/
/*  Page sidebar
/**************************************************************************************/
.pageSidebar
{
	position   : absolute;

	top        : 100px;

	width      : 300px;
	left       : -353px;

	text-align : right;
}

.pageAttachments, .pageMenu
{
	position      : relative;

	width         : 300px;

	margin-bottom : 30px;
}
/*
.pageAttachmentText, .pageAttachmentIcon
{
	padding-bottom : 8px;
}

.pageAttachmentText
{
	padding-right : 8px;
}

.pageAttachmentIcon
{
	background-image  : url('../Assets/attachmentIcon.jpg');
	background-position : 0px 2px;
	background-repeat : no-repeat;

	width             : 7px;
	height            : 9px;

	padding-left      : 0px;
}
*/

.pageAttachment
{
	background-image    : url('../Assets/attachmentIcon.jpg');
	background-repeat   : no-repeat;
	background-position : right 2px;

	position            : relative;

	padding-right       : 13px;

	margin-bottom       : 7px;
}

.pageMenuItem, .pageMenuItemH, .pageMenuItemA
{
	position      : relative;
	width         : auto;
	margin-bottom : 5px;

	cursor        : pointer;
}

.pageMenuItemH
{
	color : #6d6d6d;
}

h2.menuHeading
{
	font-size   : 11px;
	font-weight : normal;
	font-family : "@Kozuka Gothic Pro R", Arial;

	color       : #6d6d6d;

	cursor      : pointer;
}

/**************************************************************************************/
/*  Sidebar
/**************************************************************************************/
.sidebar
{
	position : absolute;
}

.sidebarItem
{
	position : relative;
}

/**************************************************************************************/
/*  Loading
/**************************************************************************************/
.loadingA, .loadingI
{
	position : absolute;

	top      : 29px;
	left     : 968px;

	width    : 30px;
	height   : 30px;
}

.loadingA
{
	display           : block;

	background-image  : url('../Assets/loading.gif');
	background-repeat : no-repeat;
}

.loadingI
{
	display : none;
}