/*-----------------------------------------------------------------------------
	Copyright notice
	Copyright © 2006 Peter Monte, Portugal
	All rights reserved
-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
	Stylesheet for graphic version (all-in-one version)
	
	version:
	author: Peter Monte
	email: peter@peter-monte.com
	website: museeka
	recommended media devices: projection, screen, tv
-----------------------------------------------------------------------------*/
/* =General Settings
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}

/* =Layout
-----------------------------------------------------------------------------*/
body {
	padding: 30px;
}

div#webpage {
	min-width: 76.2em;/*768px*/
}

div#headerGraphicalHack {
	width: 100%;
}

div#header {
	margin: 0 auto;
	min-height: 345px;
	width: 76.2em;/*762px*/
}

div#pageBodyGraphicalHack {
	width: 100%;
}

div#pageBody {
	margin: 0 auto;
	min-height: 210px;/*170px;*/
	width: 68.6em;/*686px*/
}

body#news div#pageBody {
	min-height: 200px;
}

body#about div#pageBody {
	padding-bottom: 30px;
}

body#contacts div#pageBody {
	min-height: 393px;
}

div#footer {
	clear: both;
	margin: 0 auto;
	width: 68.6em;/*686px*/
}

div#header > ul {
	float: left;
	margin-left: 36px;
	margin-top: 315px;
	min-height: 3em;
	width: 68.6em;
}

div#header ul li {
	float: left;
	line-height: 3em;
	padding-right: 17px;
}

div#header ul li a {
	display: block;
	height: 100%;
	padding: 0 22px;
	padding-right: 25px;
}

div#pageBody div#leftColumn {
	float: left;
	width: 288px;
}

body#contacts div#pageBody div#leftColumn {
	width: 243px;
}

div#pageBody h1 {
	height: 60px;
	margin-bottom: 18px;
	margin-left: 25px;
	margin-top: 25px;
	text-indent: -999.9em;
	width: 148px;
}

body#about div#pageBody h1 {
	height: 64px;
	margin-bottom: 25px;
	width: 118px;
}

body#contacts div#pageBody h1 {
	margin-bottom: 31px;
	width: 137px;
}

div#pageBody div#leftColumn div#leftBorder {
	margin-left: 25px;
	padding-right: 35px;
}

div#pageBody div#leftColumn p {
	margin-top: 15px;
}

div#pageBody div#leftColumn dl {
	margin-left: 75px;
	/*margin-right: 20px;*/
	padding-right: 20px;
}

div#pageBody div#leftColumn dl dd {
	margin-right: -20px;
	padding-right: 20px;
}

div#pageBody dl {
	margin-bottom: 40px;
}

div#pageBody div#leftColumn dl dt,
div#pageBody div#rightColumn dl dt {
	margin-bottom: 15px;
	margin-top: 30px;
}

div#pageBody div#leftColumn dl dt:first-child,
div#pageBody div#rightColumn dl dt:first-child {
	margin-top: 0;
}

div#pageBody dl dd#phone {
	padding-top: 15px;
}

body#news div#pageBody dl dt {
	padding-top: 15px;
	padding-bottom: 8px;
}

body#news div#pageBody dl dd {
	padding-bottom: 13px;
}

div#pageBody dl dd.extraTopPadding {
	padding-top: 15px;/*20px;*/
}

div#pageBody dl dd.extraBottomPadding {
	padding-bottom: 13px;
}

body#news div#pageBody dl {
	margin-bottom: 15px;
	margin-left: 81px;
}

body#about div#pageBody p {
	margin-bottom: 15px;
	margin-left: 81px;
}

div#pageBody div#rightColumn {
	float: right;
	margin-right: 2px;
	width: 396px;
}

body#contacts div#pageBody div#rightColumn {
	margin-right: 4px;
	width: 439px;
}

div#pageBody div#rightColumn dl {
	margin-top: 116px;
	padding-left: 46px;
}

div#pageBody div#rightColumn dl dd {
	margin-left: -46px;
	padding-left: 46px;
}

div#pageBody div#rightColumn form {
	margin-top: 104px;
}

div#pageBody div#rightColumn form fieldset {
	height: 92px;
	padding-left: 40px;
	width: 327px;
}

div#pageBody div#rightColumn form fieldset legend,
div#pageBody div#rightColumn form fieldset label.submitButtonLabel {
	display: none;
}

div#pageBody div#rightColumn form fieldset label {
	display: block;
	width: 3em;
}

div#pageBody div#rightColumn form fieldset label#emailLabel {
	float: right;
	margin-right: 117px;
	margin-top: -2.9em;
}

div#pageBody div#rightColumn form fieldset input {
	margin-top: 2px;
	width: 13.2em;
}

