body {margin: 0px; padding: 0px; text-align: center; font-family: Lucida Grande, Calibri, Verdana, sans-serif; font-size: 0.8em; background-color: rgb(144,244,244); background-image: url('../images/page-bg.gif'); color: black;}

img {border: none;}

a {color: black; font-weight: normal; text-decoration: underline;}

table, td {font-size: 100%;}

.clear {clear: both; font-size: 1px; line-height: 1px; height: 1px;}

.layout {border-colapse: colapse;}
.layout td {vertical-align: top;}

#page {position: relative; width: 990px; height: auto; text-align: left; margin: auto; background-color: white;}

#columnLeft {width: 240px; float: left; margin-left: 0px;}
#columnRight {width: 670px; float: right; position: relative; top: 1px; margin: 0px 40px 0px 0px; padding: 88px 0px 20px 0px; border-bottom: black solid 15px; background-image: url('/images/header.gif'); background-position: top left; background-repeat: no-repeat;}

#columnLeft .logo img {padding-top: 20px; border-top: black solid 15px; border-bottom: solid 1px rgb(204,204,204); margin-left: 40px; padding-bottom: 20px;}

#menu {margin: 20px 0px 0px 40px; padding: 0px 0px 0px 0px;  list-style: none;}
#menu li {margin-left: 40px; padding-bottom: 15px;}
#menu li a {text-decoration: none;}
#menu li a:hover {text-decoration: underline;}
#menu li.active a {color: rgb(186,0,0);}

#mainContent {text-align: left; line-height: 150%; border-top: solid 1px rgb(204,204,204); padding-top: 20px; background-color: white; min-height: 400px;}
#mainContent h1 {font-size: 140%; color: silver; margin: 0px; padding: 0px;}
#mainContent p {margin-top: 5px;}

#bottomContent {text-align: left; margin: 40px 0px 20px 0px; padding: 10px 0px 10px 0px; line-height: 150%; border-top: solid 1px rgb(204,204,204); border-bottom: solid 1px rgb(204,204,204);}
#bottomContent .left {width: 230px;}
#bottomContent .right {float: right; width: 420px;}
#bottomContent h2 {font-size: 100%; margin: 0px; padding: 0px; color: rgb(104,104,104);}
#bottomContent .text {color: rgb(104,104,104);}
#bottomContent .text p {margin-top: 5px;}

#contact {width: 240px; background-image: url('/images/illustration-left.jpg'); background-position: top left; background-repeat: no-repeat; margin-top: 50px; padding-top: 181px; color: rgb(104,104,104); font-size: 90%;}
#contact .inside {padding-left: 80px;}
#contact a {color: rgb(104,104,104); text-decoration: none;}
#contact a:hover {text-decoration: underline;}

#copyright {width: 990px; text-align: center; margin: auto; font-size: 90%;}
#copyright .inside {padding: 5px 0px 0px 240px;}

/* forms */

fieldset {margin: 0px 0px 10px 0px; border: solid 1px rgb(204,204,204);}
fieldset legend {padding: 0px 10px 0px 10px;}
.fieldsetContent {padding: 10px; line-height: 100%;}
.fieldsetContent .label {display: block; padding: 5px 0px 2px 0px;}
.fieldsetContent .labelFirst {display: block; padding: 0px 0px 2px 0px;}
.fieldsetContent .inputItem {border: solid 1px gray;}
.fieldsetContent .boxNote {color: rgb(104,104,104); padding: 10px 0px 0px 1px;}
.fieldsetContent .inputItemReadOnly {border: solid 1px gray; color: gray;}
.fieldsetContent .mainRegionGroup {width: 300px;}
.fieldsetContent .separator {border-top: 1px solid rgb(204,204,204);}
.personalDataProcessingApproval {margin-top: 20px; text-align: center; font-weight: bold;}
.btnSubmit {width: 150px; background-color: rgb(204,204,204); border-top: solid 2px rgb(227,227,227); border-left: solid 2px rgb(224,224,224); border-right: solid 2px rgb(185,185,185); border-bottom: solid 2px rgb(182,182,182); padding: 3px;}


/* jQuery error label */

label.error {font-weight: bold; color: #EE0000;	display: block;}


/*  curtain  */

#curtain {position: absolute; left: 0px; top: 0px; z-index: 100;	width: 100%; height: 6500px; display: none; background-color: gray;	filter: alpha(opacity=30); opacity: 0.30;}
#curtainText{position: absolute; z-index: 100; width: 300px; height: 50px; padding:10px; border: 1px solid black; display: none; background-color: white; filter: alpha(opacity=100); opacity: 1; text-align:center; color: #323737;}