html * {
			 box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			}
.clearfix:after, .clear:after, .newLineBorder:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
		}  

@media screen {
.color1 {
    background-color: #606660;
}
.color1_2 {
    background-color: #D65C33;
}
.color1_3 {
    background-color: #063666;
}
.default {
    background-color: #FCFDFB;
}
.misc {
    background-color: #000000;
}
.misc1 {
    background-color: #CCC9C6;
}
.misc2 {
    background-color: #D6D3D0;
}
.misc3 {
    background-color: #DFDCD9;
}
.misc4 {
    background-color: #EFEEEC;
}
.misc5 {
    background-color: #FCFDFB;
}
.misc6 {
    background-color: #FFFEFC;
}
body {
    background: #063666;
    font-family: Verdana,Tahoma,Arial,sans-serif;
    font-size: 12px;
    line-height: 180%;
    margin: 0;
    padding: 0;
    text-align: center;
}
h1 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}
h2 {
    color: #063666;
    font-size: 13px;
    margin: 3px 0;
    padding: 3px 0;
}
h3 {
    font-size: 12px;
    margin: 3px 0 0;
    padding: 3px 0 0;
}
h4 {
    color: #666666;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
h5 {
    color: #000000;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
h6 {
    color: #000000;
    font-size: 10px;
    margin: 0;
    padding: 0;
}
br {
    margin: 0;
    padding: 0;
}
p {
    margin: 0;
    padding: 0;
}
ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
a {
    color: #063666;
    text-decoration: none;
}
a:hover {
    color: #333333;
    text-decoration: underline;
}
#position {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
}
#base {
    text-align: left;
}
.baseBlock {
    clear: both;
}
#header {
    height: 80px;
}
#main {
}
#footer {
    margin-bottom: 20px;
    padding: 10px 0;
}
#margin {
}
.marginBlock {
    text-align: center;
}
#menu {
    border-top: 1px solid #EFEEEC;
}
#content {
    background: url("/images/basics/bg.gif") repeat-x scroll 0 0 #EFEEEC;
    border-left: 1px solid #CAC8C9;
    border-right: 1px solid #CAC8C9;
    margin: 0;
    padding: 0;
}
.contentBlock {
    clear: both;
    padding: 20px;
}
#galery {
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #606660;
    font-size: 0;
    height: auto;
    overflow: hidden;
}
	#galery img{
    width: 100%;
		height: auto;
}
#copy {
}
.copyBlock {
    margin: 0;
    padding: 0;
}
.copyBox {
    margin: 0;
    padding: 3px 0;
}
.copyBox50 {
    width: 245px;
}
#logo {
		background-color: #cac8c9;
    margin: 0;
    padding: 10px 0;
}
#logo img {
    border-width: 0;
    margin: 0;
    padding: 0;
}
#logo h1 {
    display: none;
}
#menu_toggle {
		display: block;
		padding: 20px;
		}	
.menu_button {
			display: block;
			font-size: 140%;
			text-align: right;
			color: #ffc;
			text-decoration: none;
		}
.menu_button:hover {
			color: #58cbdb;
			text-decoration: none;
		}
#menu ul {
    display: none;
}
#menu.expanded ul {
    display: block;
    line-height: 0;
    padding: 0;
    position: relative;
}
#menu ul li {
    display: block;
    line-height: 15px;
    padding: 0;
}
#menu a {
    border-bottom: 1px solid #EFEEEC;
    color: #EFEEEC;
    display: block;
    text-decoration: none;
		font-size: 140%;
		padding: 25px;
		margin: 0 40px;
}
#menu a:hover {
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
}
.menu1 a {
}
.menu1:first-child a {
}
.menu2 a {
}
.menu2:first-child a {
}
#menu ul ul {
    display: none;
}

