/**** BASICS ****/
html {
    height: 100%;
    width: 100%;
}
body {
	font:  12px/22px tahoma, Arial, sans-serif;
    color: black;
    margin: 0px;
    padding: 0px;
    text-align: left;
    behavior: url("../javascript/csshover2.htc");
    width: 100%;
    height: 100%;
}
td {
	font: 12px tahoma, Arial, sans-serif;
    color: #333333;

}
a {
    color: #e06254;
    text-decoration:none;
}
img {
    border: 0px;
    margin: 0px;
    padding: 0px;
    behavior: url("../javascript/pngbehavior.htc");
}

input, select {
	font:  12px tahoma, Arial, sans-serif;
    letter-spacing: 0.08em;
    border: 1px solid #808080;
	width: 150px;
	margin-bottom: 10px;
	background: white;
}
input.checkbox {
    border: none;
    width: 14px;
    height: 14px;
}
input.radio {
    border: none;
    width: 14px;
    height: 14px;
}
/*input.submit {
	font:  14px tahoma, Arial, sans-serif;
    letter-spacing: 0.08em;
    border: 1px solid #808080;
    background: transparent;
    height: 24px;
    width: 144px;
}*/
textarea {
	font:  12px tahoma, Arial, sans-serif;
    letter-spacing: 0.08em;
    border: 1px solid #808080;
    height: 150px;
    width: 350px;
}
label {
	font:  12px tahoma, Arial, sans-serif;
    letter-spacing: 0.08em;
    width: 100px;
    text-align: right;
    border: none;
    padding-right: 15px;
	float: left;
}



/*** PAGE LAYOUT ***/
#outercontainer {
    height: 100%;
    width: 100%;
    display: table;
    text-align: left;
    _position: relative;
    overflow:hidden;
}
#middlecontainer {
    display: table-cell;
    vertical-align: middle;
    _top: 50%;
    _position: absolute;
}
#container {
    width: 898px;
    height: 600px;
    border: 1px solid #808080;
    background: white;
    margin-left: auto;
    margin-right: auto;

    _top: -50%;
    _position: relative;
    /*position: relative;
    margin-top: -300px;
    top: 50%;*/
}

#header {
    position: absolute;
    height: 242px;
    width: 706px;
    z-index: 50;
}
#page_image {
    position: absolute;
    height: 242px;
    width: 706px;
    z-index: 25;
    background: url("../image/page-image-default.jpg") no-repeat top left;
}
#circle {
    position: absolute;
    margin-top: 54px;
    margin-left: 54px;
    width: 190px;
    height: 190px;
    z-index: 75;
}
#mainmenu {
    position: absolute;
    margin-top: 535px;
    margin-left: 16px;
    z-index: 50;
}
#logo {
    position: absolute;
    margin-top: 98px;
    margin-left: 681px;
}
#content {
	font:  12px/22px tahoma, Arial, sans-serif;
    letter-spacing: 0.08em;
    position: absolute;
    margin-top: 262px;
    margin-left: 54px;
    width: 550px;
    height: 237px;
    overflow: hidden;
    padding-right: 20px;
}
#content_start {
    position: absolute;
    margin-top: 8px;
    margin-left: 126px;
    width: 264px;
    height: 380px;
    overflow: hidden;
    text-align: center;
    color: white;
    font: 10pt/20pt arial, sans-serif;
}
#divScrollTextCont {
    clip:rect(0px 550px 237px 0px);
    visibility:hidden;
}
#divText {position:absolute; left:0px; top:0px;width:550px}
#scroll-up {
    position: absolute;
    margin-top: 262px;
    margin-left: 634px;
    width: 18px;
    height: 16px;
}
#scroll-down {
    position: absolute;
    margin-top: 483px;
    margin-left: 634px;
    width: 18px;
    height: 16px;
}
#footer {
    position: absolute;
    margin-top: 565px;
    margin-height: 35px;
    width: 898px;
}
#footer-html {
    position: absolute;
    height: 23px;
    width: 863px;
    padding: 12px 35px 0px 0px;
    text-align: right;
	font: 9px Arial, sans-serif;
	z-index:99;
}
#footer-html a {
    color: #808080;
}
#footer-flash {
    height: 35px;
    width: 898px;
}
#print {
    position: absolute;
    left: 550px;
}