div#pageBody div#rightColumn form fieldset input#email {
	margin-left: 25px;
}

div#pageBody div#rightColumn form fieldset p {
	margin-top: 10px;
	padding-left: .6em;
}

div#pageBody div#rightColumn form fieldset input#radioHtml {
	float: left;
	margin-left: 4.5em;
	margin-top: -13px;/*-26px;*/
	width: 20px;
}

div#pageBody div#rightColumn form fieldset label#radioHtmlLabel {
	float: left;
	margin-left: 6.7em;
	margin-top: -1.2em;
}

div#pageBody div#rightColumn form fieldset input#radioText {
	float: left;
	margin-left: 9.8em;
	margin-top: -13px;
	width: 20px;
}

div#pageBody div#rightColumn form fieldset label#radioTextLabel {
	float: left;
	margin-left: 12em;
	margin-top: -1.2em;
}

div#pageBody div#rightColumn form fieldset input#submit {
	float: right;
	padding: .1em 0;
	width: 7.2em;
}

div#footer p {
	margin-top: 15px;
}

/* =Typography
-----------------------------------------------------------------------------*/
body {
	font-family: Tahoma;
	font-size: 62.5%;
}

div#header ul li a {
	font-size: 1.1em;
	font-weight: bold;
}

div#pageBody p,
div#pageBody div#rightColumn form label,
div#pageBody dl,
div#footer p {
	font-size: 1.1em;
	font-weight: normal;
}

div#pageBody div#rightColumn form input {
	font-family: Tahoma;
	font-size: 1.1em;
	font-weight: normal;
}

div#pageBody dl dt {
	font-weight: bold;
}

/* =Illustration
-----------------------------------------------------------------------------*/
body {
	background: #008CFF url(../images/back-gradient.gif) repeat-x;
}

div#webpage {
	background: url(../images/back-pattern.gif) repeat-x 0 12px;
}

div#headerGraphicalHack {
	border-bottom: 1px solid #36A4FF;
}

div#header {
	background: url(../images/back-header.jpg) no-repeat center top;
}

div#pageBodyGraphicalHack {
	border-top: 1px solid #005398;
}

div#pageBody {
	border-bottom: 1px solid #36A4FF;
}

div#pageBody div#leftColumn p,
div#pageBody div#rightColumn form fieldset label,
div#pageBody div#rightColumn form fieldset p,
div#footer p {
	color: #022440;
}

body#news div#pageBody h1 {
	background: url(../images/title-news.gif) no-repeat center;
}

body#mailinglist div#pageBody div#leftColumn h1 {
	background: url(../images/title-subscribe.gif) no-repeat center;
}

body#about div#pageBody h1 {
	background: url(../images/title-about-museeka.gif) no-repeat center;
}

body#contacts div#pageBody h1 {
	background: url(../images/title-contacts.gif) no-repeat center;
}

div#pageBody div#leftColumn div#leftBorder {
	border-right: 1px solid #36A4FF;
}

div#pageBody div#leftColumn dl dd {
	border-right: 1px solid #36A4FF;
}

div#pageBody div#rightColumn form fieldset {
	border: none;
	border-left: 1px solid #005398;
}

div#pageBody div#rightColumn dl dd {
	border-left: 1px solid #005398;
}

div#pageBody div#rightColumn form fieldset input {
	color: #0064B6;
}

div#pageBody div#rightColumn form fieldset input#submit {
	color: Black;
}

div#footer {
	border-top: 1px solid #005398;
}

/* =Navigation
-----------------------------------------------------------------------------*/
div#header ul li {
	background: #0064B6 url(../images/menu-right-normal.gif) no-repeat top right;
}

div#header ul li:hover {
	background: White url(../images/menu-right-active.gif) no-repeat top right;
}

div#header ul li a {
	background: url(../images/menu-left-normal.gif) no-repeat top left;
	color: #008CFF;
	text-decoration: none;
}

div#header ul li a:hover {
	background: url(../images/menu-left-active.gif) no-repeat top left;
	color: #008CFF;
}

div#pageBody a {
	color: White;
	padding: 0 .2em;
	font-weight: bold;
}

div#pageBody a:hover {
	text-decoration: none;
}

/* =Special Case
-----------------------------------------------------------------------------*/
body#news div#header ul li#menuNews,
body#mailinglist div#header ul li#menuMailingList,
body#about div#header ul li#menuAbout,
body#contacts div#header ul li#menuContacts {
	background: White url(../images/menu-right-active.gif) no-repeat top right;
}

body#news div#header ul li#menuNews a,
body#mailinglist div#header ul li#menuMailingList a,
body#about div#header ul li#menuAbout a,
body#contacts div#header ul li#menuContacts a {
	background: url(../images/menu-left-active.gif) no-repeat top left;
}