#copy .copyBox table td {
    font-size: 12px;
}
#copy p {
    padding: 5px 0;
}
#copy img {
}
#pageTitle {
}
#pageTitle h1 {
    border-bottom: 1px solid #063666;
    color: #969696;
    font-size: 18px;
    font-weight: normal;
    margin: 15px 0 5px;
    padding: 10px 0;
}
.copyBox ul {
    list-style: square outside none;
    margin: 0;
    padding-left: 15px;
}
.copyText {
    margin: 0;
    padding: 0;
}
.imgLeft {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
}
.imgRight {
    float: right;
    margin-bottom: 10px;
    margin-left: 10px;
}
a.copyLink {
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0 20px;
}
a.forward {
    background: url("/images/assets/arrow.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a.top {
    background: url("/images/assets/arrowTop.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a.download {
    background: url("/images/assets/arrowDownload.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
}
a.popUp {
    background: url("/images/assets/arrowPopUp.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a.back {
    background: url("/images/assets/arrowBack.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
a.galery {
    background: url("/images/assets/arrowPopUp.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.newLine, .newLineBorder {
    line-height: 0;
    margin-bottom: 3px;
}
.newLineBorder {
    border-bottom: 1px solid #CCC9C6;
}
.copyLeft {
    float: left;
}
.copyRight {
    float: right;
}
#project img {
    float: left;
    width: auto;
}
#project .copyText {
    padding-left: 150px;
}
#project h3 {
}
#project h4 {
}
#project h5 {
    color: #999999;
}
#downloads .copyText {
    border-top: 1px dashed #CCCCCC;
    clear: both;
    float: left;
    line-height: 25px;
    margin: 0;
    padding: 0;
    width: 100%;
}
#downloads h3 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}
#downloads a {
    font-style: italic;
    font-weight: normal;
}
#downloads .copyRight {
    border: 0 solid #008000;
    text-align: right;
    width: 49.8585%;
}
#downloads .copyLeft {
    border: 0 solid #0000FF;
    width: 49.8585%;
}
#cv .copyText {
    float: right;
    width: 375px;
}
#cv h4 {
    color: #C33300;
    float: left;
    margin-right: 10px;
    width: 125px;
}
#news h2 {
}
#news h3 {
    margin-bottom: 5px;
}
#news h4 {
    margin-bottom: 5px;
}
#news .copyText {
    float: left;
    width: 405px;
}
#news img {
    border: 1px solid #000000;
    float: left;
    height: 60px;
    margin: 0 10px 5px 0;
    width: 90px;
}
#pageTop {
    border-bottom: 1px solid #CCC9C6;
    margin: 0 0 10px;
}
#pageBottom {
    margin-bottom: 10px;
}
.pageNavi {
    font-size: 11px;
    padding: 5px 0;
}
.pageNavi .copyLeft, .pageNavi .copyRight {
    width: 49%;
}
.pageNavi .copyRight, .pageNavi .copyRight .copyLink {
    float: right;
    text-align: right;
}
.paging a, .paging b {
    padding: 4px 5px 0 0;
}
#menu .submenu {
		display: block;
}
#menu .active {
    border-bottom: 1px solid #FF00FF;
    color: #FFFFFF;
    font-weight: bold;
}
#galeryWindow {
    font: 12px/16px Verdana,Arial,sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}
#galeryBase {
    margin: 0 auto;
    position: relative;
    width: 600px;
}
#galeryTitle {
    clear: both;
    display: block;
}
#galeryTitle h1 {
    color: #00336E;
    font-size: 14px;
    padding: 15px 0;
}
table#galeryImage {
    background: none repeat scroll 0 0 #000600;
    border-color: #C7C8BA #FFFFFF #FFFFFF #C7C8BA;
    border-style: solid;
    border-width: 1px;
    height: 500px;
    margin-bottom: 5px;
    width: 100%;
}
#galeryImage td {
    text-align: center;
}
#galeryText {
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    text-align: center;
}
#galeryText2 {
    clear: both;
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    padding: 10px 20px 0;
    text-align: center;
}
#galeryNavi {
    clear: both;
    color: #FFFFFF;
    display: block;
}
#galeryArrows {
    float: left;
    height: 20px;
    vertical-align: middle;
    width: 80px;
}
.galeryArrows {
    float: left;
    height: 20px;
    vertical-align: middle;
    width: 30px;
}
#galeryArrows a, .galeryArrows a {
    float: left;
    margin-right: 10px;
    padding: 1px;
    width: 20px;
}
#galeryNums {
    float: right;
    font-size: 11px;
    padding: 0 0 0 15px;
    text-align: right;
    width: 70%;
}
#galeryNums .bold {
    font-weight: bold;
}
#galeryNums a {
    color: #FFFFFF;
}
#galeryLink a {
    background-color: #E4E5D7;
    border-top: 1px solid #FFFFFF;
    color: #333300;
    display: block;
    font-weight: bold;
    padding: 5px;
    text-decoration: none;
}
.editmode {
    color: #E10000;
}
.editmode ul {
    list-style: disc outside none;
    margin: 20px;
    padding: 0;
}
.editmode .normal {
    color: #000000;
}
#galery2 {
    background: none repeat scroll 0 0 #333333;
    font-size: 0;
    margin-top: 10px;
    width: 500px;
}
.galery2Box {
    border: 1px solid #606660;
    float: left;
    width: 500px;
}
#galery2Image {
    background-color: #303330;
}
#galery2Image img {
}
#galery2Navi {
    background-color: #C0C6C0;
    border-top: 1px solid #FFFFFF;
    font-size: 10px;
}
#galery2Nums {
    float: right;
    padding: 5px;
    text-align: right;
    width: 220px;
}
#galery2Nums a {
}
#galery2Text {
    float: left;
    font-weight: bold;
    padding: 5px;
    text-align: left;
    width: 220px;
}
}
@media print {
#base {
    font-family: verdana,arial;
    font-size: 8pt;
    width: 95%;
}
h1, h2, h3 {
    font-size: 10pt;
    margin: 5pt 0;
    padding: 0;
}
#menu, #pageTop, #pageBottom, #footer, .paging {
    display: none;
}
a img {
    border-width: 0;
}
.newLineBorder {
    border-bottom: 1px solid #666666;
    clear: both;
    display: block;
    margin: 5pt 0;
}
#logo {
    clear: both;
    margin-bottom: 10pt;
}
}