/**** MENU ****/
ul.mainmenu {
    padding:0;
    margin:0;
}

li.mainmenu-item {
    list-style: none;
    width: 99px;
    float: left;
    padding: 0;
    margin: 0 13px 0 0;
	font:  12px tahoma, Arial, sans-serif;
	letter-spacing: 0.05em;
}
li.mainmenu-item a {
    color: #4d4d4d;
}
li.mainmenu-item:hover a, li.mainmenu-item-active a {
    color: #ff0000;
}


ul.submenu {
    width: 99px;
    padding: 6px 0 0 4px;
    margin: 0;
    position: absolute;
}

li.submenu-item {
    display:block;
    list-style: none;
    width: 90px;
    min-height: 17px;
    padding: 3px 0 2px 0;
    margin: 0;
    text-align: center;
	font: 11px tahoma, Arial, sans-serif;
    border-bottom: 1px solid #ff0000;
}
* html li.submenu-item {
    height: 17px;
}

li.submenu-item a {         color: #ff0000; }
li.submenu-item:hover a {   color: black; }

div.submenu_outer {
    border-left: 1px solid #ff0000;
    border-top: 1px solid #ff0000;
    border-right: 1px solid #ff0000;
    position: absolute;
    padding: 0;
    margin: 0 0 0 -1px;
    width: 99px;
    background: url("../image/eye.png") no-repeat bottom left;
    z-index: -1;
}
div.submenu_whitebg {
    position: absolute;
    width: 99px;
    background: white;
    /*opacity: 0.8;
    filter:alpha(opacity=80)*/

}


/**** NEWS ****/
span.news_date {
    display: block;
    font-family: "Lucida Sans Unicode";
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    color: #333333;
	background-color:#F5F5F5;

}
span.news_headline {

    display: block;
    margin-left: 10px;
    font-family: "Lucida Sans Unicode";
    font-size: 12px;
    font-weight: normal;
}





/**** CELLS ****/
span.cellheader {
    display:block;
    border: 0px;
    border-bottom: 1px solid #999999;
    background-color:#333333;
    height: 20px;
    color: #ffffff;
    padding-left: 3px;
}

span.celltracker {
    display:block;
    border: 0px;
    border-bottom: 1px solid #999999;
    background-color: green;
    height: 20px;
    color: #ffffff;
    padding-left: 3px;
}

span.cellcontent {
    display:block;
    height: 100px;
    padding: 10px 0px 0px 5px;
}





/**** CONTENT ****/
h1 {
    position: absolute;
    font: 15px tahoma, arial, sans-serif;
    color: white;
    padding:0;
    margin:0;
    font-weight: normal;
    z-index: 80;
    text-align: center;
    overflow: visible;
}
h1.hidden { display:none }
span.bullet {
    color: #e2001a;
    font-size: 20px;
}

#firstword {
    margin-top: 116px;
    margin-left: 65px;
    width: 115px;
    font-size: 20px;
}
#otherwords {
    position: absolute;
    margin-top: 135px;
    margin-left: 65px;
    width: 180px;
    font-size: 41px;
    letter-spacing: 0.1em;
}

h2 {
    font-family: "Lucida Sans Unicode";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 5px 0;
}
div.content_element {
    margin-bottom: 20px;
}
div.content_element table td {
    height: 20px;
	/*border: 1px solid #cccccc;*/
	padding: 1px 3px 1px 3px;
}
div.image_css2 {
    /* small left */
    margin-bottom: 20px;
}
div.image_css3 {
    /* small right */
    margin-bottom: 20px;
    text-align: right;
}
div.image_css0, div.image_css1 {
    /* large center, small center */
    margin-bottom: 20px;
    text-align: center;
}

div.image_css4 {
    /* small left text */
    float: left;
    margin: 0px 10px 10px 0px;
}
div.image_css5 {
    /* small right text */
    float: right;
    margin: 0px 0px 10px 10px;
}    
