body {margin: 16px 0px 15px 0px; padding: 0px; font-family: "Myriad Web", sans-serif; font-size: 0.8em; background-color: rgb(26,26,26); color: black;}
img {border: none;}
a {color: rgb(72,202,212); text-decoration: none;}
a:hover {color: white;}
h1 {font-weight: normal; margin: 0px;}
h1 a {}
h1 a: hover {}
h2 {font-weight: normal; margin: 0px;}
h2 a: hover{color: white;}
h3 {color: rgb(72,202,212); margin: 0px; display: inline; font-size: 100%;}
h4 {font-size: 130%;}

.clear {clear: both; font-size: 1px; line-height: 1px; height: 1px;}
.back {margin: 10px 0px 0px 40px;}

.right {float: right;}
.left {float: left;}

ul {}
ul li {margin: 0px 0px 10px 0px; padding: 0px;}
ul li .sub {margin: 0px; padding: 0px;}

/********************* page **********************/

.page1, .page2, .page3, .page4 {
    position: relative;
    width: 990px;
    min-height: 700px;
    _height: 700px;
    text-align: left;
    margin: auto;
    background-color: rgb(72,72,74);
    background-image: url('/images/page-bg.gif');
}

#rightColumn {float: right; width: 180px; min-height: 700px; _height: 700px; background-repeat: no-repeat; background-position: top right;}
.page1 #rightColumn {background-image: url('/images/rightColumn1.jpg');}
.page2 #rightColumn {background-image: url('/images/rightColumn2.jpg');}
.page3 #rightColumn {background-image: url('/images/rightColumn3.jpg');}
.page4 #rightColumn {background-image: url('/images/rightColumn4.jpg');}

#rightColumn .hrefHeader {position: absolute; display: block; height: 150px; width: 150px; z-index: 99; text-decoration: none;}

#webTitle {position: relative; width: 505px; padding: 40px 0px 5px 40px;}
#webTitle a {position: relative; z-index: 1;}
#webTitle h2 {position: absolute; top: 0px; left: 0px; padding: 0px; font-size: 170%; color: rgb(72,202,212); z-index: -2;}


/* ************ menu *********** */

#menu {padding: 0px; color: black; margin: 150px 0px 30px 20px;}
#menu ul {list-style: none; margin: 0px; padding: 0px;}
#menu ul li {display: block; margin-bottom: 10px;}
#menu ul li a {font-weight: normal; text-decoration: none; color: white; padding: 0px; margin: 0px;}
#menu ul li a:hover {color: black;}
#menu ul li a.selected {color: black;}


/********************* main content **********************/

#mainContent {background-color: rgb(69,75,79); margin: 0px 180px 0px 0px; padding: 0px;}
#mainContent .inside {color: rgb(223,223,223); padding: 10px 0px 20px 0px;}

#welcome {padding: 25px 0px 0px 0px;}
#welcome .articleText {padding: 10px 40px 0px 40px; text-align: justify;}
#welcomeRotatorViewport {position: relative; width: 810px; height: 437px; overflow: hidden; margin-bottom: 10px;}
#welcomeIntro {position: relative;}
#welcomeIntro .rotatorArticle {float: left; width: 810px; height: 437px;}
img.clicable {cursor: pointer;}

/* ************ article *********** */

#articleDetail {margin: 0px 0px 0px 0px;}
#articleDetail .textContent {text-align: left; margin: 0px 40px 0px 40px;}
#articleDetail .articleText {text-align: left; font-size: 97%;}
#articleDetail .articleText .articleImage {float: left; margin: 10px 0px 10px -40px;}
#articleDetail .articleTitle {font-size: 150%; color: rgb(72,202,212); font-weight: normal; margin: 0px;}
#articleDetail .sectionTitle {color: rgb(198,199,201); font-size: 130%; font-weight: normal; margin: 0px 0px 35px 40px;}
#articleDetail .sectionTitle a {color: rgb(198,199,201);}
#articleDetail .sectionTitle a: hover {color: rgb(72,202,212);}

#articleDetail .multimedia {float: left; width: 430px; min-height: 250px; _height: 250px; text-align: right; margin: 0px 10px 0px 0px;}
#articleDetail .gallery {width: 430px; height: 290px; font-size: 1px;}
#articleDetail .flashPlayer {width: 430px; height: 290px;}
#articleDetail .detailBox {width: 430px; height: 250px;}
#articleDetail #multimediaList {margin: 10px 0px 0px 0px;}
#articleDetail .multimediaList {width: 430px;}
#articleDetail .itemMultimedia {text-align: right;}
#articleDetail .multimediaBox {width: 130px; height: 76px; margin: 0px 0px 10px 0px; background-color: red;}

#sectionList .articleList {margin: 0px;}
#sectionList .articleList td {padding: 0px; text-align: left;}
#sectionList .articleList .sectionItem {padding: 0px 0px 30px 0px;}
#sectionList .articleList .sectionItem .articlePerex {float: left; width: 303px; margin: 0px; padding: 0px; color: rgb(223,223,223); font-size: 100%; }
#sectionList .articleList .sectionItem .articlePerex p {margin: 0px; padding: 0px;}
#sectionList .articleList .sectionItem .articlePerex .articleTitle {font-size: 150%; color: rgb(72,202,212); font-weight: normal; margin: 0px;}
#sectionList .articleList .sectionItem .articlePerex .articleTitle a {color: rgb(72,202,212);}
#sectionList .articleList .sectionItem .articlePerex .articleTitle a:hover {color: white;}
#sectionList .articleList .sectionItem .perexImage {float: left; margin: 0px 30px 0px 0px;}
#sectionList .articleList .sectionItem .perexImage img {padding: 0px;}

#sectionList .sectionTitle {color: rgb(198,199,201); font-size: 130%; font-weight: normal; margin: 0px 0px 35px 40px;}
#sectionList .sectionTitle a {color: rgb(198,199,201);}
#sectionList .sectionTitle a: hover {color: rgb(72,202,212);}

#sectionList .navigation {text-align: right; margin: 0px 20px 0px 0px;}


/********************* footer ****************************/

#footer {width: 990px; margin: 7px auto 5px auto; font-size: 85%;}
#footer .copyright {color: rgb(72,72,72);}
#footer .developer a {text-decoration: none; color: rgb(72,72,72);}
#footer .developer a:hover {text-decoration: underline;}


.formGenerator td {vertical-align: top;}
.formGenerator .labels {width: 80px; text-align: right;}
.formGenerator .inputItem, .formEdit .inputItem5rows {width: 450px; font-family: "Myriad Web", sans-serif; font-size: 100%; border: none;}
.formGenerator .buttons {width: 540px; text-align: right; padding-top: 10px;}
.formGenerator .buttons .button {background-color: rgb(100,194,204);}
.formGenerator .topText {margin: 0px 0px 20px 80px;}
.formGenerator .articleTitle {display: none;}
.formGenerator .errorLabel {margin: 10px 0px 10px 80px; display: block; color: #FF0000;}