/* CSS Document */

/* CSS Document */

* {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
border-top:  71px solid #666666;
font-size: 13px;
}
	
p {
line-height: 140%;
}

a {
text-decoration: none;
font-size: 12px;
color: #666666;
}

a:hover, a:focus {
color: #6699FF;
}

/*styles*/
.copyright {
font-size: 11px;
}

.title {
font-size: 14px;
}

.title_bold {
font-size: 14px;
font-weight: bold;
}

.h2 {
font-size: 16px;
font-variant: small-caps;
font-weight: bold;
color: #5F827E;
}

.h3 {
font-size: 14px;
color: #666666;
font-weight: bold;
}

.h3 a{
font-size: 14px;
color: #666666;
font-weight: bold;
}

.h4 {
font-weight: bold;
color: #666666;
}

.smallcapstitle_1,.smallcapstitle_1 a {
font-variant: small-caps;
font-size: 14px;
font-weight: 600;
}

.title_2, .title_2 a {
font-variant: small-caps;
font-size: 14px;
font-weight: 600;
color: #666666;
letter-spacing: 1px;
}

.title_2 a:hover, .title_2 a:focus {
color: #6699FF;
}


.title_3, .title_3 a {
font-variant: small-caps;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
color:#444444;
line-height: 160%;
}

.title_3 a:hover, .title_3 a:focus {
color: #6699FF;
}


.collaborator a {
font-size: 13px;
font-variant: small-caps;
font-weight: bold;
color: #666666;
}

img.border {
border-bottom: 3px solid #CC6600;
border-right: 1px solid #CC6600;
}


/*STRUCTURE-----------------------------------*/

#wrapper {
position: relative;
width: 820px;
margin: -71px auto 0px auto;
}

/*header------------------------*/

#header {
position: absolute;
top: 0px;
left: 0px;
width: 820px;
height: 71px;
background-color: #666666;
border-right: 1px solid #FFFFFF;
}

#h_left {
text-align: left;
margin-left: 15px;
padding-top: 25px;
width: 730px;
}

#h_right {
float: right;
margin-right: 10px;
padding-bottom: 10px;
text-align: left;
}


/*left column--------------------------*/
#leftcolumn {
position: absolute;
top: 72px;
left: 0px;
width:120px;
}

#pagetitle {
position: relative;
width: 33px;
height: 166px;
margin-bottom: 65px;
padding-left: 87px;
padding-top: 20px;
}

#navigation {
position: relative;
margin: 0px 12px 0px 7px;
text-align: right;
}

#navigation ul{
text-align: right;
}

#navigation ul li{
list-style-type: none;
font-size:11px;
padding: 2px 0px;
color: #5F827E;
}

#navigation ul li a{
font-size:11px;
color: #5F827E;
text-decoration: none;
}

#navigation ul li a:hover, #navigation ul li a:focus{
font-size:11px;
font-weight: bold;
color: #333333;
}

#navigation ul li a.current_page {
font-weight: bold;
color: #333333;
}


/*content -------------------------------------------*/

#contentarea {
position: absolute;
top: 72px;
left:120px;
width: 700px;
}

#image {
clear: both;
width: 700px;
height: 210px;
background-color: #FFFFFF;
}

#text_left{
float: left;
width: 490px;
padding: 40px 30px 10px 30px;
}

#text_right {
float: right;
width: 145px;
padding: 40px 0px 10px 5px;
}

#copyright {
clear: both;
width: 700px;
height: 20px;
padding-top: 10px;
}

/*CONTENT VERSION 2 ---------------------------------------*/
#menu {
clear: both;
width: 640px;
padding: 15px 30px;
text-align: left;
}

#menu ul{
text-align: left;
font-size: 14pxpx;
color: #CCCCCC;
padding: 10px 0px;
border-bottom: 1px solid #CCCCCC;
}

#menu ul li{
display: inline;
font-size: 14pxpx;
padding: 5px 5px;
color: #999999;
}

#menu ul li a{
font-size: 14pxpx;
color: #999999;
text-decoration: none;
}

#menu ul li a:hover, #menu ul li a:focus{
color: #5F827E;
}

#menu ul li a.current_page {
font-weight: bold;
color: #5F827E;
}

#opencolumn {
clear: both;
width: 620px;
padding: 10px 50px 10px 30px;
text-align: left;
}

#opencolumn ul {
list-style-type: none;
}

#opencolumn ul li {
padding: 5px 0px;
}

#opencolumn_flash {
clear: both;
width: 670px;
padding: 5px 0px 10px 30px;
}

#flashcontent {
height: 600px;
}


/*CONTENT VERSION 3 ---------------------------------------*/

#column1 {
float: left;
width: 305px;
padding: 10px 15px 10px 30px;
text-align: left;
}

#column2 {
float: right;
width: 305px;
padding: 10px 30px 10px 15px;
text-align: left;
}
