/*
 * Created: 17th June 2009
 * Updated: 22nd June 2009
 */

/* *************************************
 * Global/generic elements
 */

body {

	margin:	0px;
}

/* *************************************
 * Common structure elements
 */

#header {
	margin:	0;
	border:	0;
	padding:	0;
	width:	100%;
	height:	48px;

	/* border:	1px dashed yellow; */
}
#header #left {
	float:	left;
	width:	45%;
}
#header #right {
	float:	right;
	width:	300px;
}

#header #right #menu-area {
	margin:	0;
	padding:	0px 0px 0px 0px;
	height:	48;
	color:	white;
	text-align:	right;
}
#menu-area {
}
.menu-area-row {
	margin:	0;
	padding:	1px 0px 0px 0px;
	width:	300px;
	min-height:	24px;
	max-height:	24px;
	text-align:	right;
}
.menu-area-row p {
	font-family:	Arial, sans-serif;
	float:	right;
	margin:	0px 5px 0px 0px;
}
.menu-area-row a {
	font-size:	10pt;
}
.menu-area-row a:link, .menu-area-row a:visited {
	color:	white;
}
.menu-area-row a:active, .menu-area-row a:hover {
	color:	yellow;
}

#main {
	min-height:	500px;
}
#main #left-panel {
	float:		left;
	width:		125px;
	min-height:	400px;
}
#main #content {
	margin-left:	140px;
	margin-right:	220px;
	padding:		4px;
}
#main #right-panel {
	float:		right;
	width:		194px;
	margin:		32px 12px 32px 8px;
	min-height:	320px;

/*
	position:	fixed;
	left:		0px;
	top:		0px;
	height:		100%;
*/
}
#main #main-bottom {
	clear:	both;
}


#main #content table tr td {
	padding:	5px;
}
#main #content table tr td p {
	margin:		0.25em;
}
#main #content table tr td p + p{
	margin-top:	1.25em;
}
#main #content table tr td p.service {
}
#main #content table * {
	vertical-align:	top;
}
#main #content table tr td ul {
	margin-top:	2px;
}
#main #content table tr td ul.achievements-list {
	/* margin-left:	0.25em; */
}
#main #content table tr td ul.achievements-list li {
	margin-top:	10px;
}
#main #content table tr td ul.achievements-list li p {
	margin-top:	10px;
}

#main #content table#table-libraries {
	width:	100%;
}


#main #right-panel .advertisement {
	margin:	2px 2px 10px 2px;
	padding:	0px 0px 0px 0px;
}
#main #right-panel .advertisement-teaser {
	margin:	2px 0px 2px 0px;
	padding:	0px 0px 0px 0px;
}
#main #right-panel .advertisement-detail {
	margin:	2px 0px 2px 0px;
}
#main #right-panel .advertisement .advertisement-style-1 {
	padding:	2px 4px 2px 8px;
}
#main #right-panel .advertisement .advertisement-style-2 {
	padding:	2px 4px 2px 8px;
}


#resources-row-top {
	clear:		both;
	margin:		0;
	border:		0;
	padding:	0;
	width:		100%;
	height:		18px;
}
#resources-row-top #breadcrumb-trail {
	clear:			both;
	margin:			1px 2px 1px 2px;
	height:			16px;
}
#resources-row-top #breadcrumb-trail-left {
	float:			left;
	margin:			0;
	width:			120px;
	text-align:		right;

	/* border:			2px dotted green; */
}
#resources-row-top #breadcrumb-trail-right {
	text-align:		left;
	margin:			0px 0px 0px 8px;

	/* border:			2px dotted red; */
}

#resources-row-bottom {
	clear:	both;
	margin:	0;
	border:	0;
	padding:	0;
	width:	100%;
	height:	20px;
}

#footer {
	clear:	both;
	width:	100%
	text-align:	centre;
	height:	40px;

		height:	80;
		background:	#292d62;
		clear:	both;
		padding-top:	10px;

		/* border:	2px dashed white; */
}
#footer #footer-left {
	float:	left;
	height:	40px;
}
#footer #footer-center {
	/* float:		left; */
	margin-left:	140px;
	height:			40px;
}
#footer #footer-right {
	float:	right;
	height:	40px;
}
#footer p {
	margin:	4px 4px 4px 4px;
}

/* *************************************
 * Specific content areas
 */

html fieldset {
	position:	relative;
}

html legend {
	position:	absolute;
	top:	-1em;
	left:	0.5em;
}

html fieldset {
	position:		relative;
	margin-top:		1em;
	padding-top:	2em;
	padding-bottom:	2em;
}

form {
	text-align:	left;
	margin-top:	2em;
	width:		auto;
}

fieldset {
	background:	#ddd;
	min-width:	720px;
}

fieldset + fieldset {
	margin-top:	1em;
	background:	#ddd;
}

html legend {
	color:			white;
	background:		#036;
	margin-left:	-0.25em;
	padding:		.4em 1em;
	font-weight:	bold;
	font-size:		125%;
}

.inner-legend {
	display:		inline;
	margin:			4px 0px 4px 12px;
	padding:		5px;
	color:			white;
	background:		#036;
	font-weight:	normal;
	font-size:		100%;
}

label {
	width:			12em;
	float:			left;
	text-align:		right;
	margin-right:	0.2em;
	display:		block;
}

textarea {
	font-size:	80%;
	max-width:	36em;
}

.form-row {
	white-space:	nowrap;
	padding-bottom:	0.25em;
}

.form-title-row {
	white-space:	nowrap;
	padding-top:	1em;
	padding-bottom:	0.75em;
}

.form-row-checkbox {
	white-space:	nowrap;
	margin-left:	12em;
	padding-bottom:	0.25em;
}

.submit {
	margin-left:	15em;
}


/* ///////////////////////////// end of file //////////////////////////// */